交互设计的前世今生:了解其产生与发展

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


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

交互设计的前世今生:了解其产生与发展

上个世纪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页面、今天微信刚开始公测的“小程序”等等。了解了这些交互设计历史之后,你有没有更好的理解交互设计,你对交互设计的未来又有什么想法?欢迎留言和我交流。

 

作者:邹志楠,个人公众号:UE修养,一枚交互设计师

本文由 @邹志楠 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26995/

(0)
CatherineCatherine
上一篇 2017-05-16 13:33
下一篇 2017-05-16 15:44

相关推荐

  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

    时光穿梭回到2012年,第一代ThinkPadX1 Carbon发布的时候的心情我清晰的记得。Think的意志清晰而明确,效率大屏+高强度轻薄+黑色商务气质。对于未来移动办公的理解,高端ThinkPad是什么样?如今的ThinkPad X1 Carbon 2018(Gen6)便是答案。Yonemochi San曾经坦言,曾经打造的ThinkPad X300正是如今X1 Carbon系列的“祖父”。碳纤维材料的应用,如出一辙的轻薄,不一味...

    2018-03-10
  • 浅析设计图表色彩的简单方式

    译者按:对色彩的研究通常要么太过随意缺乏逻辑,要不太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。对色盲色弱来不够友好*:原文中问题一的标题是“Low Accessibility”,通常用形容来产品对残障人士的友好度不够,这一点在欧美国家经常作为需要重视的产品硬指标(也是由于他们的色盲色弱发病率比亚洲高很多)。因为在中文里没有简短精准的说法,所以我在写的是“对色盲色弱不够友好”。
    逻辑性较强的人*:原文的写法是“left-brained folks”,直译是左脑型的人。通常左脑型的人被认为逻辑严谨,右脑型的人被认为有艺术天赋。因为这种说法在中文里不是很通用,所以我写的是“逻辑性较强的人”。

    2017-05-01
  • 商业模式驱动视频互动设计:手淘的视频就该这么玩儿

    当商业目标和设计碰撞在一起之后,商业模式使设计的目标更明确,而设计能为商业模式带来更好的体验。

    2017-05-16
  • 交互设计师的60日计划之第二天

    此次分享的[button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • 初感避孕套用户体验反馈

    其实初感明白,很多朋友都徘徊在到底要不要代理初感这款产品上,很多的朋友都在问初感长的啥样的?以及初感避孕套的价格是多少?初感避孕套怎么样,好不好用?初感避孕套的效果如何?初感回头客多不多?今天我就把我自己的亲身体验分享大家!初感长啥样?下面就是初感的包装图和套子的实物图:高大上的包装盒,简便易撕的小袋子!初感的价格到底是多少呢?来看看初感安全套与市面上各大品牌的价格对比:通过这张图可以看到,初感安全套不仅比那些大品牌的安全套价格便宜,而...

    2018-02-12
  • 互联网设计的互惠原则:索取前请先给予【UXRen译#187】

    作者:凯特. 迈耶、 金. 弗莱厄蒂 |  翻译:毛毛,校审:天蛙   摘要:人类倾向于回报别人的好意,投之以木桃,报之以琼瑶。这种社会心理学理论可被应用于用户交互设计中,来获得用户的信任并让他们积极参与到你的…

    交互专题 2017-11-23
  • 提问:用户体验设计师、UI设计师和交互设计师有什么区别?

    在知乎上看到有人提问:“用户体验设计师、UI 设计师和交互设计师有什么区别?”因为他发现有公司同时有以上 3 种或两种职位,不知道具体区别是在什么地方。薛天禄给出的回答很赞,如果你也不清楚这三者之间的区别,…

    交互设计 2015-01-07
  • 交叉学科-交互设计春季周末班课程计划

    开课时间:本周末4.14日开课,可预约免费试听。请单独联系教务老师。联系方式:教务老师微信二维码上课地址:北京海淀区北四  环保福寺桥南  恒兴大厦10层E室

    2018-04-11
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18