技术社区

技术社区 界面设计

不懂尼尔森十大原则?那还不算交互设计师

编辑:011     时间:2020-02-07
前段时间在某个群里看到有个小伙伴说,他在面试的时候面试官让他说尼尔森的十大可用性原则,虽说尼尔森10大可用性原则是交互设计师的基础理论知识,但是实际上,不知道或者不完全知道的小伙伴也有很多,今天就以实例跟大家聊聊尼尔森十大原则



PART ONE

系统状态可见性


定义:系统应该在适当的时间内做出适当的反馈,告知用户当前的系统状态;该原则强调,产品要给用户适当的反馈


当页面在加载的时候,需要告诉用户页面在加载,而不是空白的页面




再比如按钮的点击,以前网速比较慢,当你点击完按钮时,无法立马打开新的页面, 需要等一会儿,如果没有点击反馈,那么用户很可能以为自己没有点上,然后重复点击,导致一下子会打开很多重复页面



再来看这个例子,当你收到了微信的Push,于是你点开微信,发现没有任何新消息,会不会在想刚刚明明是告诉我微信有新消息的,为什么没有?是软件出了问题?是自己网络出了问题?还是手机出了问题?





现在又收到了微信的Push,于是点开了微信,发现聊天窗口有一个记录显示“对方撤回了一条消息”,这时你就知道了,原来他刚刚给我发了一条消息然后撤回了,怪不得没有新消息。这就是为什么当对方撤回消息时,微信会给出提示


PART TWO

系统与现实世界相匹配


定义:系统应该使用用户熟悉的词、句、语法,应该符合真实世界中的使用习惯;该原则强调,产品要使用用户语言





比如这些弹窗的文案,简洁明了,通俗易懂。如果我们在文案中写“点击主按钮”即可参与,那么很多用户就会不理解“主按钮”是什么意思


PART THREE

用户控制与自由


定义:用户在使用产品时经常会误操作,因此需要一个非常明确的“紧急出口”来帮助他们脱离困境,需要支持撤销与重做;该原则强调,产品需要支持用户“反悔”




作为设计师,撤销、重做的重要性大家都知道,你想万一你每次只要画错一点点就要从头开始重新画,那得多崩溃



Gmail一次性将多个邮件标为已读时,会有“撤销”功能,防止出现误操作,将重要未读的邮件标记已读





当你在打字时,摇动手机即可撤销输入的内容,当你删除了部分文案时,摇动手机即可恢复删除的内容



PART FOUR

一致性与标准化


定义:产品的信息架构、交互方式、功能名词、视觉表现等应该具有一致性;该原则强调,产品需要具有一致性




一致性大到产品的架构,小到icon、文案利用设计系统可以协助我们保持产品的一致性


PART FIVE

预防错误


定义:无论错误场景设计的多好看,都不如在第一时间防止用户发生错误;该原则强调,产品需要有防错机制




填写银行卡信息时,由于数字过长,因此我们将银行卡填写时以4位数字为一组便于用户输入,这个也属于一种防错机制





同样的,手机号登录时,将手机号分成344形式也可以降低错误率,便于用户检查输入的正确性



再比如支付宝兑换页面,提示用户积分不足同时按钮置灰,也属于防错机制




当出现危险操作或者不可逆操作时,会进行二次确认,防止用户出现错误


PART SIX

辨认而不是回忆


定义:将用户的记忆负担最小化,尽可能减少让用户去记住信息,应该提供信息让用户辨认





PART SEVEN

灵活性与使用效率


定义:无论是老手还是小白,都能够轻松高效的使用产品




当产品进行大版本迭代时,会出现引导弹窗来提示用户如何操作,让用户快速上手



学习能力有强有弱,有些用户看一遍引导就知道怎么做,快速成为老手,而有些用户可能还不太会用出于新手状态,此时引导就要做出区分,比如UOKA相机,如果你一直点击下方缩略图切换,则会出现提示,告诉你左右滑动也可以切换



PART EIGHT

好看而简洁的设计


定义:页面中不要出现无关的或者冗余的信息,每个多余的信息都会分散用户的注意力;该原则强调,产品要简洁明了




页面内容合理,不能用太多无用的内容来分散用户的注意力,让用户聚焦

PART NINE

帮助用户发现、判断和修复错误


定义:错误信息需要告知用户哪里有问题,并且告知用户如何解决问题,而不是展示代码;该原则强调,异常状态要告知用户如何解决




比如上面这个示例,虽然空状态做的还比较精致,但是没有告知用户该如何解决这个问题



这个示例中,第一张图是搜索无结果,此时用按钮告知用户可以重新尝试(搜索),第二张图是没有分组,因此用按钮引导用户创建一个分组



PART TEN

帮助文档


定义:即便最好就是不需要帮助文档就能轻松使用产品,但是当用户需要帮助时,帮助文档需要易于查找,专注于用户的任务,列出使用步骤,并且信息量不能过大;该原则强调,帮助文档要清晰



SUMMARY

总结


尼尔森十大可用性原则是交互设计师必须掌握的知识,甚至有些时候面试还会提问,因此一定要聊熟于心。为大家准备了尼尔森十大可用性原则海报,方便大家以后查阅






想了解更多 关注:http://www.rongsoft.com/

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐