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

前记:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

小结:

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容