20130425早读课:以简化为初衷的交互设计给用户带来了什么?

标签: 交互体验 产品设计 用户研究 | 发表时间:2013-04-25 07:16 | 作者:admin
出处:http://reynold.cn

推荐理由:在回顾以简约为风格的交互设计时,很容易想到一堆让人抓狂的繁琐设计。而作者@大寒与贝塔 在回顾了一堆麻烦的操作,也思考了以简化为初衷的交互设计背后的价值。用心简化原来的操作流程,让用户在情感上爱上你的产品吧。

jiaohujianyue

 

经典的对比

还记得那组经典的不能再经典的对比吗?同样是安装新程序,Windows 操作系统下你需要做的是不停地点击下一步,不仅如此,这个过程中还会有很多高级选项需要你去琢磨和更改,而 Mac OS X 操作系统下,你需要做的仅仅是一个简单的拖拽。作为用户的你更喜欢哪一个?

JH01

 

用户的心态

PC端和移动端都是共通的,接下来我们探讨一个问题,用户使用智能手机是因为怎样的初衷? Josh Clark 在他的著作《Tapworthy: Designing Great iPhone Apps》中给出了答案,他将移动用户使用 iPhone 的动机归纳为三种典型心态:

  1. 想完成微任务;
  2. 想了解周遭所发生的事件;
  3. 想打发无聊的时间。

然而,在这三个典型心态的背后,用户的内心仍然藏有很多微妙的情感,有时候可能用户自己都没有意识到。本文将要探讨的是,他们还有很多“不想”的情感。其中最具代表的三个“不想”就是:

  1. 不想有太久的等待;
  2. 不想有太大的难度;
  3. 不想有太麻烦的流程。

在这三个“不想”中,如果等待时间太长,用户可能会放弃等待,直接退出。如果上手难度太大,用户可能会学习途中半途而废,然后不断碰壁,产生不满。唯独这最后一点,操作流程如果太麻烦的话,可能什么也不会发生。

这时候疑问就产生了,为什么一向挑剔苛刻的用户会对这一点无动于衷呢? 因为用户并不知道他们此刻为达成眼下的目标所正在进行的操作,是麻烦的。

 

我的故事

来看一个我自己的故事:我在家中用自己的 Macbook 上网搜寻资料,看到国外某网站显示的信息中包含了重量信息为 5 磅。我并不清楚5磅究竟是什么概念,于是打算换算成千克。于是,我选中了文字,右键复制,在浏览器中新建了一个标签页,打开百度,右键粘贴,点击了搜索按钮。经过了这一系列操作,这时百度搜索页面中终于出现了我希望看到的信息,“1 磅 = 0.45359237 千克”,然后又欣喜地发现百度提供了度量衡换算,在其中输入数字 5,得到了我最终想要的结果,5 磅 = 2.26796185 千克。至此,目标达成。之后的很多次再遇到类似的情况,我也是如此操作。我既不会等待太久,也不会觉得做起来太难。最关键的是,这样的操作在我的眼里,是再正常不过,也觉得确实应该有这样的流程。

突然有一天,我在朋友的推荐下购买并安装了一款名叫 PopClip 的软件并拓展了很多附属插件。这款软件可以帮助我简化整个操作流程。还是原来的故事,我现在需要做的只是 —— 选中文字,点击天平图标。这轻松的两步完成后,目标达成。

JH02

在遇到 PopClip 这款软件之后,我才发现之前为了达成换算目标所耗费的操作是如此的麻烦。为什么我之前没有丝毫这样的感受呢?答案是,我没有遇到一个正常的并不麻烦的乃至出色的方便迅速的流程,所以我会误认为原来一个麻烦的流程是正常的,可以接受的。就像文章最开始的经典对比一样,如果你从没使用过苹果的操作系统去安装软件,你可能永远不知道自己使用的微软的操作系统安装软件是多么麻烦的一个过程。

 

不同角度的结论

换个角度去想这个问题得到的结论就是,如果一款产品,无论是一个应用或是一个操作系统,如果以简化为初衷进行交互设计,给用户一个正常的并不麻烦的甚至简单便捷的操作流程,首先用户就必然会欢迎你的产品,就像现如今对 PopClip 这款应用各方的溢美之词一样。因为你成功地让用户意识到,自己原来的操作,是如此麻烦。而相比之下,你提供简化之后的流程,是如此简单便捷。

 

优秀的例子

现如今很多出色的产品都在努力为用户简化流程,而简化为初衷的交互设计也为这些产品带来了大量赞誉。下面是其中的几个代表:

案例1:MIUI

场景一:关闭所有已经开启的应用

  • 原来我们不得不:双击HOME键,长按某个程序的图标,点击红色小减号,再点击红色小减号,再点击红色小减号,再点击……
  • 现在我们可以:长按HOME键,点击清扫按钮。

JH03

场景二:(家里突然跳闸停电,需要找到闸箱)开启手电筒

  • 原来我们不得不:按 POWER 键,滑动解锁,右划翻页,右划翻页,右划……,找到手电筒应用并点击。
  • 现在我们可以:按 POWER 键,长按 HOME 键。

案例2:Smartisan OS

场景一:用刚刚拍照的图片去给某联系人修改头像

  • 原来我们不得不:打开通讯录,点击某人名字,点击右上角编辑,点击添加照片,点击选取照片,点击相机胶卷,选取某张图片,点击选取。
  • 现在我们可以:打开通讯录,点击某人头像唤出扇形菜单,点击编辑头像,(此后为笔者YY~)点击“最近拍摄”选项,点击选用。

JH04

场景二:将所有角标提示清零

  • 原来我们不得不:进入某个应用(这里以 Appstore 为例),选择更新标签,点击右上角更新全部,输入密码,点击确定,按 HOME 键返回主屏,(这期间还得经常点击“好”这个按钮)进入另一个应用,返回主屏,再进入另一个应用……
  • 现在我们可以:立掌划过屏幕。

案例3:豆瓣小组 App(iOS)

场景:在将要发布的内容中加入图片

  • 原来我们不得不:点击照相机图标,选择用户相册,点击相机胶卷(或其他),选取某张照片。
  • 现在我们可以:点击相册图标,选取某张照片。

JH05

案例4:WeicoPro(iOS)

场景:在将要发布的微博中加入拼图

  • 原来我们不得不:按 HOME 键退出微博,(这时可能需要右划翻页)找到美图秀秀应用并点击进入,点击拼图,进行拼图操作,点击保存与分享,按 HOME 键退出美图秀秀,(这时可能需要左划翻页)找到微博应用并进入,点击照相机图标,选择用户相册,点击相机胶卷(或其他),选取刚刚拼好的照片。
  • 现在我们可以:点击拼图图标,进行拼图操作。

其实,用户们尤其是普通用户们是很容易满足的,尽管他们有时候在表面上显得挑剔而又苛刻。在你产品的交互设计里用心设计简化原来的操作流程吧!不要再去思考是否能有比抽屉柜更新颖的交互方式或者是否有比右划返回更加独特的手势操作了,满足用户小小的情感需求,他们一旦发现,必然会爱上你的产品。换句话说,以简化操作流程为目的进行交互设计的产品,给用户带来的就是最基本的情感满足。用户不喜欢操作流程太麻烦,虽然可能有时候他们没有发现,但他们在情感上真的不喜欢麻烦的事物。

 

最后的话

希望以后大多数人用户经常挂在嘴边的一句话是,都是某某简单易用的产品给惯的,现在我觉得之前自己使用的那些产品好麻烦!始终坚信,现在用户觉得可以接受的操作流程,一定是未来将被证明是最麻烦的那个。

Via: GeekPark

延伸阅读: 20130317早读课:交互设计的简约之道与实际应用

                      20121206早读课:用户体验设计中最蛋疼的部分—复杂性

如果看到这段文字,证明您已经看完这篇文章了,有什么收获有什么感想有什么不赞同,我们期待您的留言评论,并诚挚邀请您加入“互联网er早读课”QQ群,一同交流每天文章的心得并结识同行。官方2群:74447564,加群密码“职业信息+城市+姓名”,否则不予通过,入群后请修改群名片。注:官方QQ群非水群,喜欢闲聊的童鞋请勿加入。再次感谢您对早读课网站的支持。

我们猜您可能也喜欢:

20130421早读课:设计就是生产力,让用户更容易找到信息

20121109早读课:手机产品设计之用户引导

20130330早读课:为多层面用户而设计

20121020早读课:基于用户体验的手机产品交互设计原则

20121116早读课:产品设计的情感,去安慰你的用户
无觅

相关 [交互设计 用户] 推荐:

交互设计用户模型建立

- - 人人都是产品经理
Persona交互设计用户模型建立:. Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群. 一个persona可以比任何一个真实的个体都更有代表性. 一个代表典型用户的persona的资料有性别、年纪、收入、地域、情感、所有浏览过的URL、以及这些URL包含的内容、关键词等等.

交互设计,产品设计与用户体验设计

- 章明 - 所有文章 - UCD大社区
交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念;. 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法:. 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域.

抓住用户注意力的10种交互设计小技巧

- - 人人都是产品经理
如今,设备的屏幕正变得越来越小. 主要的挑战在于在有限的屏幕范围内提供优秀的用户体验.     简单来说2015年的移动设计趋势将是在传递更多信息的同时,尽量保持设计的简单. 让我们来看看这些应用是如何抓住用户的注意力的吧. 如同我们所知道的那样,移动设备的屏幕不够大,不能够提供桌面端的那种全景式的浏览体验.

20130425早读课:以简化为初衷的交互设计给用户带来了什么?

- - 互联网er的早读课,专注产品、用研、交互
推荐理由:在回顾以简约为风格的交互设计时,很容易想到一堆让人抓狂的繁琐设计. 而作者@大寒与贝塔 在回顾了一堆麻烦的操作,也思考了以简化为初衷的交互设计背后的价值. 用心简化原来的操作流程,让用户在情感上爱上你的产品吧. 还记得那组经典的不能再经典的对比吗. 同样是安装新程序,Windows 操作系统下你需要做的是不停地点击下一步,不仅如此,这个过程中还会有很多高级选项需要你去琢磨和更改,而 Mac OS X 操作系统下,你需要做的仅仅是一个简单的拖拽.

交互设计-简单

- DayuLu - 腾讯CDC
  交互设计是近几年流行的一个词语. 现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等. 从场景,任务,用户,操作等分析. 但由于受实际情况的限制,往往不能很深入. 所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的. 如果要说什么是一个好的交互设计,个人浅见就是简单. 本文以下内容都是围绕简单2字进行展开.

交互设计初体验

- - 微博UDC
9月初,我来到新浪微博UDC部门交互设计岗位实习. 在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责. 鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚步入交互设计行业的同学更快的适应工作,更好地学习交互设计.

交互设计入门–了解交互设计

- - 互联网的那点事...
为什么会有交互设计,交互设计能够做什么?. ▎1.成功的互联网产品具备哪些要素. ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力. 那么成功的产品首先要具备– 可实现模型. ”当然不是,产品的终极目标是盈利,你的领导也只关心这个.

交互设计师如何做交互?

- Jerry - UED TEAM,用户体验设计,web前端开发
尽管很多谈及交互的书上都已经回答过了:. 发现用户需要,建立明确需求. 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节. 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别. 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步.

web交互设计原则和模式

- shallwelin - 译言-
原文作者:Bill Scott. 原文链接:Designing Web Interfaces Principles and Patterns for Rich Interaction. web界面设计(丰富交互设计的原则和模式). (本书英文版大家可以到我blog下载:http://blog.youmila.com/?p=325).