UI交互设计原则

首要目标是评估用户体验。 用户体验： 让用户付出最小成本满足需求 - 易用性 自然，自然的体验是不需要用户去思考的 - 易学习性

Jakob Nielsen（雅各布·尼尔森）：交互设计的十大法则 “启发式”设计原则

• 1. 状态可见原则：让用户快速的了解自己处于何种状态，让用户清楚已发生什么、当前目标是什么、以及未来要怎样。在合适的时间给用户适当的反馈，防止用户使用出现错误。
  • 按钮状态变化反馈
  • 长时间加载时，时间进度指示器，减少了不确定性-防止用户多次单击同一按钮。

• 2.用户可控原则：用户常常会误触到某些功能，系统应该让用户可以方便的退出。

  • 用户进行某些操作时，忽然意识到自己不对，需要修改撤回的地方，这个叫临界效应，所以最好支持撤销/重做功能。

• 3.一致性原则：同一文案、功能、操作保持一致。

  • 结构一致性：规则的有逻辑的排列顺序能减轻用户思考负担。
  • 色彩一致性：产品所使用的主色调应该保持统一。
  • 操作一致性：减少用户学习成本。
    • App返回上一级页面，都通过左上角进行。
  • 反馈一致性：用户点击的反馈效果应该一致。
    • 页面滑出效果：都是从左往右滑回，从右往左滑出。
  • 文字样式一致性：产品呈现给用户阅读的文字大小、样式、颜色、布局等不同页面的相同模块都应该是一致的。

• 4.环境贴切原则：使用用户熟悉的语言、文字、语句，或者其他用户熟悉的概念，而非系统语言。软件信息应该尽量贴近真实世界，让用户容易理解。

  • 计算器的软件界面，和我们现实中使用的样式差不多。

• 5.易取原则：组件、按钮及选项可见化，降低用户记忆负担。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的，且在合适的时候可以再次查看。

• 6.灵活高效原则：有些操作对不同用户使用频率需求是不同的，允许用户定制常用功能也许是个不错的选择。

• 7.优美且简约原则：对话中的内容应该去除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。

• 8.防错原则：比一个优秀错误提醒弹窗更好的设计方式，是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况，或在用户提交之前给他一个确认的选项。

  • 登录页面，未填写完账号密码之前，登录按钮置灰不可点击。
  • 退出编辑页面，弹出弹窗提示。

• 9.容错原则：错误信息指出错误是什么，并给出解决建议。帮助用户识别出错误，分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复，也要尽量为用户提供帮助让用户损失降到最低。

  • 密码输入，强弱是否一致

• 10.人性化帮助原则：提供帮助文档，方便用户搜索到。