Obelieve's Blog  >  All Categories  >  Notes  >  UI交互设计原则

UI交互设计原则

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

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

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

    • 用户进行某些操作时,忽然意识到自己不对,需要修改撤回的地方,这个叫临界效应,所以最好支持撤销/重做功能。
  • 3.一致性原则:同一文案、功能、操作保持一致。

    • 结构一致性:规则的有逻辑的排列顺序能减轻用户思考负担。
    • 色彩一致性:产品所使用的主色调应该保持统一。
    • 操作一致性:减少用户学习成本。
      • App返回上一级页面,都通过左上角进行。
    • 反馈一致性:用户点击的反馈效果应该一致。
      • 页面滑出效果:都是从左往右滑回,从右往左滑出。
    • 文字样式一致性:产品呈现给用户阅读的文字大小、样式、颜色、布局等不同页面的相同模块都应该是一致的。
  • 4.环境贴切原则:使用用户熟悉的语言、文字、语句,或者其他用户熟悉的概念,而非系统语言。软件信息应该尽量贴近真实世界,让用户容易理解。

    • 计算器的软件界面,和我们现实中使用的样式差不多。
  • 5.易取原则:组件、按钮及选项可见化,降低用户记忆负担。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的,且在合适的时候可以再次查看。

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

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

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

    • 登录页面,未填写完账号密码之前,登录按钮置灰不可点击。
    • 退出编辑页面,弹出弹窗提示。
  • 9.容错原则:错误信息指出错误是什么,并给出解决建议。帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。

    • 密码输入,强弱是否一致
  • 10.人性化帮助原则:提供帮助文档,方便用户搜索到。

分类: Notes 
标签UI
发布于:  · 最后更新时间: