十大交互性设计原则

作为一个初学小白，需要学习这十大交互性设计原则来帮助你更好的优化用户体验。

1.状态交互原则（Visibility of system status）

• 用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间小于用户能忍受的等待时间。

小结
主要有交互控件的3种状态，分别是按下，点击，普通，以及Toast通知用户正在进行的操作（比如正在加载网络数据等等），防止ANR（Application Not Responding）

2.符合真实的世界（Match between system and the real world）

• 网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用第二世界的语言。

小结
主要是设计出符合逻辑和人群/产品风格/吉祥物的UI，逻辑是指如果是我的信息就是一个人物的icon，而这个人物icon的风格就得根据人群的类型设计，比如商务、学生、年轻人，或者再根据产品风格去设计，比如搞怪的就不会纯色为主，比如学生就会以清新为主，这是符合现实感官的，而不是胡乱的去设计出来，比如金融APP就是金色为主，但是这种金色又要符合现实人们的视觉，最后说吉祥物，比如熊猫直播就是绿色+熊猫为主，每一个产品都有自己的标识和风格

3.用户的控制性和自由度（User control and freedom）

• 为了避免用户的误用和误击，网页应提供撤销和重做功能。

小结
不止是撤销，还有回收站以及缓存，这些都是控制性和自由度，以及APP主题，拿QQ来说，就更多了，大多在设置里面，比如通知是否显示，特殊提示声，用户信息的各种设置

4.一致性和标准化（Consistency and standards）

• 产品在遵循平台惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性，不要让用户在使用产品的时候发现不符合产品规范的地方。

小结
产品的一致化是极其重要的，也跟上面说的产品风格有关，但大体的意义是整体风格一致化，小到Toast风格，大到整体颜色层次以及UI风格

5.防止用户出错原则（Error prevention）

• 通过页面的设计、重组或特别安排，防止用户出错。

小结
主要是开始对于用户操作性的行为（比如输入金额，选择XXX）进行限制和提示，比如创建账户的时候，输入密码的规则要提示出来

6.识别比记忆好（Recognition rather than recall）

• 尽可能减少用户回忆负担，把需要记忆的内容摆上台面。动作和选项应该是可见的。

小结
比如对一些有很严重的后果的行为（删除，撤销），需要让操作对象更明显一些，比如字体变红字体加粗，动画变换等等，让用户知道自己进行了什么操作，而不是操作了之后想不起来，大部分参考就是红色删除，绿色确定，不可点击灰色等等常规标准

7.使用的方便快捷（灵活高效原则）（Flexibility and efficiency of use）

• 中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效。

小结
主要是以便捷高效为主，比如当有批量操作的时候，要多考虑用户的感受，例如抖音会以侧滑进入登录界面，上下滑切换视频来达到便携高效的效果

8.审美和简约的设计（Aesthetic and minimalist design）

• 在产品的设计或相关界面中，让你的相关信息尽量一目了然不要过于复杂繁琐，即让自己的架构简单界面简洁突出重要内容去掉或弱化干扰和不相关的信息/内容。

小结
在扁平化和简约设计大行其道的情况下，应该去想想怎么做出产品风格化的又简约好看的设计风格，比如熊猫直播不单单是熊猫和绿色的搭配，在某些地方适当好处的渐变也是很有深意的

9.容错原则（Help users recognize, diagnose, and recover from errors）

• 帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码，比如404。

小结
容错就是尽量的用中文提示，而非数字（404）和英文（error），还有就是当网络加载失败的时候有重新加载的功能，以及误删的时候可以恢复，以及需要用户操作的时候有相关文字或图文去说明等等人性化的功能

10.人性化原则（Help and documentation）

• 如果系统不使用文档是最好的，但是有必要提供帮助和文档。任何信息应容易去搜索，专注于用户的任务，列出具体的步骤来进行。帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。

小结
这让我想起有一个功能，当你关注一个作者后，会弹出一个对话框，询问你当作者更新作品是否通知，有是，否，以及不再提醒3个选项。还有就是某些注册账号时会让用户勾选是否遵循XXXX协议（比如店铺开张协议），以及一些List的Item的右滑删除等等人性化设计

参考资料
产品设计中的交互原则