用一篇文章,帮你快速了解尼尔森设计原则

admin 1 0

用一篇文章,帮你快速了解尼尔森设计原则 -第1张图片-快备云

本次给大家带来尼尔森十大原则的讲解,也叫用户体验十大原则、尼尔森的十大可用性原则。使用实际项目中的实例为大家演示, 项目均已上线,感兴趣的可以去体验一下!

尼尔森十大原则

1.交互状态可见

用一篇文章,帮你快速了解尼尔森设计原则 -第2张图片-快备云

  1. 让用户操作有感知
  2. 网络中断、信息未收取等
  3. 加载中、进度条等
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第3张图片-快备云

2. 贴近场景原则

用一篇文章,帮你快速了解尼尔森设计原则 -第4张图片-快备云

  1. 设计元素采用场景化,使用日常生活中所看到的
  2. 较为容易理解的设计元素和提示语言
  3. 动效的设计要符合物理现象,避免过于生硬
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第5张图片-快备云

3. 可控性原则

用一篇文章,帮你快速了解尼尔森设计原则 -第6张图片-快备云

  1. 误删操作可以找回如:回收站设计
  2. 撤销功能的设计
  3. 不可逆的进行提示
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第7张图片-快备云

4. 一致性和标准化原则

用一篇文章,帮你快速了解尼尔森设计原则 -第8张图片-快备云

  1. 按钮、表单、输入框等重复出现的元素保持一致性
  2. 相同功能语言的一致性
  3. 操作逻辑、交互设计的一致性如:某个列表删除为右滑,另外一个为左滑则为错误的方式
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第9张图片-快备云

5. 防错原则

用一篇文章,帮你快速了解尼尔森设计原则 -第10张图片-快备云

  1. 当用户操作失误时进行及时的提示
  2. 给予错误操作正确的操作方式
  3. 使用不同的设计样式上去告知用户是否可操作
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第11张图片-快备云

6. 协助记忆原则

用一篇文章,帮你快速了解尼尔森设计原则 -第12张图片-快备云

  1. 协助用户进行操作
  2. 降低用户的记忆成本
  3. 展示用户最近使用或搜索记录等
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第13张图片-快备云

7. 灵活高效原则

用一篇文章,帮你快速了解尼尔森设计原则 -第14张图片-快备云

  1. 常用功能进行较大板块的展示
  2. 功能可配置,不同的用户可进行不同常用功能的配置
  3. 进行用户引导和提供用户操作手册
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第15张图片-快备云

8. 审美和简约设计原则

用一篇文章,帮你快速了解尼尔森设计原则 -第16张图片-快备云

  1. 区分板块和层级,更高效的提高给用户所需要的功能
  2. 取消不重要的信息和不相关的内容
  3. 使用空间纵深表现信息层级
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第17张图片-快备云

9. 容错原则

用一篇文章,帮你快速了解尼尔森设计原则 -第18张图片-快备云

  1. 使用清晰的语言描述用户操作的错误内容
  2. 帮助用户正确操作
  3. 提供解决方案
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第19张图片-快备云

10. 人性化帮助原则

用一篇文章,帮你快速了解尼尔森设计原则 -第20张图片-快备云

  1. 增加小浮标提示文字,给予用户掌握感
  2. 随时可以给予用户帮助
  3. 给予友好的提示信息
  4. ........

用一篇文章,帮你快速了解尼尔森设计原则 -第21张图片-快备云

用一篇文章,帮你快速了解尼尔森设计原则 -第22张图片-快备云

Soul Designer

标签: UI设计 网页设计 UI交互设计 交互设计

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~