交互设计是什么?可以吃吗?

00的笔记本第10篇文章,写写本行吧,不然总有朋友问“你的公众号怎么不写设计?”。正好,最近要给其他行业的朋友聊聊交互设计。

“一句话解释xxx”的命题,总是让人心惊胆战如履薄冰。因为懒惰,把一句话啰嗦成了一篇文章,希望能帮助不熟悉交互设计的朋友有个基本概念~

先来戳个视频: inFORM三维交互系统

大家看完也许会觉得神奇啊科技感啊不明觉厉啊,到底是干嘛的。。不负责任说一句,让人不明觉厉的交互设计都是不成熟的设计(但可能是很有潜力的概念)。交互设计提供的更多是“无感”和“可能性”,而不应该是“科技感”。

那么,以“无感”为目的的交互设计到底是个啥?

交互是个筐,啥都往里装

交互(inter-action),从字面上理解很简单,就是A和B相互之间的一系列动作和行为。比如,早上你出门时碰到邻居,冲ta喊一声“早”,ta对你点头、微笑,说“早”——这就是一个完整的互动过程。

当然,互动不仅限于人与人之间,还可以发生在任何系统和任何系统之间,比如人和机器,人和环境,机器和环境,等等。

这可是个要命的问题:几乎在同一个次元的人和“物”,都可能发生互动。当然,值得我们关注的,主要发生在(人们需要与之互动的)对象和(有正当使用目的的)人之间,比如你跟一辆车的互动——想使用这辆车到某个地方(至于你想撬开车窗,把里面的招财猫偷走,那是另外一个互动话题——招财猫对你莫名的诱惑,以及你和撬车窗的工具之间的互动)。

这导致了交互所涉及的范围过于宽泛。界面上的一个按钮,是交互;卖披萨不给手套,是交互;想过马路对面却要走几公里穿隧道,是交互……累不累,你以为交互设计什么都能干吗?它就是个概念,被扣上了大帽子的交互设计师,一直躲在“title大于职责/能力”阴影下,一面处理着交互过程的种种细节,一面心怀更大的图景,一个不小心,就跨到了别的学科领地上。我的不靠谱记录,也从一个研究人地关系的学生,延续到研究人机关系的设计师……

下面这张图能加深大家对这个学科年轻而混乱的印象(交互设计大概在五点钟方向):


[去看大图](http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg), [去看墙内图](http://huaban.com/pins/358206658/)
[去看大图](http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg), [去看墙内图](http://huaban.com/pins/358206658/)

人机交互、视觉设计、工业设计、人因工程、信息架构……作为交叉(得厉害的)学科,解释不清自己到底是干啥的,永远是心头的痛。我所理解的交互设计,扎根于三大领域:
+ 人——心理学
+ 机——计算机/工程
+ 美——设计

三个领域都太有意思,于是走上了不归路。。

身体跟不上灵魂(或相反?),于是有了交互设计

交互设计虽然是个筐,但它的确是应需而生的。最初的发展动力主要来自人机交互领域。计算机被发明以后,如何跟人打交道,一直让人头疼。虽然Geek们发明了各种各样的“语言”,使人和计算机有了沟通的渠道,但是当时机器毕竟能力有限,需要人付出极大的努力才能跟机器“对话”。举几个例子:

  • 计算机世界中没有实体空间,却又空间无限,人如何找到需要的东西?
  • 计算机几乎不会说话,更没有语气和表情,人怎么理解它的反应呢?
  • 你对计算机说“我想知道00的公众号值不值得订阅”,它根本不知道你在说什么。你得首先找到00的公众号(ixd_00),然后告诉计算机值得订阅的标准有哪些(天知道),然后收集到这些标准的相关数据,然后建立一个公式甚至模型,然后让计算机去运算,最后输出结果。

如何让人机交流更自然(当然是偏袒人类的),渐渐形成了一个学科。而随着计算机能力指数级的增长,计算机承担越来越多,而人需要投入的理解和使用成本越来越小。

当资源不再匮乏、实现能力极大提升后,对体验的追求渐渐成为人们消费决策的首因。于是各种各样的产品和服务都开始重视去理解消费者/使用者,努力将产品和服务的体验改进到超出顾客预期。交互设计在这其中便发挥了越来越重要的作用。

时至今日的人机互动领域,随着机器类型和能力的爆炸式增长,技术越来越逆天,人与机器对话的“界面”越来越模糊以及无处不在,交互设计将迎来第三次大发展。越来越多相互连接的元件和机器,极大拓展了人的感知、采集和控制能力,人与环境互动成为可能。如何促成人与整个环境的互动,是未来几年交互设计的大课题。

我们来欣赏一个舞台互动展示作品。Pixel - extraits , 优酷

行为引导和对话设计者

为了便于理解,我们把任何两个系统之间的交互都看做“对话”(不仅包括语言,还有动作,肢体、表情,图像变化,可感知的运动等等)。交互设计要做的事情,就是让两个系统之间的“对话”更好地进行。

从广义上理解,设计的本质是“预先处理关系”,而从属于设计领域的交互设计,主要关注的是如何让人与系统更好地进行”对话”。也就是人在跟一个系统打交道时,他了解到哪些信息,他怎么做,感受如何。


设计节点的“对话”

人与系统的“对话”,往往发生在关键节点上。比如去ATM取钱,对话基本是在一块屏幕上进行,而且人和ATM对话的过程,是由若干节点组成的路径:

* 你告诉ATM账号
* ATM识别账号,问你要做什么
* 你告诉ATM要做第一件事
* ATM做第一件事并给出反馈
* ATM问你要做什么
* 你告诉ATM要做第二件事“”
* ……

交互设计处理的就是这些关键节点的“对话”,如何让双方(人,机)明白对方的意思、知道对方的进度、知道对方的困难并且解决……也就是说,交互设计的是用户在使用一个系统/产品时所经过的“路径”,以及与系统/产品发生的“对话”

互联网产品界面交互设计

回归现实,大箩筐【交互设计】中套着一个小箩筐【人机交互】,而最常见的“机”,就是每天都能见到的网站/客户端/app。互联网行业的交互设计,指的主要是这些界面的设计。

那么,互联网产品界面交互设计具体做什么?

  • 定义用户特点、需求、目标
  • 理清用户任务和流程
  • 定义功能
  • 整理信息/页面结构
  • 提出设计方案草稿,制作原型,团队讨论
  • 跟进设计和开发
  • 跟进上线和迭代优化
  • 无限循环……

三、用交互设计思维改善体验

交互设计虽然不能吃,也是极有用的。

在讨论交互设计的用处之前,需要再明确一个观点:交互设计存在感很弱。因为好的交互设计,让人感觉不到设计的存在

比如一把剪刀,几乎没有人不知道该怎么使用。但剪刀就没有其他可能了吗?一定有,感兴趣的朋友可以翻翻这篇文章:The Extraordinary Evolution of Scissors。问题是现在剪刀的设计实在太过符合直觉,让所有人秒懂,所以根本不需要投入注意力去“理解”和“学习”,直接进入使用阶段。这就是让人感觉不到“设计”的“好设计”。

那么对大家而言,了解交互设计有什么实际作用呢?

1.治疗科技产品带来的认知失调

交互设计铁律之一:在使用大众化系统/产品的时候,我们遇到的绝大多数问题,都是设计的问题,而不是我们“不够聪明”。

比如,大部分人第一次使用复印机时,或多或少会产生“好复杂,不懂弄,我怎么这么蠢”的想法。只要站在“机器/产品”应该为人服务的立场上,可以十分肯定地将责任归咎给设计师,因为用户并没有责任去仔细研究和学习机器的运作。(注:专业级产品另当别论)

2.了解如何评判好设计

设计是一个很好的(社交)话题,因为人人都能评价设计。但如果不做一些深入了解,容易变成话题终结者呀:

“我觉得这个设计不好,难用”
“是吗?哪里不好了?”
“这个……”

好的设计不是新、奇、特,从交互设计的角度看,它应该满足几个特点:

  • 能很好满足需要、达到目的
  • 容易理解和学习
  • 整体使用过程流畅
  • 看着愉悦,用着愉悦

3.如何改善体验

说到底,交互设计的目的还是为了提升体验。大家可以利用交互设计的思维,改善各种各样的细节,以提升生活品质 :)

栗子1:约会

恩,约会其实是一个很好的交互设计……“项目”,从“对话”的角度理解全过程,我们看看有哪些环节可以下功夫去提升体验。比如约妹子看电影:

  • 第一阶段:约

    • 妹子是否喜欢看电影?喜欢什么类型的?最近上了哪些电影?妹子什么时候有空?妹子住哪里?可能会喜欢去哪些电影院?(用户调研)
    • 以什么理由提出妹子会觉得比较自然不尴尬?在什么场合下发起对话,为什么?需要制造这样的场合吗?(场景营造)
    • 在对话时,少使用封闭式句式,先回应情绪再导向事实,提供可能性并给出有助于决策的信息……(对话引导)
  • 第二阶段:去

    • 约在什么地方碰面合适?妹子知道在哪吗?过去方便吗?会用什么方式过去?人多拥堵吗?会在哪里等候?天气会不会出问题?需要先吃东西吗?
    • 妹子或你早到/迟到了如何回应?如何开启话题?
    • 电影院如何去?需要换票吗?去排队时让妹子干啥?开场前时间如何打发?要买零食吗?妹子喜欢吃啥?
  • 第三阶段:看

    • 进场时走妹子前面还是后面?太黑看不清怎么办?如何快速找到座位?两个位置让妹子坐哪个?领的眼镜要怎处置?包和零食放哪既好拿又不容易打翻?手机调静音了吗?
    • 看的是什么类型的电影?要在妹子泪目时准备好纸巾吗?身边坐了熊孩子怎么处理?
  • 第四阶段:回

    • 妹子看完电影是意犹未尽还是哈欠连连,该送她回家还是准备其他节目?如何讨论电影剧情?
    • 妹子怎么回家方便?需不需要带些吃的回家?告别时说些什么?
    • 分开后再说些什么能增强两人的共同回忆,或是埋下下次约会的线索?

看到这里是不是累觉不爱……一场约会包含了无数细节,妹子对你的印象就由这些细节一点点构成。虽然这些都是很自然的反应,但是用设计的角度去看,很多细节都可以提前考虑和优化,这样能让妹子感觉跟你在一起很舒服。

好的交互设计,是让人感觉不到的设计~ 真正的体贴,是让人感觉不到的体贴啊~

栗子2:写邮件

从交互设计的角度怎么优化邮件写作?总的原则就是:时刻记着问自己“这样写别人容易理解吗?有没有其他更好的表达/顺序/格式?”

  • 目的是什么?写给谁?他们都需要知道吗?他们主要关心什么?
  • 要讲哪些事?用什么顺序?重要结论放在前面了吗?足够简单明了吗?老板看第一段(甚至标题)是否就够了?
  • 每句话都必要吗?可以精简吗?这一段有点长,可以分段吗?分点会看得更明白吗?分点后能用一句话说明白吗?
  • 可能有疑问的点有指出或给出参考资料吗?补充性质的内容放附录了吗?
  • 不同的人都能快速了解自己关心的信息吗?需要回复的人都知道自己要做什么吗?
  • 需要摘录附件主要内容放在邮件中吗?附件的格式大家能打开吗?附件命名是否清晰易懂?
  • ……

大家应该能感受到设计师的龟毛了……所以说,设计无小事,连写邮件这几十句(假想中的)“对话”,也有很多费思量的地方。所谓“体验好”,如果只有一个点做得好,其实是挺难被感知的,得方方面面很多细节的叠加,才会形成“体验好”的感知。

有了这个思路,一切生活上的体验,理论上都是可以改善的

似乎,人人都是交互设计师

没错儿~这是个人人都是xx的时代。所以才有Cooper的经典文章 Is Interaction Design a dead-end job? 当然,交互设计依然在各公司存在着,几乎已经成为大型互联网公司设计团队的标配,但是的确越来越能理解文中观点的含义。

在人机合一之前,交互设计一直都能发挥价值,只是,这一价值并不需要由一个扣着“交互设计师”大帽子的人来承担,不论主观意愿还是客观需求。也就是说,交互设计会蓬勃发展,交互设计师却可能成为历史。于是,斗胆提出“做交互设计的人”(而不是交互设计师——只做某些界面交互设计的人)应该具备的能力:

对人有爱,对美执着,勤于跨界。

如果展开,感觉又是另一篇文章,就此打住吧。

给未入/转行同学的一些建议:

  • 从观察生活中的体验做起
  • 尽快构建自己的知识体系/索引,并熟练掌握工具操作
  • 学习用研方法,尽量多接触用户
  • 多动手,多寻求设计反馈

妈妈说,文章最好有个小结

  • 交互设计是一个好玩、跨界的领域~
  • 交互设计的目的是让人与系统更好地进行“对话”,引导目标行为发生
  • 好的交互设计,是让人感觉不到的设计~ 真正的体贴,是让人感觉不到的体贴
  • 找到关键节点,优化“对话”的交互过程,可以帮助改善生活体验
  • 做好交互设计需要对人有爱、对美执着、勤于跨界

最后的最后

比你是谁更重要的,是你做什么,为谁而做

附:一些豆列


00的公众号,更多分享酝酿中……
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容