尼尔森十大可用性原则是作为设计师在学习中必须学习的原则之一,指导我们的设计能为用户提供可用、易用的界面,或者在设计走查中作为参考原则,来辨别我们的设计方案是否合理。
本文通过案例分析(个人感兴趣的APP)——好好住,来分析和说明尼尔森十大交互原则在APP设计中是如何使用的。
尼尔森Jokob Nielsen是一位人机交互博士,在1995年1月发表了《十大可用性原则》。这项原则已已发表20多年,是交互设计学习中必学原则之一。作为设计领域中的经典原则,具有一定的可借鉴性。
一、系统状态可见原则 Visibility of system status
系统应该在合理的时间内通过适当的反馈,始终让用户了解正在发生的事情。
系统的可见状态可分三个部分:
1、用户知道当前所在的位置:系统导航栏、toast、加载进度等;
2、用户知道当前可操作部分和该如何往下一步:控件如按钮可被操作的视觉提示;
3、根据用户的操作后,系统及时向用户反馈效果:如下拉刷新、提交成功、等待时的趣味动画等;
案例:看图页面--选择家具标签筛选相应的图片--点击图片进入详情页
导航栏上显示上一步显示过的标签,让用户能定位自己所在的图片频道属于哪些标签。
案例:a.内容发布成功,弹出toast提示,比提示已加积分(积分对于用户有价值);
b.发布过程中,显示正在上传的进度;若发布失败,提示状态并提供解决方案;
二、环境贴切原则 Match between system and the real world
系统应该说用户的语言,用户熟悉的单词,短语和概念,而不是系统导向的术语。遵循现实世界的约定,使信息以自然合乎逻辑的顺序出现。
系统所用的图标、语言等元素的表达需要:
1.符合真实世界的惯例
2.符合用户的心理预期、语言使用习惯和思考逻辑等
3.还可以符合用户的身份特性:年龄、职业,所处环境等
简单来说就是要让用户方便清楚知道一切信息。
案例:a.根据目标用户和好好住平台的特性,用户的个人徽章与家居相关,如“收纳能手”“家务能手”等,符合用户对自己的期望值,也能促使用户去争取徽章,取得成就感;
b.用户根据自己的需求选择与家居装修相关部位的内容,“装修前-中-后”的分类符合用户装修过程所需的知识;内容的分类也使用对应的插画,如“厨房装修‘使用的是厨房部位的插画,与用户的真实环境相呼应;
三、用户可控原则 User control and freedom
用户通常会错误地选择了系统的某个功能,并且需要一个明确标记的“紧急出口”来离开不想要的状态,而不必进行扩展对话。支持撤销和重做。
1.用户控制操作的自由性
2.当操作错误时,用户有权利撤销和重做
案例:a.用户可自定义上传图片的顺序;
b.用户在发布家居文章内容时,可以根据自家实际情况”添加空间“等;
四、一致性原则 Consistency and standars
在系统中的语境、视觉语言、反馈等都需要有统一的规则,避免因为混乱让用户感到迷惑和不习惯。
案例:a.同一模块中的icon使用一致的设计语言;
b.运营类图片也使用一致的设计语言,避免混乱的设计风格对用户造成视觉负担;
五、防错原则 Error Prevention
尽量在用户操作错误前,能防止错误的发生。可通过:
1.不可点击、不可操作的内容,通过图标样式提示,颜色置灰等形式
2.通过文字提示、Tips提示等提前告知用户需要注意的地方
3.当错误操作容易造成较大影响时,需要二次确认,防止用户误操作
案例:a.当商品售罄时,购买按钮变为不可点击状态;
b.当优惠券失效时,显示相应状态,告知用户不可领取;
案例:a.用户编辑文章时,需要填写较多内容,为避免中途退出对用户造成影响,可自动保存用户已填写的内容,并二次确认是否离开编辑页面;
b.好好住限制用户昵称30天只能修改一次,需要在修改页面用文字提示告知用户;当用户修改后保存新昵称,弹出对话框让用户确认是否修改;
六、易取原则——识别比记忆好 Recognition rather than recall
通过使用对象、动作和选项的可视化表达,最大限度地减轻用户的记忆负担。(跨设备)
1.系统的信息、组件控件、选项可视化,可降低用户的记忆负荷
·选项、动作可视化:显示已选内容
·为用户保留查看、搜索记录
·用户编辑较复杂表单时,可随时查看已编辑内容,预览效果,防止用户忘记已填写内容
·当切换下一页面时,可显示上一页面的关键信息,让用户清楚知道当前状态或相关性
2.系统的帮助文档可见易取,方便用户随时查看
案例:a.用户编辑文章时,可随时预览效果,查看自己文章的实际情况;
b.好好住鼓励用户发布文章或内容,所以为用户已编辑未发布的内容保存在草稿箱,用户可编辑或删除;
案例:好好住推出商城功能模块,提供相关说明,既能加深用户对商城的信赖度,也能让用户查看在商场购买得到的权利和保障;
七、灵活高效原则 Flexibility and efficiency of use
好的产品需要同时兼顾新用户和资深用户的需求。对新用户来说,需要功能明确、清晰:对于老用户需要快捷高效使用高频功能。不可迎合某一种用户,把不必要的信息占据重要部分。
1.中级用户的数量远高于初级和高级用户,为大部分用户设计
2.根据用户当前所在场景或要完成的任务,设计合适的流程和操作交互,帮助用户快速达到目的
3.用户可定制自己需要的内容或功能
案例:a.好好住的中级用户大部分为已发布过文章或图片的用户;当用户发布经验话题时,可从自己已发布过的图片中选择,可以快速定位到自己想要的图片,减少选择图片的步骤,提升了使用体验;
八、优美简约原则(易扫原则)Aesthetic and minimalist design
不要包含不相关或低频次的信息/操作。页面中的每个额外信息都会降低主要内容的相对可见性。
用户习惯于“扫”而不是阅读信息,为了让用户快速获取有用信息:
1.去除不相关的信息
2.增强信息层级显示:突出重要信息,弱化次级信息
案例:通过文字的大小、字重、颜色、位置等表现信息层级,主次分明的信息层级能向用户传达有效的信息;
九、容错原则 Help user recognize,diagnose and recover from errors
帮助用户识别、诊断错误,并能从错误中恢复:
1.用户已删除的内容,提供机会可恢复至原样
2.不仅是提供报错信息,还可以提供相应的解决办法
3.帮助用户将损失降至最低
案例:加入黑名单属于消极性操作,且对用户造成一定的影响,当用户操作时,需要二次确认是否操作;且加入黑名单后,用户有机会能解除黑名单;
十、人性化帮助原则 Help and docementation
适当提供帮助文档,帮助用户在需要的时候获得帮助
1.根据用户当前的任务或所处操作流程,适当提供帮助文档
2.系统常规帮助文档,用户可随时查阅
为了方便记忆和应用,可按照以下规则分类和记忆:
·与信息呈现相关:
1.环境贴切原则:信息的表达需要符合真实世界惯例,用户的心理预期和习惯等;
2.易取原则:信息可视化,降低用户记忆符合
3.优美简约原则:明确的信息层级帮助用户高效获取信息
4.人性化帮助原则:适当的信息提示帮助用户获得帮助
·与用户操作和系统反馈相关:
5.用户可控原则:用户操作自由性 灵活高效原则:帮助用户高效完成任务,达成目标
6.灵活高效原则:帮助用户快速高效达成目标;
7.防错原则:适当的提示防止用户造成错误;重要操作需要二次确认;
8.容错原则:用户可撤销、重做,恢复至原样;
·与信息呈现和操作反馈都相关:
9.系统状态可见原则:用户知道当前所在位置,可操作和系统反馈的视觉提示;
10.系统一致性原则:视觉语言和反馈效果一致性;
通过分析整理之后,对尼尔森十大可用性原则的理解和记忆更深刻了。自己总结案例分析是一项好办法。
参考资料:
网友评论