要想知道交互设计要学说明,就得先明白什么是交互设计。明白了交互设计才能一步一个脚印慢慢学习交互设计。
一. 什么是交互设计
要谈什么是交互设计,先要了解这几个概念。
![交互设计要学什么 山村](http://img18.3lian.com/d/file/201707/20/cbf08241713ccfe892e54ca429d0429c.jpg?imageView2/2/w/635/h/382/interlace/1)
网页设计年代,大概是从2004年开始热起来了,等到我毕业的2006年,满大街都已经是电脑培训机构,记得当时北大青鸟的百日千才培训就在我每日下班必经的十字路口。
网页设计年代重视的是特效,说白了就是特效背后的技术,君不见当时的网页是让人看得眼花缭乱啊,这里bling bling闪闪的,漂浮框乱跳的。然后就是套各种网页设计模版,做出很多复杂的类似于右边这种典型的政府网站出来。
![](http://img18.3lian.com/d/file/201707/20/50cbd7186c7b9a8705d554fab12f0f96.jpg?imageView2/2/w/640/h/480/interlace/1)
美工时代:
网页设计时代,大批的“美工”涌现。显然人们有了更高的追求,光是bling bling的眼花缭乱的动画效果已经看厌了,网页也是需要装饰美化的。虽然网页设计论坛(www.68design.net)当时很火,但是网页设计师这个头衔仍然是一厢情愿的叫法。大多数时候,仍然是老板和客户嘴里的“美工”。
美工时代重视的是:视觉效果。并且,原来对网页设计一窍不通的老板们纷纷成了资深的视觉鉴赏家。美工时代“美工”很痛苦——单纯靠视觉效果去评价作品好坏,太主观,太随意。于是他们通常会做N个版本,反复修改,直至美工崩溃或者老板崩溃。
![](http://img18.3lian.com/d/file/201707/20/91f4df4198f6d06bef015c2f79433052.jpg?imageView2/2/w/640/h/480/interlace/1)
历史迈入了伟大的UI年代。
大概是在2005年,我崇拜的网络名人从擅长鼠绘的小非变成了图标达人Rokey(时光倒流到2005年,我正在看这篇文章:灵感来源于生活-微软亚洲工程院移动设备组UI设计师张伟)。也自学了关于UI的若干知识,开始迷恋起PS像素级的奇妙世界。
UI=User Interface. 已经将User即用户纳入界面设计考虑的重要要素。但是对于精致、质感的无极限的追求,依然会让人顾此失彼,忘记了从用户的视角去审视一个UI的作品。于是,经常会看到虽然很精致,但是很难用的软件界面。
用户看到的部份,无可挑剔。但是实际上,使用的感受并不好。而感受部份,可以从几个角度去阐释:
● 他们知道不知道这个是什么东西?他们感觉到迷惑吗?
● 他们是否清楚能够通过此物做什么?
● 是否清楚如何做到?
● 当他们有兴趣去尝试时,他们知道如何开始吗?
● 当他们开始后,知道如何进行下一步吗?
● 当不想要使用时,能够快速明白如何退出吗?
● 当他们退出后,下次来用,是否需要重新去学习掌握如何操作?
● 每一步操作时,他们心理会感觉到愉悦还是枯燥乏味?
当然,我们崇尚软件操作过程中的效率,但是若用户感觉到愉悦,也许就不会觉得效率太低,其实,效率是个相对的说法。归根结底,这就是用户体验。
![](http://img18.3lian.com/d/file/201707/20/e973f1efdc48d5e59d4ba8f722754fd1.jpg?imageView2/2/w/640/h/480/interlace/1)
UED时代——用户体验制胜
我们不缺技术,我们不缺另人震撼的视觉,这些虽然过去是我们孜孜追求的东西,如今已经不足为奇。但是我们缺用户来用,我们缺用户持续来关注,我们缺用户体验。用户体验过去一直在产生影响,但是未能得到足够的重视。
2007年,开始关注www.ucdchina.com. UED是套方法论,UCD是指导思想——User-centered Design. 不再是BCD-Boss-Centered Design.老板说了算,除非老板能够代表目标客户。这和市场营销学发展的历程有点像,从生产主导到市场主导。
![](http://img18.3lian.com/d/file/201707/20/0478ad3ebc0f3ecfe86123f84df58313.jpg?imageView2/2/w/640/h/480/interlace/1)
以下是我在用户体验设计?——是什么不是什么里用到的图片。WEB2.0后,用户的参与度越来越高,用户从被动的接受者变成了主笔,主编,摄影师,作家……他们是主角,使用中遇到问题,当然不可能靠网站的客服电话或帮助教程搞定,他们需要自助,所以,降低使用门槛,消除使用障碍,吸引他们重复使用,是每个网站致力的方向。
![](http://img18.3lian.com/d/file/201707/20/c3561f94f16e3c1a95011f753d71f6ec.jpg?imageView2/2/w/640/h/480/interlace/1)
以下是在用户体验设计答疑对话(半吊子和纯外行)一文中的配图。从广义来讲,一个网站的任何部门都是在为用户体验服务,从战略层的布局开始,用户体验已经开始。而狭义的用户体验设计,也就是UED部门做的事情,大部分是围绕到结构、框架以及表面层。
![](http://img18.3lian.com/d/file/201707/20/cc60be6a7b560ee2931c234cc51ef19a.jpg?imageView2/2/w/640/h/480/interlace/1)
UED部门的组织架构基本如下,解决用户易用(交互、文案),以及想用(视觉,交互)的问题。而用户研究是帮我们看清用户特征、洞察及挖掘用户需求,前端是伟大的实现者。
文案对于用户体验的重要性经常被忽视,所以,文案撰写在UED团队是很稀缺的资源。目前据我了解,只有支付宝的UED团队有此配置,其他团队大部分是由产品经理担任此职。
![](http://img18.3lian.com/d/file/201707/20/6d511871132a61777fbcf40e57479303.jpg?imageView2/2/w/640/h/480/interlace/1)
那么,交互设计到底是什么呢?
我突然打了一下你,你肯定会有一定的反应。首先,你的表现会吃惊或者生气,你的吃惊或者生气的程度也会受我下手的轻重和方式影响。
我呢,对你的反应会有一定的预期,下手的时候,没有期望你会突然哈哈大笑——这就是人与人之间的交互。
人和物也是一样,我按下电视的开关键,我预期电视会打开,并且电视如期望发生运转。若我按下电视的开关键,突然电视成了静音,这就是非期望的交互行为。
![](http://img18.3lian.com/d/file/201707/20/78502cf46c74cc94c2f8f518c24333b2.jpg?imageView2/2/w/640/h/480/interlace/1)
交互设计师没有可视性强的成果,交互设计师的成果一般是线框图、流程图、信息架构图、说明文档等等,但这些东西没有视觉设计稿华丽精美,也没有程序代码高贵冷艳,在外行人看来初级交互设计师和高级交互设计师画的好像都差不多。交互设计是跨学科的专业,需要学的太多太杂,今天这位大神说要学好PS,明天那位大神又说要学程序,后天又有大神说要学心理学,blablabla…信息量太大、太乱就会导致这种不知所措的局面。
如下图所示,该图对交互设计师所需的知识储备进行了梳理,并按照交互设计的一般流程进行排列,从需求分析开始,到信息架构、流程设计,到原型设计,再到可用性测试。以这样的逻辑为大家介绍每一个环节涉及到的知识,化整为零,这样,童鞋们也就可以采取逐个击破的方法一步一个脚印学习交互设计。
![](http://img2.shancun.net/201903/29/120641141.png)