尼尔森十大可用性原则也叫尼尔森十大交互原则、用户体验十大原则。是由人机交互博士Nielsen提出的十大原则,用于评价产品体验的好坏。尼尔森十大可用性原则是经典的交互设计原则,每个设计师都应该掌握。
01
系统可见性原则
Visibility of system status
系统应该在适当的时间内做出适当的反馈,让用户知道系统的当前状态。也就是要对用户的每一步操作进行实时反馈,告知用户进行到哪一步了,操作的结果是怎样的。
想要应用好此原则就要多与用户互动,将状态反馈给用户,积极响应用户。
设计中的体现
进度条:告知用户进度,增加用户掌控感。
toast提示框:非模态弹窗,告知用户操作反馈结果,轻量化感知系统内容反馈。注意反馈内容应尽量不要打断用户操作,所以一般采用toast形式,反馈结果后及时消失。
02
场景贴切原则
Match between system and the real world
让系统尽可能的贴切用户所在的真实环境。把复杂的系统语言换成用户看得懂的语言,注重隐喻与拟物化的表达。
用户看得懂的设计语言不仅仅在于文案表达,还有图形、动效、手势等设计语言都应该是符合用户现实生活场景认知的。
在设计中的体现
易理解的文案表达:用用户能看懂的、友好的文案来提示用户。记忆很深的就是windows系统开机出错了,一堆乱码,看不懂又很慌张,就很不友好。另外用户也尽量通俗化一些,不要用用户看不懂的用语。
图形表意明确:图形的表达应符合用户在现实世界中的认知,让用户快速明白图形的意思。比如大家看到闹钟、计算器、照相机这几个图标就知道它们是干什么的。
隐喻表达:从现实世界中借鉴的设计元素可明显降低用户的认知和学习难度,并且增加兴趣。最有记忆点的就是网易云的音乐播放界面。
自然的动效:动效的加载样式应符合自然规律,需要平缓过渡,而不是生硬的加载效果。
03
可控性原则
User control and freedom
在使用产品的过程中,误操作是经常发生的事情,应提供撤销和重做功能,让用户具有对产品的控制性与自由度,也就是要给用户留条后路。
可控性原则一般应用在负向操作上,比如删除、清空等功能。用户在删除的时候也是会有一定的焦虑感,如果可以提供撤销,或者30天后自动消失用户就会有安全感一些。
在设计中的体现
撤销功能:减少用户失误操作的情况,规避用户损。
回收站功能:让用户更有自由度,增加用户安全感,可控的找回以往资源。
04
一致性原则
Consistency and standards
整个系统要保持用语、功能、操作的一致性与标准性,遵循平台惯例。我们在设计中为什么要制作平台规范,其实也是为了保证平台设计的一致性。
在设计中的体现
用语的一致性:用语习惯请保持一致。比如按钮、表单的用语需保持统一。所有增加数据的按钮若使用“增加”,那么所有的增加数据的按钮都叫“增加“,就不要出现一些地方用“增加”,一些地方用“新建”。
设计语言的一致性:设计师需要确定设计规范并严格执行。确保整个系统的字体、色彩、图片等设计语言都遵循同一套设计规则。
操作习惯的一致性:与用户预期保持一致性。相当于我们在前期已经培养好用户的使用习惯,那么就不要轻易改变,减少用户的认知成本与学习成本。这也是为什么大家会觉得市场上的很多app都很相似,那是因为有的习惯用户早已养成,不需再耗时去重新培养用户的使用习惯。比如短视频类产品,上下滑动就是切换视频的操作。
05防错原则
Error prevention
在用户可能犯错时进行提醒,防止用户出错。通过设计细节体现产品的用心,不要等到用户所有步骤都操作完了才提醒用户出错了,应在用户操作过程中及时提醒用户,减少用户出错率,提升用户操作效率。
在设计中的体现
提示文字:表单填写过程中让用户及时知道出错原因,避免填写完成后再提醒,浪费用户时间。
按钮置灰:信息没有填写完整,提交按钮会置灰,提前规避无效的提交操作。
负向操作二次确认:当用户进行负向操作时,需打断用户提示用户是否要进行此操作。让用户有更多的思考时间。在一些不可逆的操作中二次确认是非常有必要的。
06协助记忆原则
Recognition rather than recall
系统应协助用户进行记忆,减少用户的记忆负担。比如我们在搜索一个歌名的时候,我们记不住完整的歌曲名,但是我们只要输入关键的几个词,系统就是帮助我们记忆,出现相关的搜索。
尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。特别是对于路径较长的操作,我们更应该协助用户记忆。大家可以回忆一下在淘宝下单的操作路径,在每一个页面会尽可能的提醒用户操作到哪了(顶部导航栏有这个作用),上一步填写了哪些信息,用户所有的操作信息都是可见、易获取的,减少用户对操作目标的记忆负担。
在设计中的体现
尽可能让用户选择而不是填写:比起让用户输入,让用户选择更能降低用户的记忆成本,更好的辅助用户做决策。
智能获取:通过智能读取用户之前填写过的信息,或者智能识别等形式,减少用户记忆负担与操作负担。
草稿箱:用户编辑的内容可以保存至草稿下次用户就不用再次从头输入与编辑了。
07灵活高效原则
Flexibility and efficiency of use
好的产品应该是灵活高效的,让无论是新用户还是老用户都能很好的使用产品。新用户更重视易用性,老用户更重视效率性。让产品灵活多变,满足不同用户的需求偏好。
产品版本更新会出现操作手册,对于新用户来说操作指引是需要的,但对于老用户来说已经很熟悉可以快速“跳过”。所以我们在设计时要注重这样的灵活性与高效性。
在设计中的体现
常用功能可配置:根据用户使用习惯个性化配置常用服务,灵活多变提高用户操作效率。
极其舒适的“跳过”按钮:无论是引导页、操作手册、还是开屏广告,有“跳过”或者”立即进入“按钮真的很贴心。
08审美和简约设计原则
Aesthetic and minimalist desig
我们的设计应该是符合审美的,不是说有多么酷炫,而是需要我们删除多余的视觉表达元素,让界面保持简约、注重信息获取效率,更加聚焦内容。
在设计中的体现
块级区分明显:各模块间采用卡片或者间距区分开,加强页面层级区分。清晰的板块划分会提高用户操作与信息获取效率。
大留白:采用大留白增加页面呼吸感,聚焦内容。
09
容错原则
Help users recognize, diagnose, and recover from errors
帮助用户识别、诊断、并从错误中恢复。也就是我们需帮助用户意识到出错,并为用户诊断提出建设性的解决方案。
我们可以通过提示性文字或者插图让用户意识到出错了,而不是一堆用户看不懂的代码,比如404页面的情感化插图、弹窗提示用户出错等。
我们一开始就要遵循前面提到的可控性原则、防错原则来尽可能的避免用户出错,当错误真正发生时,我们要帮助用户从错误中恢复,给出建设性方案,帮助用户把损失降到最低。
在设计中的体现
提供解决方案:在出错界面给出解决方案,可以是文字提醒或者按钮跳转等形式,帮助用户解决问题。比如缺省页的设计除了配置插图还会有提示文案与操作按钮,引导用户去操作,去进一步解决问题。
帮助挽回损失:比如撤销或者找回功能,都是帮用户把损失降到最低。
10
人性化帮助原则
Help and documentation
人性化帮助用户最好的方式分别为:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。
最好的就是没有提示,用户就能看懂与应用产品,其次是一次性提示,提示一次用户就懂如何使用,比如第一次进入app或新功能上线的引导设计;常驻提示需要一直固定在某个位置实时帮助用户。最后就是帮助文档了,帮助文档需要分门别类,详细地呈现用户可能遇到的问题情况与解决方案。
在设计中的体现
鼠标划过悬浮文字说明:起解释说明作用,帮助用户更好的理解。
悬浮按钮:一直出现在页面固定位置,方便用户遇到问题寻求帮助。
总结回顾
Summarize
尼尔森十大可用性原则分为为:系统可见性原则、场景贴切原则、可控性原则、一致性原则、防错原则、协助记忆原则、灵活高效原则、审美和简约设计原则、容错原则、人性化帮助原则。在设计中我们应谨记这10条可用性法则,提升产品的用户体验度。
本文由 @晴天 原创发布。
每周一定时更新设计文章,欢迎订阅与催更。
2022 一起学习与成长
hi~我们正在召集一群爱学习&优秀的高质量战友,一起学习与持续成长。如果你也正在寻找高质量的学习伙伴,欢迎加入我们,一起成长!
💙快乐养成系💛共同成长系💚