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

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

 

为了达到这一目的,在交互设计工作中,设计师所要遵循的原则浩如烟海,最经典的莫过于人机交互学博士——尼尔森于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设计

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

长按二维码关注

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33503/

(0)
TinadminTinadmin
上一篇 2017-08-01 08:04
下一篇 2017-08-01 08:53

相关推荐

  • 交互设计的专业性——用户体验认知与落地

    作者:司马西(简书作者)原文地址:http://www.jianshu.com/p/ee34d566766cIXDC获授权转载前言从事设计与交互设计工作已6年有余,一直以来、无论圈内圈外都会谈到交互设计是什么?具体做什么?交互的价值是什么?…

  • 为什么我推荐使用Flinto做高保真交互设计稿?

    静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随…

    2017-08-01
  • 交互设计的未来在哪?

    这是2017年的第13篇文章除了电脑和手机,越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流?未来的产品形态和交互方式会走向何方?当NUI(自然用户界面)代替GUI时交互设计师和…

    2017-08-01
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 交互设计用户模型建立

    点击信息与交互设计关注我们!Persona交互设计用户模型建立:一、什么是用户模型?Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群。一个persona可以比任何一个真实…

    2017-08-01
  • App收银台交互设计思考

    数十万互联网从业者的共同关注!作者:柒0。作者授权早读课转载。来源:简书编辑:Juvae最近完成了“app收银台设计重构”的需求(一期为“账户充值”),作为一个刚毕业的交互新人,踩了一些坑,总结了这次思考的过程与…

    2017-08-01
  • 经典必备知识!什么是交互设计的三大法则?

    @十萬個為什麽 :本文提到的三大铁律在交互设计中的地位接近圣经。细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备 >>>科幻作家艾萨克·…

    2017-08-01
  • 零基础学习交互设计先从这些知识开始!

    @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统…

    2017-08-02
  • 功能确定之后,如何做好产品的交互设计?

    功能和数据都确定下之后,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓准了,我…

    2017-08-03
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20