美文网首页产品经理@产品0岁的产品经理
适用于产品新手的UI和交互小记

适用于产品新手的UI和交互小记

作者: PM凡人 | 来源:发表于2017-09-06 17:39 被阅读122次

    前记:

    在我个人看来,真正伟大的设计一定不是单纯的为了美而美,而是从人出发,真正对人类有益:如果你是为了让用户看到这幅画感受到美,那你就把它画得漂亮一点;如果你画这幅画是为了让人觉得烦,那你就把它画的糟糕一点...我举这个例子可能不是很恰当,但只是为了说明一个道理:对于好的设计而言,应该是形式服务于内容的。

    下面是我日常总结的一些设计和交互上的小技巧,没有什么章法也比较肤浅:

    1.页面的设计要适合它的目标用户,微信的目标用户是全人类(有点浮夸,意思就是说所有年龄和工作阶层),所以它设计的比较通俗简单,而如果目标用户是整天逛三里屯的妹纸们,那就应该设计的酷炫一点了;

    2.要将用户最想要看到的信息突出,可以通过大小对比、色彩对比等方法来营造视觉上的轻重层次;

    3.标题是很重要的,最好让人一眼就能明白你要告诉他什么,因为小字很容易被忽略掉;

    4.页面不要有视觉的干扰因素,每条线的存在都有它存在的道理,同类的内容要抱团,而区分不同类的字段或内容一般采用两种基本方法:拉大间距或者加线框;

    5.常用页面的背景色不要做的太亮,会晃眼睛,影响到用户对主要功能的使用;

    6.APP的启动页要尽量和主页面风格保持一致,在载入程序的同时提前给用户提供感知;

    7.对于新用户可以给予适当的视觉引导;

    8.标签类导航要采用简单却辨识度较高的图标(你可以试一下,微博微信等应用的导航图标基本都可以在一两笔之内画出来);

    9.可点击的按钮要增强它的可见性,不同的状态要给予用户不同的反馈:置灰-禁用,深色-已选中...

    10.不要在页面中随意使用红色的文本,它更像是在报错和警告;

    11.输入框的长度要尽量保证能显示所有输入的文字;

    12.超出一行显示的字需要进行折行或者缩略处理,具体采取哪一种方法需要根据你想展示给用户的目标和美观两个维度来考虑;

    13.弹出提示框时底部页面往往会置灰禁用,但要保证依然可以让用户看到页面的内容,这样有助于用户接下来的判断,另外弹出提示框的位置最好紧挨着导致它出现的操作或者按钮;

    14.电商首页的导航设计会尽量吸引眼球,但到了商品的结果页和支付页等要消弱它的效果,以免用户半道跑路;

    15.导航的位置固定性很重要,决定了的位置就不要轻易改动,想想如果你明天起来发现微信的“发现”和“通讯录”互换了位置,那你会不会有一种被背叛的感觉?

    16.如果一个操作的流程有好多步,最好能够对用户所处的位置和阶段作出提示,位置感对于用户是很重要的,谁都不喜欢迷失的赶脚;

    17.一个操作流程的完成时间最好设计在7分钟之内,太长了会使用户半途而废;

    18.我们从小养成的视觉习惯是:看书,看字都是从左向右,从上到下。所以页面的整体布局要符合这个基本常识,重要的东西要放在左边和顶部;

    19.页面中的文字要尽量简洁,能用两个字的时候尽量不用三个字,比如“我的朋友”,可以直接改为“朋友”(除非你要保持字数的一致性);

    20.同一词语在同一网站中一定表达的是同一个意思,否则会让用户感到崩溃;

    小结:

    人没有绝对的好坏,事物不是非黑即白,而设计往往也没有绝对的美丑!这可能是设计最大的魅力!​

    但作为产品经理请永远不要忘记,一切以目标为导向~

    相关文章

      网友评论

        本文标题:适用于产品新手的UI和交互小记

        本文链接:https://www.haomeiwen.com/subject/wubbhxtx.html