人人都是产品经理 11-14
尼尔森十大可用性原则:提升用户体验的黄金法则
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_font3.html

 

在产品设计的过程中,尼尔森可用性原则算是应用最广泛、也是产品要求掌握的模型之一。本文从可用性原则的 10 条要求出发,结合案例和分析,给大家详细解释了这个模型。

一、尼尔森十大可用性原则概述

雅各布・尼尔森于 1994 年 4 月 24 日发表了《十大可用性原则》,这些原则不仅适用于 Web 端,还适用于移动端,为产品设计与用户体验设计提供了重要参考标准。

尼尔森十大可用性原则包括状态可感知原则、贴近用户认知原则、操作可控性原则、一致性原则、防错性原则、识别好过回忆原则、灵活高效原则、美学和极简设计原则、容错性原则及人性化帮助原则。这些原则可以用于评价产品体验的好坏,产品设计者也可以据此进行自查。

案例说明:如淘宝网的注册界面中,系统通过步骤条可以清晰地告知用户注册的整体流程和目前所处的流程状态,体现了状态可感知原则。

iOS 6 之前版本的 iPhone 系统中的 " 移动滑块解锁 " 设计非常贴合人们的日常生活认知,用户上手成本极低,体现了贴近用户认知原则。

微信聊天中的一些 " 毁灭性 " 操作,系统大部分会提供二次确认提示,体现了操作可控性原则。

微信的卡片结构设计中,列表的提示文案都在卡片里面,遵循了 Material Design 设计规范,体现了一致性原则。

在用户发送微信朋友圈消息的过程中,当用户还没有输入任何消息时," 发表 " 按钮置灰,属于防错性设计,体现了防错性原则。

用户在使用 BOSS 直聘对人员信息进行二次筛选时,所有的筛选条件都会在这个时候展示出来,方便用户查看并筛选,体现了识别好过回忆原则。

macOS 原生邮箱客户端提供 " 过滤方式:未读 " 功能,用户使用该功能可筛选出所有未读的邮件,体现了灵活高效原则。

QQ 好友动态和微信朋友圈的 Feed 流形成了比较明显的对比,相对于 QQ 好友动态来说,微信朋友圈更符合美学和极简设计原则。

当用户在使用产品的过程中出现问题时,系统及时、准确地告知用户出现问题的原因,让用户快速认识到问题所在,并顺利完成操作,体现了容错性原则。

若用户在使用产品的过程中出现了问题,系统需要及时、准确地告知用户出现问题的原因,让用户快速认识到问题所在,并顺利完成操作,体现了人性化帮助原则。

二、十大原则详解

1. 状态可见性原则

合理的位置:界面要引导用户操作,让用户清楚当前位置及所需信息。

比如订单页导航分栏强化用户所在位置,购买产品 VIP 时按钮显示金额让用户视线聚焦。订单页顶部的导航分栏通过加大加粗字体、加深色彩并添加主题色形状,为用户提供了明确的位置指引。这种设计强化了用户对当前所在位置的认知,使其在浏览页面时能够快速定位自己的位置,提高操作效率。购买产品 VIP 时,按钮中显示金额的设计,将用户的注意力吸引到关键信息上,避免用户在寻找价格信息时分散注意力,从而提高用户的决策速度。

合适的时间:系统根据不同时间场景给予反馈,确保反馈及时性。

像页面跳转时根据时长显示不同状态,长时间无响应提示问题。当系统响应时间小于 1 秒时,通常正常反馈即可。例如,在一些即时跳转的页面中,用户通常看不到任何跳转中的状态,因为系统的响应速度足够快,不需要额外的提示。

然而,当响应时间长于 1 秒时,系统通常会通过加载动画、占位符、分步加载等方式,减缓用户等待的焦虑感。

再比如,在加载内容较多的页面时,出现加载动画可以让用户知道系统正在工作,而不是出现卡顿或无响应的情况。如果超过 10 秒还没有得到响应,那么通常会认为这次请求是失败的,需要给用户失败提示。例如,下载提示、刷新提示、支付提示、新页面加载提示等场景中,如果长时间没有响应,系统会及时告知用户可能出现的问题,以便用户采取相应的措施。

适当的反馈:用户能清晰感知已发生、正在发生及即将发生的事情,系统对用户操作给予反馈,减少不确定性。

在电商应用中不同操作采用不同反馈方式,对于一些不会造成任何损失的操作,如将商品收藏、添加到购物车等,系统在反馈时尽量不要打断用户,使用类似 toast 简短弹窗提示即可。这种反馈方式既让用户知道了操作的结果,又不会干扰用户的后续操作。

在金额支付、内容删除等会涉及用户利益或安全方面的操作,就需要通过弹窗打断用户当前操作,让其二次确认后再作决策,以减少不必要的损失。例如,在进行金额支付时,系统会弹出确认支付的弹窗,显示支付金额、支付方式等信息,让用户再次确认支付操作,确保支付的准确性和安全性。

2. 贴近场景原则

使用用户熟悉的语言、概念,贴近用户生活场景。如苹果和微信的产品理念,一些 APP 的图标设计及读书类 APP 的书架模式展示,降低用户认知成本,保证沟通顺畅。苹果之父乔布斯和微信之父张小龙的产品核心理念便是用最简单直白的语言、用户最熟悉的概念呈现信息,尽量贴近真实的世界,将产品做到傻瓜也能操作。

案例说明:iOS 6 之前版本的 iPhone 系统中的 " 移动滑块解锁 " 设计就非常贴合人们的日常生活认知,用户上手成本极低。在一些 APP 的图标设计中,也会采用贴近用户生活场景的元素,如模仿现实中的物品或行为,让用户一眼就能理解其功能。读书类 APP 的书架模式展示,就像现实中的书架一样,让用户能够快速找到自己想要阅读的书籍,降低了用户的认知成本,保证了与用户沟通的顺畅。

3. 可控性原则

用户误操作时需有明确 " 紧急出口 ",支持撤销、重做功能。

案例说明:微信的后退操作、误删恢复及不可逆转操作的提示,让用户有自由感和控制感。在微信聊天中,用户可以自由进退,遵循从哪里来就返回到哪里去的原则。当用户误操作时,微信提供了撤销、取消、重做等相关功能。当用户长按发送的消息时,可以选择撤回,重新编辑发送,避免因一时没想好而错发消息可能给对方或者自己造成困扰。对于一些不可逆转的操作,微信也会给出明显的提示。例如,在删除聊天记录时,系统会弹出确认框,让用户再次确认是否删除,以防止用户误删重要信息。这种设计让用户在使用微信时,有自由感和控制感,能够更加放心地进行操作。

4. 标准及一致性原则

产品功能操作、控件样式、界面布局、提示信息等应保持一致,遵循平台惯例,减少用户学习成本,如网站默认遵循的约定及软件产品的功能排列、布局、色调一致性。一致性原则在产品设计中非常重要,它可以让用户在不同的页面和功能之间快速切换,减少学习成本。

案例说明:在微信的卡片结构设计中,列表的提示文案都在卡片里面,遵循了 Material Design 设计规范。这种设计不仅在视觉上保持了一致性,还让用户在操作上更加熟悉和方便。软件产品的一致性还包括功能排列、布局、色调等方面。例如,网易云音乐的图标颜色与界面的主色均为红色,也包括其中一些标签和强调的文字颜色都是红色。整个界面除了图片的有效信息外,都通过灰、白、红色来呈现,界面保持了很好的一致性。这种一致性设计可以让用户在使用产品时,快速识别和熟悉不同的功能和操作,提高用户的使用效率。

5. 防错原则

在错误发生前预防,或在用户操作前提供确认选项,如微信在危险操作时有提示,利用视觉元素引起注意,防止用户犯不可挽回的错误。在微信中,当用户进行一些危险操作或者不可逆转操作的时候,会有提示。

案例说明:在删除聊天记录时,系统会弹出确认框,让用户再次确认是否删除,以防止用户误删重要信息。此外,微信还利用一些视觉元素引起用户注意,提供警示作用。例如,在发送朋友圈消息时,如果用户还没有输入任何消息," 发表 " 按钮置灰。这种设计可以让用户在操作前就注意到可能出现的错误,从而避免犯不可挽回的错误。

6. 协助记忆原则

通过使元素、按钮及选项可见化,降低用户记忆负荷,如夸克的可视化按钮及展示历史记录,让用户减少识别记忆时间。夸克中的按钮采用可视化的表现形式,加以文字来辅助,让用户对信息一目了然。

案例说明:夸克的搜索按钮会在用户进入搜索页面时自动聚焦,并且显示明显的搜索图标和提示文字,让用户无需记忆搜索按钮的位置和功能。此外,夸克还会展示用户常用或最近的历史记录,帮助用户记忆。当用户需要再次访问之前的页面时,可以直接从历史记录中找到,而无需回忆具体的网址或搜索关键词。这种设计大大降低了用户的记忆负荷,提高了用户的使用效率。

7. 灵活高效原则

满足不同用户需求,提供快捷入口、允许重复操作及提供默认选项,让用户更快捷地使用产品。

案例说明:腾讯会议根据用户参会场景分类展示。腾讯会议根据用户参会的场景进行分类,常用的会议场景包括:加入提前预定好的会议、即时性快速开始会议、个人提前预定会议,以及在线下会议室并且需要马上进行无线投屏。这种分类展示为用户提供了快捷入口,让用户能够根据自己的需求快速找到相应的功能。同时,腾讯会议还允许用户重复操作,对用户频繁使用的功能,提供重复操作入口或者模版。

例如,用户可以快速发起多次相同类型的会议,无需每次都重新设置会议参数。此外,腾讯会议还提供默认选项,通过提供系统默认选项,减少用户多余的操作。

例如,在设置会议参数时,系统会提供一些默认的选项,如会议时长、参会人数等,用户可以根据自己的需求进行调整,也可以直接使用默认选项,快速发起会议。

8. 清晰简约原则

界面不包含无关信息,突出重点,弱化和剔除无关内容,保持简洁美观。

案例说明:苹果官网的简约设计风格。苹果官网以其简洁美观的设计风格而闻名。在苹果官网的界面设计中,不包含无关紧要的信息,只保留产品最主要的信息。例如,在产品展示页面中,苹果官网会突出产品的图片和关键信息,弱化和剔除无关内容,如过多的文字描述和广告。这种设计风格让用户能够快速了解产品的特点和优势,提高用户的浏览效率。同时,苹果官网的设计还注重美学和极简设计原则,通过简洁的布局、和谐的色彩搭配和精致的细节处理,营造出一种高端、时尚的品牌形象,吸引用户的关注和购买。

9. 容错原则

用语言准确表达错误信息,提供建设性解决方案,帮助用户从错误中恢复。

案例说明:站酷对已注册手机号的提示。当用户在使用产品的过程中出现错误时,系统需要及时、准确地告知用户出现问题的原因,并提供建设性的解决方案,帮助用户从错误中恢复。例如,当用户在站酷注册时,如果输入的手机号已经被注册过,系统会用清晰的语言提示用户 " 该手机号已被注册,请使用其他手机号进行注册 ",并提供一些建议,如 " 如果您忘记了密码,可以通过手机号找回密码 "。这种设计可以让用户快速认识到问题所在,并顺利完成操作,提高用户的使用体验。

10. 人性化帮助原则

提供必要的帮助提示及说明文档,以不同方式为用户提供帮助。

案例说明: PS 的新手教程提示及常驻帮助。在产品设计中,提供必要的帮助提示及说明文档,可以让用户在遇到问题时快速找到解决方案,提高用户的使用体验。例如,Photoshop(PS)软件提供了新手教程提示,帮助新用户快速了解软件的功能和操作方法。同时,PS 还提供了常驻帮助,用户可以在任何时候通过快捷键或菜单选项调出帮助文档,查找自己需要的信息。此外,帮助性提示还可以采用无需提示、一次性提示、常驻提示、帮助文档等不同方式,根据用户的需求和使用场景进行选择。例如,对于一些简单的操作,系统可以采用无需提示的方式,让用户自行探索;对于一些复杂的操作,系统可以采用一次性提示或常驻提示的方式,帮助用户更好地完成操作。

三、原则的应用与意义

1. 在网页设计中的应用

在网页设计中,尼尔森十大可用性原则起着至关重要的作用。例如,状态可见原则要求网页在合理的时间内给予用户适当的反馈。当用户点击网页上的按钮时,立即出现加载动画或提示信息,让用户知道系统正在处理他们的请求。环境贴切原则促使网页设计师使用用户熟悉的语言和概念,避免使用专业术语,使网页内容更易于理解。比如,在电商网页中,使用 " 加入购物车 "" 立即购买 " 等通俗易懂的按钮标签,而不是晦涩的技术术语。

用户可控原则在网页设计中体现为提供明确的导航和返回按钮,让用户在浏览网页时能够自由进退。一致性原则要求网页的布局、色彩和交互方式保持一致,使用户在不同页面之间切换时不会感到困惑。防错原则可以通过在用户提交表单前进行数据验证,避免用户输入错误信息。识别好过回忆原则可以通过在网页上显示用户的历史搜索记录和浏览历史,方便用户快速找到之前感兴趣的内容。

灵活高效原则可以在网页设计中体现为提供快捷搜索功能和筛选选项,让用户能够快速找到所需信息。审美和简约设计原则要求网页去除无关信息,突出重点内容,使用简洁的布局和配色方案,提高用户的浏览体验。容错原则要求网页在出现错误时,用清晰的语言向用户解释错误原因,并提供解决方案。人性化帮助原则可以通过在网页上提供帮助文档和常见问题解答,为用户提供必要的支持。

2. 在 APP 开发中的应用

在 APP 开发中,尼尔森十大可用性原则同样具有重要意义。状态可见原则可以通过在 APP 界面上显示进度条、通知和提示信息,让用户了解系统的运行状态。例如,在文件下载过程中,显示进度条和剩余时间,让用户知道下载的进度。环境贴切原则要求 APP 的设计语言和交互方式符合用户的使用习惯。比如,社交 APP 通常采用简洁的界面和直观的操作方式,让用户能够轻松上手。

用户可控原则在 APP 中体现为提供撤销和重做功能,让用户在误操作时能够及时纠正。例如,在文本编辑 APP 中,用户可以撤销上一步操作,重新编辑内容。一致性原则要求 APP 的界面风格、操作方式和反馈机制保持一致。例如,在不同页面之间切换时,使用相同的动画效果和过渡方式,让用户感到熟悉和舒适。

防错原则可以通过在 APP 中设置输入验证和错误提示,避免用户输入错误信息。例如,在注册页面中,对用户输入的手机号码和密码进行格式验证,及时提示用户错误信息。识别好过回忆原则可以通过在 APP 中显示用户的历史记录和常用选项,让用户无需记忆即可快速选择。例如,在购物 APP 中,显示用户的历史购买记录和收藏夹,方便用户再次购买。

灵活高效原则可以在 APP 开发中体现为提供个性化设置和快捷操作方式,满足不同用户的需求。例如,音乐 APP 允许用户自定义播放列表和设置音效,提高用户的使用体验。审美和简约设计原则要求 APP 的界面简洁美观,去除不必要的装饰和干扰元素。例如,新闻 APP 采用简洁的布局和清晰的字体,让用户能够专注于阅读内容。容错原则要求 APP 在出现错误时,及时向用户反馈错误信息,并提供解决方案。例如,在网络连接失败时,提示用户检查网络设置或尝试重新连接。人性化帮助原则可以通过在 APP 中提供帮助中心和在线客服,为用户提供及时的支持和解答。

3. 提升用户体验与自查意义

尼尔森十大可用性原则的应用能够有效提升产品的用户体验。通过遵循这些原则,产品设计者可以确保产品具有良好的状态可见性、贴近用户认知、操作可控、一致性、防错性、易于识别、灵活高效、美观简约、容错性和人性化帮助。这些特点能够让用户在使用产品时感到舒适、便捷和安全,提高用户的满意度和忠诚度。

同时,这些原则也可以作为产品设计者进行自查的重要依据。在产品设计的各个阶段,设计者可以对照尼尔森十大可用性原则,检查产品是否符合这些原则的要求。如果发现问题,可以及时进行调整和改进,确保产品的质量和用户体验。此外,通过对这些原则的深入理解和应用,产品设计者还可以不断创新和优化产品设计,为用户提供更加优质的产品和服务。

本文由 @用户体验王叔 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务

宙世代

宙世代

ZAKER旗下Web3.0元宇宙平台

逗玩.AI

逗玩.AI

ZAKER旗下AI智能创作平台

相关标签

微信 用户体验 朋友圈 qq 准确
相关文章
评论
没有更多评论了
取消

登录后才可以发布评论哦

打开小程序可以发布评论哦

12 我来说两句…
打开 ZAKER 参与讨论