尼尔森十大原则,用于软件UI交互开发自查的原则

勇哥注:对于软件开发时UI交互方面做得好不好,可由下面原则进自查


尼尔森十大原则由毕业于哥本哈根的人机交互博士Jakob Nielsen发表,Jakob Nielsen对人机交互有很多研究,他提出十大可用性原则,用来评价用户体验的好坏,每个产品设计者都可以根据这十大原则进行自查。

1)系统可见性原则(Visibility of system status

保持界面的状态可见,变化可见,内容可见。让用户知道发生了什么,在适当的时间内做出适当的反馈。 比如用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。

2)贴近场景原则(Match between system and the real world

用用户的语言,用词,短语和用户熟悉的概念,而不是系统术语。功能操作符合用户的使用场景。

3可控性原则User control and freedom

用户经常错误地选择系统功能而且需要明确标识离开这个的出口。比如支持撤销和重做的功能。

4)一致性和标准化原则(Consistency and standards

遵循平台的惯例。也就是,同一用语、功能、操作保持一致。

5)防错原则(Error prevention

更用心的设计防止这类问题发生,在用户可能犯错时进行提醒,比如删除可能造成的后果。

6)协助记忆原则(Recognition rather than recall

尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。

7)灵活高效原则(Flexibility and efficiency of use

允许用户进行频繁的操作。 更加便捷灵活的代码和反馈.

8)审美和简约设计原则(Aesthetic and minimalist design

不应该包含无关紧要的信息。

9)容错原则(Help users recognize, diagnose, and recover from errors

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

10)人性化帮助原则(Help and documentation

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

 


原则一:状态可见性原则


系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

沟通是所有关系的基础,无论人还是设备。产品应该通过在合理时间内的适当反馈,向用户通知正在发生的事情或者当前的状态。

  1. 用户知道系统在做什么

  2. 用户知道自己在什么位置

  3. 用户知道下一步操作应该去往哪里

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:抖音

体验说明:图一是抖音用户双击点赞后的反馈图,图二是抖音收藏成功后的提示图

解释说明:利用提示语、icon 图标等方式告知用户自己的操作“成功”;图三,手机信号出现问题加载失败的时候也会告知状态。告知的方式有很多,除了图中的图标、文字等,还有声音、震动、动效等方式。


原则二:环境贴切原则


软件系统应该使用用户熟悉的语言、文字、语句,或者其他用户熟悉的概念,而非系统语言。软件中的信息应该尽量贴近真实世界,让信息更自然,逻辑上也更容易被用户理解。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:豆瓣 FM

解释说明:音乐唱片切换播放的交互行为虚拟现实场景中翻唱片。利用现实生活中的一些行为作为设计元素进行隐喻,很大程度上降低用户学习成本同时激发用户的使用兴趣。设计师在设计的过程中不要轻易自主创作手势交互,表现形式也最好借鉴现实生活的图形符号,以免增加用户认知和学习成本。


原则三:用户可控原则


用户常常会误触到某些功能,我们应该让用户可以方便的退出。这种情况下,我们应该把“紧急出口”按钮做的明显一点,而且不要在退出时弹出额外的对话框。很多用户发送一条消息、总会有他忽然意识到自己不对的地方,这个叫做临界效应;所以最好支持撤销/重做功能。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:微信

解释说明:用户可控性原则需要用户在操作过程可以自由的导航和退出、对于不可逆转的操作可以有提示,需要用户二次确认。如图一用户可以自由导航,进入内页后返回按钮或者右滑手势可以返回;同时图二,点击“看看”按钮,再次点击可以进行取消收藏;图三中,对于用户的误操作或者说是不可逆转的行为,有弹出框提示。


原则四:一致性原则


对于用户来说,同样的文字、状态、按钮,都应该触发相同的事情,遵从通用的平台惯例;也就是,同 一用语、功能、操作保持一致。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:微信阅读

解释说明:一致性原则在视觉、结构、行为交互、反馈层面都有所体现,微信阅读的交互行为在期刊和书籍阅读上做了区分。所有的书籍采用左右滑动翻页;期刊才有上下滚动方式翻页。同时视觉上统一品牌色,文章的字体排版也一致,便于用户识别。这就是为什么 UED 部门都要有自己的交互规范与视觉规范要遵守的原因。


原则五:防错原则


比一个优秀错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况,或在用户提交之前给他一个确认的选项。在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:微信

在进行危险操作或者不可逆转操作的时候有提示,如上图第一张的弹出框提示;错误预防的另外一个方法是利用一些视觉元素引起用户注意 ,提供警示作用,如上图的右图。


原则六:识别好过记忆


通过把组件、按钮及选项可见化,来降低用户的记忆负荷。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的,且在合适的时候可以再次查看。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:夸克

解释说明:识别好过记忆是指让用户减少识别记忆时间。图中夸克中的按钮采用可视化的表现形式,加以文字来辅助,让用户对信息一目了然。图标的形象比较扁平,虚拟现实生活的物品,或者其他 APP 的 icon 变形。PART2,展示用户常用或最近的历史记录,帮助用户记忆。


原则七:灵活高效原则


灵活高效原则旨在使用户更快捷的使用产品,让用户在最短的路径下最快实现目标。这需要对用户的使用场景、使用流程进行深度挖掘。汽车油门—新手用户常常看不见,而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

产品:腾讯会议

点开腾讯会议 APP,首页展示如下图所示。根据用户参会的场景进行分类,常用的会议场景包括:加入提前预定好的会议、即时性快速开始会议、个人提前预定会议,以及在线下会议室并且需要马上进行无线投屏。四个场景分别对应:加入会议、快速会议、预定会议、无线投屏四个功能。四个功能分类,全面覆盖用户开会最常用的几个场景。同时,直接把几个场景功能进行区分,方便用户快速选择自己适合的功能,灵活高效,节约不必要的交互流程。

用超多案例,帮你掌握尼尔森十大可用性原则


原则八:优美且简约原则


对话中的内容应该去除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:多抓鱼

解释说明:多抓鱼是 C2B2C 的电商平台,链接买卖双方,但是多抓鱼的框架、布局、视觉等各方面都很简洁。框架层:首页(浏览二手书)、卖书(一键扫码免费上门取书)、购物车、个人中心。简单明了,突出核心功能。同时多抓鱼的买书界面(图 2),图文形式简单的介绍卖书流程,一个按钮可以扫码卖书;个人中心中悬浮按钮可以直接写书评。界面布局与视觉干净简洁,减少视觉干扰项。首页的书籍列表,仅仅展示折扣、书名、豆瓣评分、价格几个关键字段,点进内页才有更多评价和介绍。总体来说多抓鱼的设计在各个方面都做的很简洁、清新,也符合文艺小青年的目标人群


原则九:容错原则


错误信息应该使用简洁的文字(不要用代码),指出错误是什么,并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助呢?即要帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:百度浏览器

解释说明:在进行信息填写等一些操作行为的时候,需要使用到这个原则。如图一在用户填报信息前会有提示性信息防止用户填写失误、在用户填写的信息不符合要求的时候会有提示性信息描写哪里有问题。这个原则在一些填报银行卡等安全行为的时候也常用到,系统自动把需要注意的事项给用户,使用户防止出错。


原则十:人性化帮助原则


即使系统不适用帮助文档是最好的,但我们也应该提供一份帮助文档。任何帮助信息都应该可以方便地搜索到,以用户的任务为核心,列出相应的步骤,但文字不要太多。

用超多案例,帮你掌握尼尔森十大可用性原则

用超多案例,帮你掌握尼尔森十大可用性原则

产品名称:KEEP

解释说明:如上图中,用户初次使用 KEEP 课程的时候,会有相关提示进行行为引导;下图的添加设备的流程,每页的步骤引导用户进行选择,找到自己想添加的设备进行添加,引导用户将行为串行。并且最后一个 KEEP 链接小米设备的步骤,给用户进行提示。从而总结最常用的帮助与引导原则的方式有:采用一次性的提示信息、常驻的提示性信息、流程引导、帮助信息等

若有收获,就点个赞吧!




本文出自勇哥的网站《少有人走的路》wwww.skcircle.com,转载请注明出处!讨论可扫码加群:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

会员中心
搜索
«    2024年4月    »
1234567
891011121314
15161718192021
22232425262728
2930
网站分类
标签列表
最新留言
    热门文章 | 热评文章 | 随机文章
文章归档
友情链接
  • 订阅本站的 RSS 2.0 新闻聚合
  • 扫描加本站机器视觉QQ群,验证答案为:halcon勇哥的机器视觉
  • 点击查阅微信群二维码
  • 扫描加勇哥的非标自动化群,验证答案:C#/C++/VB勇哥的非标自动化群
  • 扫描加站长微信:站长微信:abc496103864
  • 扫描加站长QQ:
  • 扫描赞赏本站:
  • 留言板:

Powered By Z-BlogPHP 1.7.2

Copyright Your skcircle.com Rights Reserved.

鄂ICP备18008319号


站长QQ:496103864 微信:abc496103864