首页 > 交互设计 > 关于交互

关于交互

2010年4月11日

这篇blog是为ZZ写的,借此机会聊一下交互是什么?

首先说明一下“输入”和“输出”,如图:


听说
 
2个人在交流,左边小人说话,右边的小人就听见了。不管交流的内容是什么,对于说话方就是“输出”,对于听话放就是“输入”,反之亦然,一来一去,2个人就形成了交流、沟通,其实这个过程2个人也就在进行交互了,可以算是“人人交互”,因为2个人都是有思想会思考的,同时伴随着肢体语言、耐心解释,所以这种交互通常都会比较顺畅,体验通常也会比较好。
 
如果把“人人交互”的一方换成机器:
 
输入输出
 
对于机器来说,用户的表达就是输入,机器执行了相应的输入命令就会有相应的表现,对机器来说就是输出,这种输出又被用户所接收。这样的一个循环的过程,就是现在互联网产品的人机交互过程。(注:用户的表达可以是鼠标的某个点击、对麦克说的一句话;
 
显然,人是活的而机器是死的,机器接收输入、机器执行输入、机器怎么表现都是需要之前由人们来开发好的,所以这就需要设计,设计的好坏完全可以左右用户在整个交互过程中的感受,是很顺畅呢?还是用起来很郁闷?自然而然也就产生这么一个词“用户体验”。为了让用户在使用产品的时候有更好的易用性和体验,交互设计这个职位也就应运而生了,当然还有其它诸如用户研究等职位…
 
大年初一和臭鱼哥一起吃饭,跟他交流以上的想法时,他就跟我讲关于他们在腾讯对于交互设计的总结,他说交互设计其实就是在表达,好的交互就如一个活生生的人站在网页后边和用户交流(过程中还拿着手机和一张餐斤纸进行演示,挺有意思的),我很认同他的说法…也希望想在交互方面有所造化的同行多看看臭鱼的blog,我是受益挺多的。
 
和臭鱼
(大年初一在我亲戚的餐厅里晚餐后合影留念)
 
那么交互设计师具体到底做些什么呢?
 
前辈们总结的:信息架构和交互细节设计。
 
在这里就不扯概念了,我不喜欢扯概念,我看过的这方面的书加起来都不会超过3本,我还是喜欢实战中总结,理论在很多实际问题面前很**的,如果想更细致地了解,臭鱼的这篇文章这篇文章可以更好的帮助你认识信息架构交互设计的具体方法
 
之前有人问我:一个静态页面是不是和交互就没关系了?当然不是,一个静态页面至少承载了一个信息传达的使命。
 
静态页面
 
如图,任何静态的信息对于机器来说都是输出,对于用户来说都是输入,最后也会形成体验。期望用户看到什么样的信息?什么信息放在什么位置?怎样布局?导航怎么设计?用什么字体?怎么把重要的信息推给用户?信息之间的关系是怎么样的?这当然属于交互的事情,只不过这里更多的是在做信息架构。(导航、页面层级关系、整个站点的结构…)
 
顺着往下推,如果加上一些功能,就添一个按钮举例吧:
 
交互细节
 
用户除了获取信息,还需要一些功能,如上图点击功能按钮,这个点击对于网站来说就是输入,然后机器根据这个输入给出相应的输出结果(如图可能是个弹出信息窗),这个结果最终又被用户所接收,这就是一个最简单的交互细节。
 
所以交互设计就是在处理很多很多类似上方的信息架构、交互细节的问题,很多这种问题加在一起的时候就会比较麻烦…而一个优秀的交互设计就像有一个人站在网页后面来和用户交流一样顺畅:
 
用户之间交流
 
很多人问我做交互是不是很难?再此我想告诉很多尚未踏入这个职业的新人,其实做交互设计的门槛并不高,谁没用过互联网产品呢?谁没点逻辑思维呢?所以如果你想从事这份职业也不要怀疑自己,但是就像围棋一样,想做深入真的很难、很漫长。再介绍一个交互设计师奇遇,记得2年前在一家避风塘他手把手教我怎么画纸面原型,那个时候真的是啥都不懂,不过很怀念那个时候…
 
然后顺便借此机会回答漫姐的一个问题,产品、交互、UI、用户体验到底怎么区分?
 
产品- what
交互- how
UI  - look (这个解释可能不是很恰当,但很多公司UI等同于界面视觉)
用户体验 - all feel
 
这是学杨杨老大的简练表达, 产品经理就是解决what的,交互设计就是解决how的,UI就是解决look的,用户体验就是User‘s all feel的,实际情况是这些职位的工作都会出现一些交叉,不同的公司情况不同,我反正是一个样样都差的万精油。
 
末了,不知这篇blog能否简单的说明一下交互设计,送给ZZ,希望对她有所帮助。
 
^^
 

果伦 交互设计

  1. alkk
    2010年4月15日11:50 | #1

    博主写的太好了!!!!!!!!!!!!

  2. 2010年4月12日09:56 | #2

    ^^, 不客气~

  3. 2010年4月12日00:30 | #3

    很厉害~逻辑性很强~非常感谢

  1. 本文目前尚无任何 trackbacks 和 pingbacks.