设计那点儿事首页投稿(暂停使用,暂停投稿)@产品路,让生活触发思考

【交互设计】最前沿的交互设计解读Ⅰ

2016-12-21  本文已影响426人  HArt艺术留学作品集分享

近几年,随着交互设计专业发展速度的加快和人才需求的提升,交互设计开始逐渐成为了美国留学的一个热门专业。今天我们就来谈一下什么是交互,它的本质是什么,以及我对交互设计的一些感知。我也不希望去跟大家说一些特别定式的东西,所以我们这是一个open ending的一个topic,希望这些内容对于想出国的同学能够提供一定的帮助。

1.什么是交互?


有些同学会认为交互是我们与电脑或手机之间的操作方式,下面举一个简单的例子来说一下交互到底是什么:

大家可以看一下这个瓶子,大家应该都认识,是吃西餐会遇到的番茄酱。这个瓶子跟交互有什么关系呢?这个瓶子在使用的过程中,每次我倒番茄酱的时候都要使劲地拍瓶子的后面让番茄酱出来,其实这是一个比较笨的交互方式。那么我们来看我们对这个瓶子的交互有什么,首先,我看到了这个瓶子,识别到了这个瓶子到底是干什么的,里面装了什么,有什么功能?

然后就是我去拿这个瓶子去操作这个瓶子,在这中间最重要的一点是什么?我们去使用它的动机是什么,是通过我们自己的需求,吃薯条的时候我需要番茄酱,那么我才会去打开这个瓶子但是整个的交互方式大家会发现很笨重也不是很雅观,大家也应该能记住拍打这个瓶子后面所发出的声音就是“啪啪啪”的声音,其实还赶不上这声音好听。

大家再来看一下这幅图,这幅图就是我们所说的交互方式的一种改进刚才我们说了这种老式的番茄酱瓶子在使用的过程中出现了一些问题,现在我们发现瓶子加上了一种新的设计,就是把这个瓶口做成了面积更大的,可以让瓶子倒放的方式,这样我们每次再去使用它的时候,番茄酱本来就在它的瓶盖的位置,那我们再打开盖一挤,瓶身的材质从玻璃材质变成了塑料材质,方便了我们的使用。

其实大家会发现这两种交互方式并没有太大的区别,都是把瓶子拿起来打开盖子往外倒,但是它通过一个新的设计完善了我们对它使用过程中的体验,这个我也标注了,一个是 “Design the product”这是我们设计这个产品,第二个是“Design the experience”,这个experience其实是交互的一个最重要的特性。为什么呢?因为在最早的时候,我们去使用这个东西开始还是满足要我们的功能,就是希望这个产品给我带来什么功能,但是再往后我们就会考虑如何使用它和怎么更好地使用它。换句话说就是我们怎么使用起来更舒服。如果瓶子是有生命的话,不管是瓶子自身还是我们自己的感觉都会舒服。

这其实就是我们所说的交互设计,虽然大家会发现我举的这个例子没有什么电子显示屏,但其实这就是我们所说的交互的本质,不是设计,是我们交互的一个本质,就是使用这个瓶子,这个产品。那么这个设计体现在哪呢?就是我们如何更好地去使用它

2.交互的本质


我们来看一下交互的本质到底是什么。我给大家举个例子看一下,我们从一开始没有显示屏、没有电的设备上,是如何一步步发展到今天最主流的与电脑和手机交互的这种形式的。我们来看交互的核心因素是什么,我们怎么去理解这个交互。

首先看上面这张图,这张图里面站着一个小人是什么意思呢?我刚才举了削木头的设备的例子,它满足了用户自身的需求,因为在削木头的时候都是拿着这个设备去削,首先是我有动机去使用它而且是我单独的去把这个产品做完 。

除了自身需求外,再往后的产品有可能把我们几个人协同连接到一起。

再之后的发展就是互联网时代的到来,它让交互的本质除了满足我们自身的需求以外,再去扩大用户范围,乃至把整个人类的需求都建立起一定的联系。

3.交互的几个因素


我们来看一下交互的几个因素:首先要满足自身需求,然后放大满足更多人的需求或者达到一个共同需求,在满足需求的同时让更多的人产生连系,这是现代交互方式的一个核心要素。

这张图片,我印象非常深刻,跟大家分享一下。这个交互设计对于我们所说的设计是什么。想出国的同学看这句话应该没有任何问题,我们来看一下“MAKING PEOPLE WANT THINGS”这是什么意思呢?这个是我们要做用户想要的东西,比如用户想喝水,我就要给用户做一个杯子给他使用。我们做的交互设计其实就是把“MAKE PEOPLE WANT THINGS”变成“MAKING THINGS PEOPLE WANT”这是一个主动和被动的关系,是动机的先后顺序的工作。

这句话的变化其实说明了我们做交互设计还是要以用户的需求做出发点,不管是交互设计还是一些其他设计本质,交互设计其实就是我们做的各种交互方式和交互产品是以用户的需求为着眼点,最基本的就是“MAKING PEOPLE WANT THINGS”:我们要做用户想要的东西。通过一步步的设计达到“MAKING TINGS PEOPLE WANT”:我们做的东西就是用户想要的东西。

我们再来看一下,这就是我们所说的“innovation”或者 “interaction design”。交互的innovation是怎么产生的,有三个因素:第一个是 “poeple”,我们可以理解为是用户,用户的需求是一个最基本的方向;第二个是“business”,就是我们所说的商业,我们现在所做的交互产品都是属于要盈利的,不可能说做一个产生不了价值的东西,这种因素就是我们要考虑的“business”;第三个就是“technology”,它是一个基础。现在交互方式包括VR、智能腕表、Googleglass等等都是技术的进步带给我们的新的交互方式的出现,所以科技肯定是我们要考虑的一个根本因素,而且这是制约我们的新交互方式出现的很重要的因素。

通过这两张图片,是想跟大家说一下交互设计的因素,首先第一个是要以人为中心以用户为中心来去做这个设计,我们要先去了解用户的需求。第二个就是business,我们需要去研究用户的需求如何同商业去结合。最后一个就是technology,技术是我们提供新交互方式的基石。希望大家记住上面说的“MAKING PEOPLE WANT THINGS”和“MAKING TINGS PEOPLE WANT”,这个就是语言的微妙。在中文上我们可能很难去表达这句话给我们传达的意思,但是在英文当中一语点破了其精华。

4.交互设计是怎么产生的?


我们接下来看一下交互设计是怎么产生的。看下面这张图片,这张图片其实想表达的意思就是我们最早开始跟产品进行交互,它是非常纯洁的,没有我们所说的电子显示屏,后来是随着技术的发展有了我们所说的电子设备,就是因为它有电。最早的电子设备就是灯泡。

我们首先看一下,这个图片上展示的东西到底有什么样的功能。其实对于外行人来说,并不知道这个东西它到底有什么功能,只有说在这个专业领域之内或者工种之内才知道它是干什么的。它其实就是我们所说的木制家具清理木屑、打磨边角的一种工具。这个东西就是早期的人和物体(这种物体属于非智能物体)的一种交互方式。随着技术的发展,后来出现了越来越多的智能设备。

大家再来看一下上面这个图,这个图是我们所说的第一台计算机,我上面也说到最早的设备是没有电的,或者是没有显示屏的,最早的计算机的出现也是没有显示屏的,当时我们人和它交互方式是通过插拔线,但是我们插拔数据线之后,机器需要给我们一个反馈,那么它是通过什么来给我们反馈的呢?那就是一个小灯泡。如果它运作时灯泡就会亮起,不运作时灯泡就会是熄灭的状态。

我们来看一下上面这个产品,这个是我们的第一台微型电脑,与我们现在的微型电脑相比它已经很大了。我们同这种设备如何交互呢?一个是我们通过用手去拨动它拨片式的按钮,然后上面的灯给我一个指示,告诉我它是不是在工作。它跟我们看到的第一台计算机有了很大的改进,第一台计算机我们需要插拔线,同一台计算机我们需要好几十人上百人来操作,再来看这台微型计算机的操作方式就已经人性化多了。

我们再来看一下,这张图是“punch card”,就是最早的计算机代码,最早时我们和计算机进行交互的时候,没有键盘这些东西,它是通过这种卡片上面去打孔然后显示出一些二进制的字符串来识别。举个例子,最早美国在做人口普查的时候需要去清点到底有多少人时数据量太大,还需要人工一个个累加计算,后来就通过计算机把信息放到了卡片上。人类第一次用这么短的时间(大约用了一周左右)做了人口普查,在那时已经算是相当节省时间了。这个“punch card”等于是我们和机器之间的新的交互方式,比起之前已经改进很多了,它有一个信息的输入和输出。之前我们只是通过按按钮来输入信息,而用“punch card”我们就会有更多的信息输入,这是一种新交互方式的体现。

上面这张图片不知道大家有没有见过,它是1962年的时候第一款我们所说的“可视化游戏”,或者说是“图形化游戏”。男生应该都知道“星球大战”。这款游戏的鼻祖最早就是通过一块电子显示屏来工作,大家发现图中这两个人拿的是我们现在所说的“手柄”来操纵这个游戏。那么大家会发现这种交互方式又比之前的交互方式领先了,他是通过一个操纵杆来控制电脑上或者说是显示屏上的物体的移动。

再往后大家会发现这是在1970年IBM研发出的一台电脑,这台电脑大家就应该不是那么陌生了。在90九十年代大家也都是在用,在国内刚引进计算机的时候也是用这个产品,大家会发现操作员面对着屏幕,下面有个特别大的键盘。(但是大家会发现它没有鼠标对不对?)

大家会发现通过这种方式,人去键入信息的自主度就会更高。那么通过屏幕给他一个反馈,这也是现代交互方式的一个雏形。

这张图有很多同学会说这不是鼠标吗?那很多同学会认为第一款鼠标是苹果出的,那是那个时候的商用鼠标,而这个是1964年的时候地球上第一款鼠标的原型机,鼠标的出现就不用说了,它比键盘的灵活度更高,那么为什么现在又有鼠标又有键盘呢?因为鼠标是用来选取对象的,而键盘则用来键入信息。

我们再来看一下这张图片,我们看到的界面是我们现在用的Word和Excel的鼻祖,当时是在DOS系统下。不知道同学们有没有接触过最早的DOS系统,当时在没有图形化界面的时候还是非常领先的。再往后就有了图形界面的出现,这样就方便了用户去明白理解,这样操作的自由空间就会更大。包括我们最早的画板,用电脑去绘制一个非常简单的图像,这个功能在当时也是非常轰动的。

苹果公司是介入商用图形化界面制作最早的一家公司,但大家也知道由于其策略不慎,后来销声匿迹了一段时间,期间被微软和IBM公司赶上。

这张图就是我们所说的第一台商业化有鼠标和图形化界面的电脑,是苹果发布的“Lisa”。其名字的由来有看过乔布斯传的同学可能知道,乔布斯有个女儿叫Lisa,所以他是用他女儿的名字来命名的。大家如果放大图片会发现这台电脑界面上有手写的几个字,这其实就是用鼠标绘制的图像。

后面大家就自己脑补一下,自从电脑的出现到我们现在的电脑的应用,其交互方式有没有发生太大的变化?其实是没有发生太大变化的,为什么呢?是因为都还是沿用的的可视化图形界面,再者用的输入设备都是键盘和鼠标。最早还有我们所说的卡槽插入的磁盘(软盘),现在我们用了CD,之后CD也不用了有了U盘的出现。整个交互方式一直还是沿用的这条主线,就是输入设备用的一个是键盘一个是鼠标,还有就是外接的输入设备。

大家会发现,从电脑还有智能手机的出现逐渐发展到今天,我们的生活一步步地被这些智能设备所“绑架”,对我们的上一代或下一代的日常生活都会有很大地改变。其实我们现在过度依赖电子设备的核心因素,是因为它满足了用户的需求,我们使用它会让我们的生活越来越便捷,所以它才会有资本去“绑架”我们。

通过上面这些例子大家来看一下交互设计是如何产生的呢?最开始给大家举的例子从没有屏幕到后来有屏幕。我的个人理解,交互就是屏幕的一步步放大,从一个灯泡到了灯泡的矩阵到LED屏、OLED屏,屏幕的逐步放大产生出了界面,现在的界面发展到这个地步我们会发现我们最常见的两种交互产品一个是手机,一个就是电脑。其实在早期工业革命的时候就有了一个新的专业叫“工业设计”,那时电子显示屏还没有被广泛应用。随着电子显示屏越来越大,工业设计师就会把一开始电子显示屏里面的内容去做一些规范和设计。再往后显示屏越来越大,设计师就会发现“哎?这些东西现在有可能已经复杂到一定程度了,它的信息量已经足够大了,那么我们需要新成立一个工种或者一个行业、专业”,这就是交互设计的初期发展。

再往后出现了我们现在比较热的VR技术和Apple Watch这种可穿戴的新技术,如今我们和这些设备的交互方式已经脱离出了传统单一的电子显示屏和鼠标键盘或者手指操作的过程,尤其以VR为例,VR它是我们所说的虚拟现实,这个技术其实让我们在现实生活中很难完成的一些东西用一种很自然的手段在虚拟的世界中把它完成。

其实整个交互的发展,从纯物理的没有电的产品然后到现在电子技术越来越发达,我们会发现一开始刚出现电脑的时候是为了满足更高效的功能,再往后发展又回归到“Non Electronic”无电子化的设备,其实它更多的是要还原到原始的人与自然的交互方式来操纵新的设备。

* 本文为HArt艺术留学原创,转载请注明出处和链接,版权所有,违者必究。

上一篇下一篇

猜你喜欢

热点阅读