交互设计的前世今生

读史使人明智,这几乎可以说是真理。可以从历史中洞悉事物发展的本质。帮助我们更好的活在现在和将来。回顾交互设计的历史,了解交互设计的产生与发展,让自己在交互设计的道路上越走越好。

上个世纪40年代,为了计算弹道轨迹,美国军方委托宾夕法尼亚大学研制超级计算机。同时参与原子弹研究的冯诺依曼(吊炸天的一个人:计算机之父)也碰到了大量运算的问题,便参与了超级计算机的研制。

1946年这台超级计算机(ENIAC)问世,这是划时代的成就,表明了电子计算机时代的到来。ENIAC虽然具有强大的计算能力(对于当时来说),但操作复杂,使用的成本依然很高。随着电子计算机的发展,美国人开始思考如何减轻人在操作计算机时的疲劳感,并发表了第一篇关于人机交互的文章。从此人机交互进入人们的视野。研究人机交互的目的是使人和计算机的沟通更直接更自然更舒适。

七十年代,随着个人计算机的出现,计算机开始面向普通消费者,而非专业计算机人士。如何站在普通消费者的视角去设计人机交流界面被提上日程,比尔·莫格里奇在七十年代后期提出了交互设计的概念,此后交互设计作为新兴学科在美国开花结果。交互设计是定义、设计人造物的行为的设计领域,这里的人造物包括各种生活用品、工业产品和各种软硬件,现在主要应用于互联网产品领域。也就是这几年国内很火的交互设计师、用户体验设计。

交互设计的概念从提出到现在,经历了三个阶段。


第一阶段:命令行界面(CLI)

如果你现在打开电脑,出现了下面这样的画面,你一定觉得绝逼是电脑坏了。但是六七十年代的人们打开电脑之后的界面就是这样的,这就是人机交互的第一个阶段:命令行界面。这个阶段唯一的交互设备是从打字机演化而来的键盘,相对电脑执行操作,只有输入相应的命令,电脑根据接收到的命令反馈结果到显示器,完成交互过程。

CLI最大的弊端就是需要用户记住各类命令行,增加了用户的记忆负担,要知道人类创造工具可是为了让自己能够更懒一点。随着时间的推移和技术的发展,CLI的交互形式逐渐退出了主流,GUI登上了历史的舞台。

但是要注意的时CLI并没有完全消亡,它在小众领域依然拥有强大的生命力。最典型的就是程序员写代码的过程,便是使用命令行界面和电脑交互。

CLI界面


第二阶段:图形用户界面(GUI)

1979年乔布斯参观Xerox(施乐公司)的Alto电脑以及执行在该系统上的软件,乔帮主被其深深吸引,意识到这才是人机交互的未来。施乐公司的Alto电脑将鼠标作为指点输入设备,操作系统使用的是图形用户界面。回到苹果后,乔帮主招兵买马(其实就是挖施乐的墙角,哈~),并于1983年推出带有鼠标的LISA电脑,第二年推出升级产品Macintosh,这两款电脑可以说是电脑发展史上的里程碑,将新的交互设备鼠标和图形用户界面带到了普通消费者的面前。

CLI阶段电脑还只是在小众领域使用,LISA及Macintosh之后,电脑慢慢进入了大众的消费市场,GUI可以说是功不可没。

mac电脑的GUI界面


第三阶段:自然用户界面(NUI)

不管是CLI还是GUI都要求用户必须学习软件开发者预先设置好的操作(GUI比CLI的学习成本更低),而NUI只需要用户用最自然的方式(语音、面部表情、动作手势、移动身体、旋转头部...)和计算机交流,从而摆脱键盘、鼠标。

目前我用的最多的NUI的交互形式是苹果的Siri,通过“嘿,Siri”唤醒她,然后可以用语音交流,完成诸如:向张三发送今晚八点一起吃饭的短信;今天天气如何;打开WiFi;设置闹钟...。如果想进一步操作还是得回到触摸手势。但我相信将来的某一天人和机器的沟通效率会达到人和人交流的效率甚至是超过。

2015年,人工智能、虚拟现实、增强现实、语音交互、动作识别、深度学习等概念飞入寻常百姓家,Google Cardboard、Gear VR、微软HoloLens、Impression Pi等产品点绕了消费者的热情。国内厂商也不甘示弱,暴风已经推出魔晶5代,科大讯飞联手京东推出叮咚音响(主打语音交互),出门问问推出穿戴式手表,诺亦腾的动作捕捉技术正被应用到电影、体育训练、虚拟现实、医疗诊断等领域,乐视的VR头盔也已经开卖。

《钢铁侠》电影中的AI界面

目前大多数交互设计还是处于GUI阶段,包括App、Web网站、Wap网站、微信内嵌的H5页面、今天微信刚开始公测的“小程序”等等。了解了这些交互设计历史之后,你有没有更好的理解交互设计,你对交互设计的未来又有什么想法?欢迎留言和我交流。

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

推荐阅读更多精彩内容