今天无意浏览网页,得知了一个叫“尼尔森十大可用性原则”的法则。想做UED和产品经理的童鞋们可以看看。

  尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及 useit.com 网站,向成千上万的 Web 设计师传授 Web 易用性方面的知识,尽管他的一些观点可能带来争议,至少在 Web 设计师眼中,他是 Web 易用性领域的顶尖领袖。

原则一:状态可见原则

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

案例:简书上每篇文章的底部都会有一个「喜欢」按钮,当把鼠标悬浮上去时,按钮就会由原来的透明状态变成淡粉的填充色,这一过程是瞬间的,这就运用了状态可见原则,反馈给用户的信息是:是的,您的操作是对的,鼠标点击下去吧!

原则二:环境贴切原则

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

案例:简书在给文章的集合命名时并没有使用「目录」字样,而是使用了「文集」的说法。第一,这种说法很有情感化的东西在里面,不像直接说「目录」这么生硬;第二,这里也含有隐喻的设计,它会让你联想到一篇一篇文章集合成的小册子的感觉,很有意境之美。「专题」的说法也是一样的道理。

原则三:撤销重做原则

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

案例:这个我暂时还没在简书网站上找到案例,这里以Android版的Chrome浏览器为例说明。当通过手势关闭一个标签页时,浏览器的底部就会出现Toast,显示有「撤销」按钮,如果你是误操作导致的页面删除,这时就可以点击它恢复原先的页面——非常友好的体验。

原则四:一致性原则

  同一用语、功能、操作保持一致。同样的语言,同样的情景,操作应该出现同样的结果。

案例:用户页面的右上角有一个头像,点击后出现菜单列表。其中的「我喜欢的」前面是一个爱心图标,「我的书签」前面是一个书签图标,这都是符合用户认知的,如果把文字所对应的图标互换(「我的书签」用爱心图标),那就有点奇怪了,会引起用户的困惑。

原则五:防错原则

  通过页面的设计、重组或特别安排,防止用户出错。比出现错误信息提示更好的是更用心的设计防止这类问题发生。

案例:在写文章的列表页面,点击「删除文章」后,会弹出一个对话框,让你确认是否删除文章,官方在设计的时候有意把「确定」按钮放在了右边,「取消」按钮放在了左边,因为从操作流这个角度来看,若把「确认」按钮放在左边,则很容易误操作,而这个操作又是不可逆的。而且,官方在设计时给「确认」按钮填充了醒目的蓝色,多重防止误操作。

原则六:易取原则

  尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的,即把需要记忆的内容摆上台面。

案例:案例五中的图5也可以说明这个原则,确认对话框出现就很好地减少了用户前后的记忆。

原则七:灵活高效原则

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

案例:在简书的 Markdown 编辑器模式下写作时,一般用户只要熟记 Markdown 语法就可以写作,那高端一点的用户可能想用 XHTML 语言来写文章,简书也是开放了一些 XHTML 代码的,但不是全部,不然就不能叫做「Markdown编辑器」了。当然如果你不太熟练Markdown编辑器,简书也提供了「富文本编辑器」,满足了低层次用户的需求。这就是一种非常灵活高效的设计(如果简书只有单纯的 Markdown 编辑器,那么用户会流失很多很多)。

原则八:易扫原则

  互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

案例:当想把已经添加在文章下方「拓展阅读」处的链接删除,那么点击「删除」后,在浏览器的顶部就会出现了提示框,提示「拓展阅读删除成功」。因为这样一个操作误删除的可能性非常小,由于「删除」的操作域非常小,一般点击都是自己明确地把鼠标移上去的,而且删除拓展阅读中的链接并不是一件非常严重的事情。其实我想说的是,这种情况下就不需要弹出对话框再进行确认了,的确,简书也是这么设计的——把无关紧要的信息弱化,提示3秒即消失。

原则九:容错原则

  错误信息应该用语言表达(不要用代码),较准确地反应问题所在,并且提出一个建设性的解决方案。

案例:在简书上,点击一个链接,偶尔会出现下图的情形,即页面找不到。简书提供了详尽的说明文字和指导方向,而非直接使用404代码。

原则十:人性化帮助原则

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

案例:对于初次使用的用户来说,看到设置中的「选择常用的编辑器」,会搞不懂「富文本」和「Markdown」的区别是什么,而且对于长期使用简书的用户来说,如果有一天他想在两个编辑器之间切换使用,可能就会对自己不常用的那个编辑器不了解或是遗忘,那么这个时候其实就像简书这样的设计就非常好——直接通过问号图标跳转到具体的帮助文档页面,详细教你该如何使用编辑器。

总结

这些可用性原则(Usability)在产品经理的实际工作中都有很大的参考价值,应该熟练掌握。

转载于:https://www.cnblogs.com/laomuzhu/p/4857064.html

尼尔森十大可用性原则相关推荐

  1. B端系统体验好不好,尼尔森十大可用性原则

    B端系统的用户体验至关重要.这些系统通常是用于提升商业效率.生产力和准确性,因此用户界面的设计和易用性直接影响到生产力和员工满意度. 以下是尼尔森十大可用性原则,可以帮助设计出更好的B端系统用户体验: ...

  2. 交互设计中的尼尔森十大可用性原则

    交互设计领域有丰富的理论沉淀,最著名和经典的理论当属人机交互大师雅各布·尼尔森 (Jakob Nielsen)博士在1995提出的尼尔森十大可用性原则( Jakob Nielsen's Ten Usa ...

  3. 产品设计-尼尔森十大可用性原则

    产品设计-尼尔森十大可用性原则 1.反馈原则     系统应该在合理的时间.用正确的方式,向用户提示或者反馈目前系统在做什么.发生了什么.人机交互的基本原则是,让系统和用户之间保持良好的沟通和信息传递 ...

  4. 课后实践2:以抖音为例使用以尼尔森十大可用性原则体验产品

    课后实践2:使用以尼尔森十大可用性原则体验产品 本作品为白熊学院2021年的第92期作品,禁止抄袭! [作业目标] 都说想成为一个优秀的产品经理就要多去体验产品,手机至少要有100个以上的App.但是 ...

  5. 产品学习过程记录(一)——尼尔森十大可用性原则体验产品

    产品学习过程记录(一)--尼尔森十大可用性原则体验产品 体验原则1:状态可见原则 产品名称:藏书馆 体验点截图+标注: 解释说明:在藏书馆中搜索书籍借书时,点击"免费借阅"之后,会 ...

  6. 产品必备技能(二):尼尔森原则-产品体验框架,实操使用以尼尔森十大可用性原则体验产品

    文章目录 产品体验目标 尼尔森原则-体验框架 体验原则1:状态可见原则 体验原则2:环境贴切原则 体验原则3:用户可控原则 体验原则4:一致性原则 体验原则5:错误预防原则 体验原则6:识别好过记忆 ...

  7. 以简书为例,简介尼尔森十大可用性原则

    转载自http://www.woshipm.com/ucd/110043.html 原则一:状态可见原则 用户在网页上的任何操作,不论是单击.滚动还是按下键盘,页面应即时给出反馈.「即时」是指,页面响 ...

  8. 基于尼尔森十大可用性原则的抖音产品体验报告

    文章目录 体验原则1:状态可见原则 产品名称 体验点截图+标注+解释说明 1.1 告诉用户处在系统的什么位置 1.2 让用户知道自己在做什么 1.3 让用户知道系统在做什么 1.4 让用户知道系统做了 ...

  9. 尼尔森十大可用性原则体现

  10. 交互设计的十大可用性原则

    产品经理有必要投入精力来学习和练习交互设计. 交互设计领域有丰富的理论沉淀,最著名和经典的理论当属人机交互大师雅各布·尼尔森(Jakob Nielsen)博士在1995提出的尼尔森十大可用性原则(Ja ...

最新文章

  1. 处理器嵌入室内校正数字音频平台
  2. 在Ubuntu 14.04 64bit上安装OpenResty 1.9.7.4
  3. R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,只设置x轴的标签文本使用粗体字体)
  4. 同步锁ReentrantLock
  5. input ios问题 小程序_小程序可以解决哪些问题??
  6. Python 数据分析三剑客之 NumPy(五):数学 / 算术 / 统计 / 排序 / 条件 / 判断函数合集
  7. 05 ansible剧本编写
  8. Nginx原子操作及自旋锁实现
  9. 华为海外女科学家为您揭秘:GaussDB(for MySQL)云栈垂直集成的力量有多大?
  10. 基于Ext Core的包含校验功能的表单提交扩展Ext.ux.submit
  11. turtle库的学习
  12. Silverlight中动画的性能浅析
  13. 关于JqueryEasyUI插件—Tab,默认选中某个面板 如果不明显指定的话,第一个就是被选中的...
  14. net.sf.json Sring转JSON对象 数据精度丢失
  15. 多源信息融合技术研究综述
  16. Vue 数组/对象赋值,视图不更新问题
  17. 可靠性测试项目之可靠性试验
  18. Android -Recovery
  19. Learning Transferable Visual Models From Natural Language Supervision
  20. EtherCAT--01简介

热门文章

  1. 真实场景下如何解决类别不平衡问题
  2. 惊叹 | 膜拜一下清华大学特等奖学金的学霸大佬们的简历! -- 我们没有理由不努力!...
  3. 学术分享 | 没有导师的指导,研究生如何阅读文献、提出创见、写论文?
  4. NLP学习—23.基于Transformer的机器翻译实战
  5. 2.4 sklearn中的metrics.roc_auc_score评价指标
  6. 书单|互联网企业面试案头书之产品经理篇
  7. 多位数据库专拣点评这本书
  8. 13.1Question Answering 问答系统意境级讲解
  9. python迭代器、生成器和yield语句
  10. react 引入轮播插件_如何在react中引入swiper滑动插件