从零开始学交互

交互设计的这十大套路,你懂多少?

0
登录或者登记去做吧。

在产品设计领域,交互设计同产品经理一样,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心,努力挖掘用户需求,创造和建立人与产品及服务之间的关系

 

为了达到这一目的,在交互设计工作中,设计师所要遵循的原则浩如烟海,最经典的莫过于人机交互学博士——尼尔森于199511日发表的十大可用性原则,如今已成为产品设计与用户体验设计的重要参考标准。


今天,我们就以印象笔记为例,介绍一下尼尔森的十大可用性原则。

 

一、状态可见原则

Visibility of system status

对于用户的操作,不论是点击、还是滑动,页面应即时给出反馈,让用户知道发生了什么。 同时,为了提供更好的用户体验,页面响应时间要小于用户能忍受的等待时间。

以印象笔记为例,用户不论是新建笔记还是保存笔记,按下手机按钮,页面立即弹出相应的弹窗,让用户明白操作正在进行。

 

交互设计的这十大套路,你懂多少?

点击按钮,系统总能给出即时反馈

二、环境贴切原则

Match between system and the real world

即系统语言应该符合用户的使用习惯,尽可能地贴近用户所在的现实环境,让用户一目了然,知道如何进行操作。

比如印象笔记,用户新建笔记,只需点击“+”,即可弹出对应的选项,选项旁边还配以对应的图标辅助,用户只需选择自己喜欢的形式创建笔记就行。

 

交互设计的这十大套路,你懂多少?

命令按钮与设计图标相辅相成

三、撤销重做原则

User control and freedom

产品设计需要支持撤销和重做的功能,当用户操作失误时,能够有机会进行弥补。

在这一点上,印象笔记的设计就很完善,如果用户误删文件,在30天内,可以到废纸篓内还原文件;分组时,要是不小心移错文件夹,还能及时撤销,不用再重新分一遍,大大提高了用户的工作效率。

 

交互设计的这十大套路,你懂多少?

有反悔的机会,手残党再也不用担心误操作了

四、一致性原则

Consistency and standards

这是产品设计过程中的一个基础原则,在一个或一类产品内部,相同或相似的功能、场景,应尽量使用界面表现、用户操作与感受等相一致的设计。其目的在于降低用户的学习成本、认知门槛和误操作的概率。

印象笔记坚定地遵从这一原则,其所有的标签、按钮使用的都是同一套图形设计,即使没有文字标注,用户也能明白按钮所代表的意义。

 

交互设计的这十大套路,你懂多少?

不同界面,同一个图标只代表一种操作命令

五、防错原则

Error prevention

此原则的目的是防患于未然——通过精心设计,在用户选择动作发生之前,就要防止用户做出容易混淆或者错误的选择,从而有效降低用户的出错概率。

印象笔记的这一点设计就很特别。当用户要删除笔记本(内含多条笔记)时,系统会要求用户手动输入“删除”二字,然后才可删除这个笔记本。这样一来可以给用户更多的思考时间,防止用户误删重要信息。

 

交互设计的这十大套路,你懂多少?

现实版的“手动”删除

六、易取原则

Recognition rather than recall

尽量减少用户对操作目标的记忆负荷,即用户在操作时,不必记住一个页面跳转到另一个页面的信息,其所有的动作和选项都应该是可见的。通过页面提示,用户可以很流畅自然地达到目的。

 

在印象笔记中,你不用记住如何新建一条笔记,打开客户端,只需按照页面提示,即可创建属于自己的文字、图片、录音、手写笔记。


交互设计的这十大套路,你懂多少?

 只需三步,即可创建新笔记

七、灵活高效原则

Flexibility and efficiency of use

所谓灵活高效,就是不论什么样的用户群体,使用产品都能各取所需,实现自己的需求。

比如印象笔记,不论是小白用户还是资深用户,都能通过产品完善的功能设置找到自己的需求点,为自己的工作学习提供便利。同时,为了梯级满足用户需求,印象笔记还设置三种账户类型,功能也有所不同,用户可以根据需求选择不同的账户类型。

 

交互设计的这十大套路,你懂多少?

多种账户,总有一款适合你

八、易扫原则

Aesthetic and minimalist design

信息大爆炸、同类产品扎堆使得用户注意力成为稀缺资源,一款产品若要留下用户,需要通过简约的设计、独特的定位吸引用户,有效满足用户的需求。

 

印象笔记以记录信息为主,其初始界面便突出这一主要功能,将创建笔记和查阅笔记放在显要位置,减少了不相干的信息对用户的干扰,产品能够很容易满足用户需求,增强用户体验。

 

交互设计的这十大套路,你懂多少?

界面简单,核心需求一键解决

九、容错原则

Help users recognize, diagnose, 

and recover from errors

当用户使用常规操作方法无法达到预期时,要用语言表达准确地反应问题所在,并且提出一个建设性的解决方案,让用户能够找到正确的解决方案。

 

比如,当用户在没有网络的情况下,访问离线笔记时,系统会自动给出提示:笔记本无法离线访问,随即又给出了相应的解决方案:连接网络,自动下载。这样能够有效引导用户解决问题,继续使用产品。

 

交互设计的这十大套路,你懂多少?

有错能改才是好的产品

十、人性化帮助原则

Help and documentation

再简单的产品,总有用户不知道的功能,必要的时候通过一些提示或文档,帮助用户探索产品功能,或是给复杂功能撰写专门文档,解决产品使用过程中的问题,将会有效增强用户对产品的了解与好感,让用户通过使用产品,形成对产品的黏性。

 

在人性化帮助这一方面,印象笔记专门开辟一个网页帮助用户发现其更多功能;有专门的帮助教程,协助用户解决产品使用中的问题,全方位提高用户的办公效率。

 

交互设计的这十大套路,你懂多少?

有攻略,才能玩转产品!


交互设计的这十大套路,你懂多少?

交互设计的这十大原则,虽然提出已有二十余年,但是在当代的交互设计中仍然具有实践指导意义。


交互设计的本质,就是通过对用户习惯、用户心理、用户行为等进行全面、深入的分析,设计出用户用着舒服的产品,努力提高用户体验!

在产品工作中,交互设计师应该与产品经理协同合作,以用户为中心设计产品,努力打造出能用、易用、用户想用的产品!


交互设计的这十大套路,你懂多少?

善班学院专注企业互联网应用人才培养

互联网产品经理

●互联网产品运营

●互联网项目管理

●互联网UI设计

交互设计的这十大套路,你懂多少?

长按二维码关注

交互设计自我发展三部曲——“器、势、人”
交互设计的三大铁律规范!