【案例分析】APP设计中如何运用尼尔...

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
3701 0 10 2018-12-12

尼尔森十大可用性原则是作为设计师在学习中必须学习的原则之一,指导我们的设计能为用户提供可用、易用的界面,或者在设计走查中作为参考原则,来辨别我们的设计方案是否合理。


本文通过案例分析(个人感兴趣的APP)——好好住,来分析和说明尼尔森十大交互原则在APP设计中是如何使用的。


尼尔森Jokob Nielsen是一位人机交互博士,在1995年1月发表了《十大可用性原则》。这项原则已已发表20多年,是交互设计学习中必学原则之一。作为设计领域中的经典原则,具有一定的可借鉴性。


一、系统状态可见原则 Visibility of system status


系统的可见状态可分三个部分:

1、用户知道当前所在的位置:系统导航栏、toast、加载进度等;

2、用户知道当前可操作部分和该如何往下一步:控件如按钮可被操作的视觉提示;

3、根据用户的操作后,系统及时向用户反馈效果:如下拉刷新、提交成功等;


案例:看图页面--选择家具标签筛选相应的图片--点击图片进入详情页

导航栏上显示上一步显示过的标签,让用户能定位自己所在的图片频道属于哪些标签。

Image title


案例:a.内容发布成功,弹出toast提示,比提示已加积分(积分对于用户有价值);

b.发布过程中,显示正在上传的进度;若发布失败,提示状态并提供解决方案;

Image title


二、环境贴切原则 Match between system and the real world 


系统所用的图标、语言等元素的表达需要:

1.符合真实世界的惯例

2.符合用户的心理预期、语言使用习惯和思考逻辑等

3.还可以符合用户的身份特性:年龄、职业,所处环境等

简单来说就是要让用户方便清楚知道一切信息。


案例:a.根据目标用户和好好住平台的特性,用户的个人徽章与家居相关,如“收纳能手”“家务能手”等,符合用户对自己的期望值,也能促使用户去争取徽章,取得成就感;

b.用户根据自己的需求选择与家居装修相关部位的内容,“装修前-中-后”的分类符合用户装修过程所需的知识;内容的分类也使用对应的插画,如“厨房装修‘使用的是厨房部位的插画,与用户的真实环境相呼应;

Image title


三、用户可控原则 User control and freedom


1.用户控制操作的自由性

2.当操作错误时,用户有权利撤销和重做


案例:a.用户可自定义上传图片的顺序;

b.用户在发布家居文章内容时,可以根据自家实际情况”添加空间“等;

Image title


四、系统一致性原则 Consistency and standars


在系统中的语境、视觉语言、反馈等都需要有统一的规则,避免因为混乱让用户感到迷惑和不习惯。


案例:a.同一模块中的icon使用一致的设计语言;

b.运营类图片也使用一致的设计语言,避免混乱的设计风格对用户造成视觉负担;

Image title


五、防错原则 Error Prevention


尽量在用户操作错误前,能防止错误的发生。可通过:

1.不可点击、不可操作的内容,通过图标样式提示,颜色置灰等形式

2.通过文字提示、Tips提示等提前告知用户需要注意的地方

3.当错误操作容易造成较大影响时,需要二次确认,防止用户误操作


案例:a.当商品售罄时,购买按钮变为不可点击状态;

b.当优惠券失效时,显示相应状态,告知用户不可领取;

Image title

案例:a.用户编辑文章时,需要填写较多内容,为避免中途退出对用户造成影响,可自动保存用户已填写的内容,并二次确认是否离开编辑页面;

b.好好住限制用户昵称30天只能修改一次,需要在修改页面用文字提示告知用户;当用户修改后保存新昵称,弹出对话框让用户确认是否修改;

Image title


六、易取原则——识别比记忆好 Recognition rather than recall


1.系统的信息、组件控件、选项可视化,可降低用户的记忆负荷

·选项、动作可视化:显示已选内容

·为用户保留查看、搜索记录

·用户编辑较复杂表单时,可随时查看已编辑内容,预览效果,防止用户忘记已填写内容

·当切换下一页面时,可显示上一页面的关键信息,让用户清楚知道当前状态或相关性

2.系统的帮助文档可见易取,方便用户随时查看


案例:a.用户编辑文章时,可随时预览效果,查看自己文章的实际情况;

b.好好住鼓励用户发布文章或内容,所以为用户已编辑未发布的内容保存在草稿箱,用户可编辑或删除;Image title

案例:好好住推出商城功能模块,提供相关说明,既能加深用户对商城的信赖度,也能让用户查看在商场购买得到的权利和保障;

Image title


七、灵活高效原则 Flexibility and efficiency of use


1.中级用户的数量远高于初级和高级用户,为大部分用户设计

2.根据用户当前所在场景或要完成的任务,设计合适的流程和操作交互,帮助用户快速达到目的

3.用户可定制自己需要的内容或功能


案例:a.好好住的中级用户大部分为已发布过文章或图片的用户;当用户发布经验话题时,可从自己已发布过的图片中选择,可以快速定位到自己想要的图片,减少选择图片的步骤,提升了使用体验;

Image title


八、优美简约原则(易扫原则)Aesthetic and minimalist design


用户习惯于“扫”而不是阅读信息,为了让用户快速获取有用信息:

1.去除不相关的信息

2.增强信息层级显示:突出重要信息,弱化次级信息


案例:通过文字的大小、字重、颜色、位置等表现信息层级,主次分明的信息层级能向用户传达有效的信息;

Image title


九、容错原则 Help user recognize,diagnose and recover from errors


帮助用户识别、诊断错误,并能从错误中恢复:

1.用户已删除的内容,提供机会可恢复至原样

2.不仅是提供报错信息,还可以提供相应的解决办法

3.帮助用户将损失降至最低


案例:加入黑名单属于消极性操作,且对用户造成一定的影响,当用户操作时,需要二次确认是否操作;且加入黑名单后,用户有机会能解除黑名单;

Image title


十、人性化帮助原则 Help and docementation


适当提供帮助文档,帮助用户在需要的时候获得帮助

1.根据用户当前的任务或所处操作流程,适当提供帮助文档

2.系统常规帮助文档,用户可随时查阅

Image title



为了方便记忆和应用,可按照以下规则分类和记忆:

·与信息呈现相关:

1.环境贴切原则:信息的表达需要符合真实世界惯例,用户的心理预期和习惯等;

2.易取原则:信息可视化,降低用户记忆符合

3.优美简约原则:明确的信息层级帮助用户高效获取信息

4.人性化帮助原则:适当的信息提示帮助用户获得帮助


·与用户操作和系统反馈相关:

5.用户可控原则:用户操作自由性 灵活高效原则:帮助用户高效完成任务,达成目标

6.灵活高效原则:帮助用户快速高效达成目标;

7.防错原则:适当的提示防止用户造成错误;重要操作需要二次确认;

8.容错原则:用户可撤销、重做,恢复至原样;


·与信息呈现和操作反馈都相关:

9.系统状态可见原则:用户知道当前所在位置,可操作和系统反馈的视觉提示;

10.系统一致性原则:视觉语言和反馈效果一致性;


通过分析整理之后,对尼尔森十大可用性原则的理解和记忆更深刻了。自己总结案例分析是一项好办法。

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票