读文章—2015年6月30日

文章——[GoodUI优秀web设计的69条设计原则]

| 简介

文章介绍了web设计中需要注意的重要设计原则，看这类文章总会有一个感觉：道理都懂，实际操作的时候却很容易就忽视。

借由在这里的总结，希望这些设计原则能够更深刻印在我的脑子里。

| 原文地址

知乎专栏

goodui.org/

| 心得总结

01 尝试使用一列的布局替代多列布局

单列布局传达给用户的是：可控，可预估，没有负担；

02 给用户一些小的利益，别看上去那么赤裸裸

先迎合用户的贪欲；

03 合并相似的功能

功能规划=分类+概括，确定大类别后，秉承4±2原则，降低用户的认知负荷；

04 尝试展示来自用户的赞扬，而不是自我表扬

用户的同理心需求很强烈，普遍讨厌假大空；

05 重复核心行动点

重要的事情不是都要说三遍嘛？不过在设计中，一次提供给用户的核心内容只有一个，避免其他信息干扰核心；

06 统一视觉规范，提升可识别性

产品的形象需一致，从产品理念、设计风格、色彩搭配上都需一致；

07 尝试使用推荐的口吻，而不是让用户感觉面对一台冷冰冰的机器

08 给用户吃「后悔药」的机会

任何时候必须要考虑容错设计；

09 告诉用户产品适用的人群，而不是人人都通用

把握核心人群，服务活跃用户，做精不做全；

10 将文案写得更加的直接，而不是一堆废话

11 增强主行动点的视觉冲击力，提升它在页面中的可对比性

12 让用户知道你从哪儿来更易于拉近与用户的关系

13 将表单做的简单点，确保用户在抓狂之前能进入下一步

简单，简单，再简单；

14 尽量将用户需要选择的信息展示出来而不是藏起来

层级一样的，权重差不多的选项，不超过4个的内容最好一次展示；

15 页面的排版需要考虑用户是否会漏掉底部信息

16 如果页面的底部有需要关注的行动点，别让文中过多的外链带走了用户

17 确保用户知道自己目前的状态

18 将利益点融合在行动点中，增强用户的点击欲望

行为和驱动力结合，减少用户流失；

19 将行动点与当前信息结合起来

20 将简要的表单合并到页面中，减少调整页面带来的用户流失

21 适当的增加延迟动效，让用户感知到页面的变化

22 让新用户从尝试产品入手，而不是一来就面对冷冰冰的注册表单

不需要注册登录，用户能够以游客的身份了解、使用产品。

23 减少使用线框，这会过多的吸引用户注意力，而且会让页面看上去透不过气

24 给用户推销你能给他带来的利益，而不是功能

25 一定要注意0结果页面的设计，这也是引导用户的好地方

要传达给用户，我们能做到什么？而不是我们做不到什么？

26 给用户选择退出的权利，特别是邮件订阅

27 注意界面元素的一致性，降低用户学习成本

28 给下拉框增加一些预设值，降低用户填写成本

尽量让用户去选择，而不是去输入内容；

29 延续用户日常的使用习惯，而不是重新创造

构建用户画像，提炼用户的行为特征，设计忠实于用户的这些特征习惯；

30 尝试告诉用做些事情降低自己的损失，而不是提升收益

31 提升页面的视觉层次，增强可阅读性

32 将同类的操作合并在一起，降低用户的认知成本

33 表单及时校验，而不是统一提交后在告诉用户填错了

在费力输入一大串内容后告诉你出错了一切都要重来。。这简直是噩梦；

34 尝试将表单输入变得更加宽容，让用户的填写更加简单

35 通过时间增强紧迫感

36 提供用户可预见性的操作，降低用户的心理成本

行为模型分为：目的、计划、实施、评价，所有的操作要符合用户的目的意图；

37 尽可能的帮助用户选择，而不是让用户想破脑袋

38 尽可能将操作区域放大，降低用户操作成本

39 页面加载速度很重要，尽可能让用户感受到你的网站速度很快

在视频网站上这一点体会最深刻，腾讯/爱奇艺视频网站相比优酷视频网站的最大优点就是不管在任何网络环境下确保用户能先看到视频，视频的质量放在第二位；

40 如果可以，增加键盘快捷键，提升操作效率

41 尝试通过对比来让用户感知到性价比

42 尝试对进度条进行「设计」来降低用户等待的焦虑

43 根据用户选择逐步展示信息，降低无效信息对用户的干扰

44 有时候较小的承诺比「夸海口」会更容易让用户信服

45 尝试将提示信息弱化，减少对用户操作的干扰

辅助类提示信息要不能打扰用户的当前行为，除非要阻止用户时才弹出dialog类的对话框；

46 尽量通过系统的功能来简化用户的操作

47 用文本配合图标来降低用户的认知成本

一图抵万言；

48 用更自然的语言代替冷冰冰的机器

49 放出一些摘要信息来帮助用户识别是否需要进一步了解

50 在关键的页面增加用户权益信息，增强用户进一步操作的信心

51 将价格进行换算，让用户感觉这很便宜

这部分的核心应该是强调：花了的钱能产生如此多的价值；

52 记得在成功页面感谢用户

53 将数字转化成易于用户阅读的形式，而不是冷冰冰的机器语言

54 告诉用户选择的权利和自由「诱惑力」

55 尝试让语言更具「诱惑力」

56 通过设计引导用户的注意力

57 通过友好的对比来展示产品，为用户做决定提供帮助

58 通过任务机制来提升用户的满足感

59 让用户了解接下来将要发生什么事情

60 尝试用更幽默一些的语言文案

61 任何操作之后都要给出反馈，让用户知道操作已经生效

62 注意动效的真实使用情况（Amazon 的类目菜单就是一个很好的例子）

63 注意排版的，不要让信息过于拥挤

64 尝试用讲故事的方式来传递信息，增强用户的代入感

65 尽量给用户展示真实的信息，不要欺骗

66 随着用户的不断熟悉简化界面

67 试着用用户的口吻展示信息

68 在表单中增加一些提示信息，减少错误的几率

69 最后，用简单的文案传递核心关注的信息，少一些废话

Lynn says:

具体实践中，提前思考，确定策略；

确定设计目标，忠实于核心用户需求；

基于用户的行为特征分析行为模型（目的-计划-实施-评价）中需求的权重；

不增加用户的认知负荷。