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

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

 

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

相关推荐

  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 交互设计实例分享

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己…

    2017-08-03
  • 交互设计必杀技:如何做一名高效的“陪产婆”

    数十万互联网从业者的共同关注!作者:臭脸任。作者授权早读课发表,转载请联系作者。微信公众号:臭脸任的慢生活(ID:choulianren-renyi)欢迎投稿到早读课,投稿邮箱:mm@zaodula.com问题起源于臭脸君开始转战给i…

    2017-08-01
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

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

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

    2017-08-01
  • 解压设计?一位交互设计学生对智能化的反思

    Skylar Jessen 是纽约大学的一名学生,主修交互设计。他觉得,如今的交互设计普遍缺乏人性化的东西。它们“压缩”了人们的自我表达方式。最近,在学校的交互设计项目上,他提交了一些特别的设计,并称之为“解压设计”…

    2017-08-01
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

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

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

    2015-08-20
  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01