美文网首页创业产品设计氚64的专题
产品经理,要懂点交互知识!——“尼尔森十原则”

产品经理,要懂点交互知识!——“尼尔森十原则”

作者: 大房同学的产品之路 | 来源:发表于2019-06-18 13:29 被阅读41次

    尼尔森十原则提出于1995年1月1日,是人机交互学博士Jakob Nielsen分析了两百多个可用性问题而提炼出的十项通用型原则。它是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。


    1.状态可见性:系统应该在适当的时间内做出适当的反馈,告知用户当前的系统状态。

    a.告诉用户处在系统的什么位置:用户往往需要知道自己处在系统的什么位置,特别对于新手用户来说,需要提供必要的信息,否则容易产生迷失。

    b.让用户知道自己在做什么:用户需要知道自己的操作是否被系统感知,所以,在用户操作后,应当第一时间提供反馈告诉用户这项操作被用户接受了。

    c.让用户知道系统在做什么:当系统在运行中时,尽可能向用户提供系统运行状态的信息。

    d.让用户知道系统做了什么:让用户知道操作的结果,从而进行下一步操作,需要尽可能给予相关的信息反馈,即便是在没有结构的时候也是一样。

    e.利用多种反馈:反馈信息可以通过文字,动效,声音,震动,界面元素的变化等多种方式给用户以提示。

    f.对系统响应延迟应进行反馈:当系统响应小于1秒时不会打断用户思考,不需要特别反馈,响应时间越长用户满意度越低,10秒时用户注意力上限,响应时间较长时,给与必要的反馈。


    以淘宝我的订单页界面为例:

    首先是序号3,显示了订单的状态,让用户了解下没下单,有没有付款,是不是发货,以及是否评价,处理导航栏,在订单右上角,序号2也能看到订单状态,并且在序号1看到运费险是否成功出单。

    2.环境贴切原理:产品设计应该使用用户的语言,使用用户熟悉的词,句,概念,还应该符合真实世界中的使用习惯。

    a.保证使用用户语言:保证使用语言是用户能理解和联想的,并不是只能使用大众化的语言,而是目标用户熟悉的语言。

    b.符合现实世界中的使用习惯:将产品的使用习惯和现实中产品的使用习惯联系起来。

    c.使用现实世界的隐喻:从现实世界中借鉴的设计元素可以显著的降低用户的认知和学习困难,并增加他们的使用兴趣

    d.使用手势操作联想:使用的操作手势,应当是用户自然能够联想到的,不要轻易定义和创造用户难以联想到的手势。

    以美团主页为例:

    美团所有的分类icon都是结合了生活中的具象元素,符合人们认知。人们能很好的接受,如果刀叉代表超市,就会引起歧义,让人产生怀疑,困惑。影响操作体验,增加错误操作率。

    3.用户可控性原则:用户经常会在使用功能的时候发生误操作,这时需要一个非常明确的“紧急出口”来帮助他们从当时的情境中恢复过来,需要支持取消和重做。

    a.用户可以自由导航:清晰和便捷的导航方式,使用户可以自由的控制返回和去到的地方

    b.用户可以自由的退出,或返回上一步:用户在感觉到迷失或者困惑时,需要能够快速撤销的过程,用户使用系统过程,是一个试错的过程,他们通常会试一试新功能,如果发现错误就改正错误,试用新的方法,直到成功为止

    c.不可逆转的操作需要警告:重要的不可逆转的操作需要给用户明显的提示,否则将对用户产生严重的影响。

    以淘宝提交订单为例:

    在不小心下错订单时,可以退出支付界面,回到订单界面,点击图标1取消订单,可关闭当前交易交易。 

    4.一致性与标准化:同一产品内,产品的信息架构导航,功能名称内容,信息的视觉呈现,操作行为交互方式等方面保持一致,使界面看上去熟悉并且易于理解,使用用户可以利用已有的知识来执行新的操作,并可以预期操作结果,产品与通用的业界标准一致。

    a.产品内部保持一致:通用的信息应该使用一致的用词,外观和布局,可以帮助用户快速学习,记忆和熟悉产品的功能。

    b.不同版本之间有延续性:产品的不同版本之间,主要的功能,设计元素等,尽量有一定的延续性,避免用户产生困惑

    C.与业内产品保持一致:用户在使用其他产品,特别大众型产品时已经形成了一定的习惯,不要轻易违反业界规范

    以美团外卖商家页为例:

    在各个商铺店面布局上保持一致性,都是上方为主导航栏(标号1),显示点菜,评价和商家信息;侧面为副菜单栏(标号2),右下方大区域(标号3)显示各种不同种类菜品,便于用户长久使用。

    5.错误预防原则:在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择

    a.在执行危险操作前请用户确认:在用户执行比较危险的操作时,让用户确认,避免用户发生比较严重的错误

    b.利用清晰的提示防止错误:提供清晰的提示,也能防止用户犯错

    c.利用用户的联想防止错误:利用颜色,动效等提供警示信息

    以美团外卖下单为例,

    在选完菜品之后,点结算,会出现订单信息界面,让用户再次检查订单信息,订单无误后,再提交订单,出现支付界面,用于检查金额和支付方式,当发现问题可按后退键回到订单界面,取消订单。

    6.识别好过记忆:尽量减少用户需要记忆的事情和行动,提供可选项让用户再认信息

    a.将选择对象可视化:将选择对象,动作,选项可视化,使得用户一看就懂

    b.丰富的记忆线索:抽象图形+文字,提供更多信息,帮助用户确认

    c.使用通用的命令:通过使用通用的命令,减少用户的记忆负担

    d.更多让用户选择而不是输入:产品应该给用户提供选项,让用户从中选择或直接进行编辑

    以淘宝下方导航栏为例,

    通过符合用户认知的图标与各个模块功能完成形象映射,使用户更直接知道每个图片代表什么,而不用通过看文字,经过思考,才知道代表什么。降低操作负荷。

    7.灵活高效原则:系统需要同时适用于经验丰富和缺乏经验的用户(为用户提供便捷,好的软件不但考虑到新用户的需要,也要考虑到熟练用户的需要。不但应对新用户来说简单易学,还要对熟练用户来说快捷,高效,尤其是可以方便地使用频率较高的功能)

    a. 提供快捷键:为频繁操作的功能设置快捷键

    b. 允许用户使用重新操作:对用户频繁使用的部分,提供重复使用的功能或者模版

    c. 提供系统默认值:通过提供系统默认值,而减少用户多余的操作

    以美团外卖搜索推荐词为例,

    在搜索框下,根据历史搜索,推荐可能会用的搜索词,利用用户搜索习惯,极大增加搜索效率。

    8.优美简约原则:界面中不应该包含无关紧要的信息,设计需要简洁明了,不要包括不相关或者不需要的内容,每个多余的信息都会分散用户对有用或者相关信息的注意力

    a. 避免界面元素过于杂乱,同时呈现过多元素,动效

    b.对重点信息突出准备,用户的精力是有限的,应该保持信息的精炼,又突出有弱化

    以微信界面为例,

    微信的功能很多,像各种小程序,公众号,朋友圈以及生活服务等,但在微信的界面依然保持简洁的特点,根据功能与使用习惯,将整体分为四个大模块:微信、通讯录、发现、我。并利用下拉工具和左右滑动完成界面的整洁,提高用户使用体验。

    9. 帮助用户认知、判断、修复错误:用简单明确的语言解释错误信息,精确指出问题的原因并且提出建设性的解决方案。

    a. 引起用户注意:当错误发生时,提示信息一定要直观醒目,文字需要简单易懂。

    b. 提供建设性建议:当用户遇到错误时,尽可能提供有实质意义的信息,比如问题是什么,如何从错误中恢复等等。

    c. 自动纠错:当系统能够帮助用户自动甄别错误,并及时进行修正,将给用户带来极大的便利。

    以美团外卖下订单为例

    当用户选择两款折扣矛盾商品时,会出现提示弹窗;如图2,在选择地址时,会自动推荐合适地址,屏蔽不适合的地址;如图3,当选择不在配送范围的地址时,会出现提示窗口,并告知请再确定收货地址信息。

    10. 帮助与引导原则:提供帮助信息,帮助信息应当易于查找,聚焦于用户的使用任务,列出使用步骤,并且信息量不能过大。

    a. 方便用户查找:帮助文档入口容易找到,帮助要信息方便用户查找

    b. 便于用户理解:避免使用专业术语,尽量使用图片或者图表,除了文字外还可以使用示意图,操作步骤等,方便用户应用。

    c. 便于用户应用:在操作的同时能看见帮助的信息

    以美团外卖智能点餐为例,

    在智能点餐时,系统会自动引导用户填写用餐信息,如人数,价格,以提供更加合适的配餐选择。

    相关文章

      网友评论

        本文标题:产品经理,要懂点交互知识!——“尼尔森十原则”

        本文链接:https://www.haomeiwen.com/subject/gwffqctx.html