恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计师宝典!尼尔森十大可用性原则简析
0.0°
2020-08-12 原创文章 经验/观点 举报 605 1 2 0

尼尔森十大可用性原则解读


交互设计师是需要持续学习、持续成长的职业。对于一个想要做好交互设计的设计师来说,在日常工作中需要不断尝试、积累经验、开阔眼界并深入思考,增加自己的知识维度,并坚持理论与实操相结合,以此来创造更大的产品商业价值。


Android Q音乐播放器手势切换歌曲


设计原则于设计师而言,就如同建造大厦的砖瓦,想建成摩天大楼,少不了扎实的地基,想成为一个优秀的设计师,理论知识,尤为重要。而这里,数艺君就不得不提到著名的尼尔森十大可用性原则。


雅各布·尼尔森

(Jakob Nielsen,人机交互学博士)


雅各布·尼尔森于1994年4月24日发表了《十大可用性原则》。该原则不仅适用于Web端,还适用于移动端。十大可用性原则对于交互设计来说意义重大,可提升整个产品的可用性。


十大可用性原则包括状态可感知原则、贴近用户认知原则、操作可控性原则、一致性原则、防错性原则、识别好过回忆原则、灵活高效原则、美学和极简设计原则、容错性原则及人性化帮助原则。


尼尔森十大可用性原则


1.状态可感知原则


状态可感知原则指的是展示系统的现行状态,让用户知道目前的操作状态是怎样的。


例如,在淘宝网的注册界面中,系统通过步骤条可以清晰地告知用户注册的整体流程和目前所处的流程状态,如下图所示。


又如,在微信聊天界面中,当用户用微信转发消息并发送成功时,系统会在界面底部显示Snackbar提示并告知用户消息转发成功,如下图所示。


2.贴近用户认知原则


产品设计的一切表现和表述要尽可能地贴近用户环境。贴近用户认知原则指的是将现实环境的操作功能巧妙地转化为线上功能,使其贴近用户。


这个原则要求设计师尽量使用用户能够理解的专业术语,同时在必须涉及专业化语言的情况下,要将其转化成用户熟悉的语言。


例如,iOS 6之前版本的iPhone系统中的“移动滑块解锁”这个设计就非常贴合人们的日常生活认知,用户上手成本极低,如下图所示。


又如,在简书App中,系统会用“文集”替代“文件夹”的功能。“文集”这个词很贴近用户的真实使用环境,相当于一系列文章的集合,生动又形象,如下图所示。


3.操作可控性原则


操作可控性原则指的是对于用户的误操作要提供二次确认或撤销的功能,以此来提高用户的操作可控性。


例如,对于微信聊天中的一些“毁灭性”的操作,系统大部分会提供二次确认提示,如此可以使用户避免因误操作而给自己带来损失,如下图所示。


又如,在Gmail邮箱中,当用户成功发送邮件后,可点击“撤销”命令撤回邮件,如下图所示。


4.一致性原则


一致性原则指的是在交互设计中遵循统一的产品设计规范与逻辑。这个“一致性”包括同平台产品和跨平台产品之间的一致性。而产品间的一致性则主要指视觉和交互的一致性,如文字大小、文字颜色及组件样式的一致性等。


例如,在微信的卡片结构设计中,列表的提示文案都在卡片里面(这也遵循了MaterialDesign 设计规范),如下图所示。


5.防错性原则


防错性原则指的是针对用户容易进行误操作的地方提供防错机制,防止用户出错,并对用户已犯的错提供补救措施。


例如,在用户发送微信朋友圈消息的过程中,当用户还没有输入任何消息时,“发表”按钮置灰。在按钮置灰的情况下,用户点击“发表”按钮是无法发送消息的。这种置灰处理就属于一种典型的防错性设计,如下图所示。


又如,当用户在淘宝网上删除个人的购买订单时,淘宝网后台会通过二次弹窗给出防错提示,以避免用户错删,如下图所示。


6.识别好过回忆原则


识别好过回忆原则指的是在界面设计过程中,在适当的时机给予用户想要获取的信息,减少用户的记忆负担。


例如,用户在使用BOSS直聘对人员信息进行二次筛选时,所有的筛选条件都会在这个时候展示出来,方便用户查看并筛选,如下图所示。


又如,用户在使用三星手机删除相册中的图片时,系统会通过对话框提示用户目前已选择并即将要删除的图片数量,方便用户查看并删除,如下图所示。


7.灵活高效原则


灵活高效原则指的是在界面中提供灵活的操作和高效获取信息的途径。


例如,macOS原生邮箱客户端提供“过滤方式:未读”这个功能。用户使用该功能,即可筛选出所有未读的邮件,使用户的操作灵活又高效,如下图所示。


又如,当用户想要删除短信时,Android系统会提供“批量删除”和“全选删除”的双重选择功能,从而使用户的操作灵活又高效,如下图所示。


8.美学和极简设计原则


美学和极简设计原则指的是在进行界面设计时保留产品最主要的信息,如果不是优先级最高的信息,要尽一切可能地对其进行弱化或简化处理,以此来达到保持产品简洁和美观的目的。


如下图所示,QQ好友动态和微信朋友圈的Feed流(指持续更新并呈现给用户内容的信息流)形成了比较明显的对比。相对于QQ好友动态来说,微信朋友圈更符合美学和极简设计原则。


9.容错性原则


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


良好的容错设计利于增加产品的可用性并提供良好的用户体验。针对容错性原则的应用,设计师可以从以下3个方面来处理。


1. 合理使用反馈

在用户进行了某项操作之后,系统会给用户一个响应。根据场景的不同,这个响应会以不同的形式出现并产生不同的作用:①若该操作极易导致用户犯错,可在操作区域下方进行一定的说明;②在操作完毕后,为防止用户犯错,可以用弹窗或文字的形式进行二次提醒与说明。


例如,用户登录网易邮箱,在输入框中输入邮箱账号,之后让光标离开输入框,如果用户输入的账号格式错误,系统会提示用户账号格式错误,如下图所示。


2. 给予引导或说明

在用户操作前或操作后,系统应给予准确的引导和指示说明:①提供详尽的说明文字或图标提示,如在搜索框内说明搜索的是什么内容;②突出表现引导或提示,且在表达上做到简洁、易理解。


例如,在用户使用微博时,若系统因为网络异常导致用户的微博消息发送失败,会出现Toast提示告知用户发送失败,并且会出现Tips入口提示告知用户去草稿箱查看并重新发送微博消息,如下图所示。


3. 给出恢复方式或说明

当用户在界面中进行了一些“毁灭性”的操作时,系统应给出一些恢复方式或说明,具体表现在两个方面:①允许用户犯错,并尽量使用户能够撤销以前的操作;②用户犯错后,能帮助用户在发生错误后迅速回到正常状态。


例如,用户在使用iOS系统相册时,系统会提供“回收站”功能用于存放已经删除的照片,用户可以在“最近删除”列表中还原已删除的照片,如下图所示。


10.人性化帮助原则


人性化帮助原则指的是用户在界面操作过程中需要帮助的时候,系统应提供一些必要的帮助说明。


例如,在注册淘宝账号的过程中,若用户注册失败,系统会提供一个帮助入口,以提高用户的注册成功率,如下图所示。


尼尔森十大可用性原则有效提升了产品用户的体验度,而另外有一种原则,却是通过设计帮助用户稳定、快速、流畅且便捷地完成目标任务,那就是高效性原则。


高效性原则


用户在使用产品的过程中,简单、高效的操作界面可以使用户快速完成目标任务,如此一来也可提高产品的用户留存率。高效性设计对产品来说至关重要,主要体现在优化性能、减少操作路径、减少页面跳转及支持批量操作这4个方面。


1.优化性能


在进行用户界面设计时,设计师应从程序的角度出发,保持合理的前后台逻辑,优化整个产品页面的流畅度和稳定性,让用户操作更加高效。


例如,当用户查看邮件列表时,系统可在后台加载每条邮件的详细内容。这样用户进入列表对应的详情页的速度就会变得很快,无须等待加载。当用户进入的详情页还没有加载完成时,则优先加载被查看的详情页,而其他详情页暂停加载,如下图所示。


2.减少操作路径


在用户界面中,设计师通过减少用户操作路径,用尽可能少的步骤满足用户的操作需求,可以让用户的操作更加高效。


例如,用户在使用iOS原生邮箱时,可以通过右上角的上下箭头快速查看上一封邮件和下一封邮件,而不需要回到列表后再点击查看,如下图所示。


3.减少页面跳转


在用户界面中,更少的页面跳转能增加页面的连贯性,减少用户的记忆负担,让用户的操作更加高效。例如,用户在使用支付宝APP时,如果想要选择银行卡,则需要进入下一级页面进行选择。


而当用户在使用微信提现功能时,系统会直接在提现页面中展示一个选择银行卡的浮层,这样可以减少页面跳转,使操作更加简单、高效,如右图所示。


4.支持批量操作


批量操作是一种比较直接的提升用户操作效率的方法。在用户界面中,该功能减少了用户重复操作的麻烦,有效地提高了用户的操作效率。


例如,用户在使用QQ邮箱APP时,如果想要对多封邮件进行标记或移动,就可以先进行批量选择,再进行对应操作,如下图所示。

Powered by Froala Editor

更新:2020-08-12

收藏

1人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签
设计交互

    猜你喜欢

      2020-08-12 原创文章 经验/观点 举报 605 1 2 0

      交互设计师宝典!尼尔森十大可用性原则简析

      0.0°

      你确定要举报交互设计师宝典!尼尔森十大可用性原则简析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年08月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录