转载自http://www.woshipm.com/ucd/110043.html

原则一:状态可见原则

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

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

原则二:环境贴切原则

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

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

原则三:撤销重做原则

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

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

原则四:一致性原则

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

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

原则五:防错原则

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

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

原则六:易取原则

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

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

原则七:灵活高效原则

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

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

原则八:易扫原则

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

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

原则九:容错原则

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

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

原则十:人性化帮助原则

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

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

总结

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

以简书为例,简介尼尔森十大可用性原则相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

  7. 以CSDN为例解释尼尔森十大交互原则

    一.状态可见原则 用户在网页上的任何操作,不论是单击.滚动还是按下键盘,页面应即时给出反馈."即时"是指,页面响应时间小于用户能忍受的等待时间. 举例:CSDN上文章底部都会有一个 ...

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

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

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

最新文章

  1. Golang之Go Module使用
  2. 通过pycharm启动django
  3. SignalR2结合ujtopo实现拓扑图动态变化
  4. 软件设计师 - 超键、无损连接、函数依赖
  5. 滑动切换activity
  6. python反转列表不用切片_关于python:使用切片表示法反转列表
  7. 使用基于列表的表单控件
  8. plaintextedit指定一行一行的高亮显示_RDKit | 基于RDKit的指定原子或键高亮
  9. [BuildRelease Management]buildbot
  10. css12个技巧,12个CSS高级技巧汇总
  11. 2016.05.17开通自己的博客
  12. kali--linux--安装截图工具scrot
  13. 使用串口打印系统时间
  14. 中国未来家庭STEAM教育趋势研究报告
  15. SQL Server 搭建Northwind详细教程
  16. 移动视频通话的过去、现在和未来
  17. 读《我喜欢生命本来的样子》记(三)
  18. sql server之T-SQL语句创建数据库创建表
  19. 【存储】RAID0、RAID1、RAID3、RAID5、RAID6、混合RAID10、混合RAID50
  20. 数字微镜器件(DMD)呈现不同灰度(强度)原理的验证实验

热门文章

  1. Chrome 小技巧 -- 小米整理
  2. 高通平台Camera调试移植入门
  3. “与”,“或”的快速记忆
  4. 语义分割之SegFormer分享
  5. 理工男打造帝都89平智能家庭
  6. Google DevFest Shanghai 2020,如约而至!
  7. make 、 make all 、 make clean 、 make install 区别【转】
  8. 三角波的傅里叶变换对_小波变换wavelet transformation
  9. 选购蓝牙耳机不想踩雷看这里!2021五款高性能蓝牙耳机推荐
  10. 等腰直角三角形怎么画