计算机交互设计简史,从穿孔纸带到人工智能

点击上方“想当然”,选择“置顶公众号优质文章,第一时间送达不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。何为交互?交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个...

点击上方“想当然”,选择“置顶公众号
优质文章,第一时间送达

计算机交互设计简史,从穿孔纸带到人工智能

计算机交互设计简史,从穿孔纸带到人工智能
不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。
计算机交互设计简史,从穿孔纸带到人工智能

何为交互?

交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个完整的交互过程。当然,交互不仅局限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境等。

计算机交互设计简史,从穿孔纸带到人工智能


何为交互设计

广义上的交互设计是指定义、设计人造系统。


计算机交互设计简史,从穿孔纸带到人工智能


计算机交互设计缘何诞生?

人与人之间可以通过语言、动作、表情等进行交互,那人和数字机器之间是通过什么形式来进行交互的呢?交互设计正是在这样的时代背景下应需而生的。

计算机问世以后,如何让它跟人打交道,一直很让人头疼。虽然 Geek 们发明了各种各样的“语言”,让人和计算机有了沟通的渠道,但是当时的机器毕竟能力有限,需要人付出极大的努力才能实现 “对话”。交互设计解决的问题就是“人类如何使用计算机并且通过计算机如何达到目的。”

计算机交互设计简史,从穿孔纸带到人工智能

交互设计的六个阶段

穿孔纸带交互时代

计算机刚被发明出来的时候相当笨重且不智能。当时的计算机一切数据和操作指令都是通过穿孔纸带输入的。穿孔纸带利用一排孔表示一个字符,用穿孔或不穿孔表示1和0,来将指令和数据导入内存。

计算机交互设计简史,从穿孔纸带到人工智能像房子一样大的计算机


虽然大家可能都没见过穿孔纸带这玩意,但丝毫不能掩盖纸带的输入速度很慢很慢的事实,即使是一个简单的程序,所需要的纸也是一箱一箱的。 

计算机交互设计简史,从穿孔纸带到人工智能穿孔纸

键盘交互时代

后来,因为打字机的灵感,键盘终于被发明了,相比穿孔纸带输入,键盘的输入速度有了很大的提升,直到今天,键盘仍然是人机交互当中效率非常高的输入设备。 

在键盘交互时代,命令行界面(CLI)开始出现,用户通过输入特定的命令,机器读取命令后执行算法,返回结果呈现在界面上。直至今日,Windows系统中依然保留DOS命令行功能,程序员写代码的界面采用的便是这种交互形式。

计算机交互设计简史,从穿孔纸带到人工智能

鼠标交互时代

再之后,苹果推出了图形用户界面(GUI)的操作系统,同时把鼠标这种输入工具也发扬光大了,在图形用户界面上,鼠标是一种比键盘更高效的工具,直到今天仍然是高频的输入设备。 

计算机交互设计简史,从穿孔纸带到人工智能


触摸屏时代

再然后,又是苹果,把触摸屏这种交互方式在智能设备上发扬光大,所见即所得的输入更符合人性的直觉,乃至儿童不经培训也懂得使用,触摸屏迅速风靡全球,成为移动设备上非常重要的交互方式。 

计算机交互设计简史,从穿孔纸带到人工智能


语音输入时代

随着人工智能中的深度学习算法逐渐变得成熟,语音输入法终于把识别率达到日常可用的程度,于是人们又多了一种输入方式:麦克风。只要说话就可以实现与设备的交互,机器能理解人说的话并转变成执行操作。 

计算机交互设计简史,从穿孔纸带到人工智能亚马逊AI音箱

AI+百花齐放时代

人工智能带来的交互方式不止一种,随着视觉识别技术的成熟,摄像头也成为了一种交互方式,人们只要对着摄像头做出某种手势,机器就能识别出你的操作意图(例如是或否,左或右等),例如在无人机场景下,手势就可以完成一些简单的信息输入(如自拍或跟随)。

计算机交互设计简史,从穿孔纸带到人工智能支持手势识别的无人机


计算机交互设计简史,从穿孔纸带到人工智能基于视觉识别的体感游戏机


甚至,马斯克放言:要基于人脑电波的识别技术开发脑机接口,你什么都不用做,只要你的大脑在想,计算机就能识别出来并执行你的意图。 

计算机交互设计简史,从穿孔纸带到人工智能脑机接口


交互设计的未来

计算设备大部分时间都是闲置的,因为它在一直等待用户输入意图才能执行,所以,在这样的场景下,真正的效率瓶颈(不是性能瓶颈)其实是交互方式,而不是计算设备。 

计算机交互设计简史,从穿孔纸带到人工智能

在IT史上,每一代交互技术出来,都引领着IT行业非常重大的变革,键盘之于PC发明,鼠标之于图形操作界面,触屏之于智能手机,语音和视觉识别之于AI等等,因为交互技术的发展,计算设备的工作效率得到不断的提升,用户体验也越来越好。

计算机交互设计简史,从穿孔纸带到人工智能

但诚然,我们只是认为目前的交互已经足够好了,但其实交互还有很大的提升空间,有很多场景下的交互仍然需要频繁的操作,因为应用和平台间各自为政的原因,有些交互仍然是反人类的存在的。

计算机交互设计简史,从穿孔纸带到人工智能

以色列历史学家赫拉利在《未来简史》中说到,未来,算法会比我们更了解自己。我们知道人类从想法到说出声音需要一个过程,而在未来,算法就能在你说出口之前提前知道你想要干什么,并帮你完成。传说中的心灵感应,就在我们面前。


放眼未来,算法交互设计将引领新的潮流。设计不单单只是设计,它将与科技结合,谱写更加动人的乐章。

计算机交互设计简史,从穿孔纸带到人工智能

< OF COURSE线上活动传送门 >

计算机交互设计简史,从穿孔纸带到人工智能点击进入

计算机交互设计简史,从穿孔纸带到人工智能

计算机交互设计简史,从穿孔纸带到人工智能

计算机交互设计简史,从穿孔纸带到人工智能

搭讪OF君小黑

比看片儿还有意思

还可以加入黑科技群

嘿嘿嘿

计算机交互设计简史,从穿孔纸带到人工智能

 “做人人都能学会的创意编程课程。”


计算机交互设计简史,从穿孔纸带到人工智能

↓↓点击“阅读原文”访问OF COURSE官网

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36316/

(0)
交互精选交互精选
上一篇 2018-04-07
下一篇 2018-04-07

相关推荐

  • 百度用户体验总监刘超下课,HR内部贴称其“给百度同学造成严重伤害”

    百度用户体验总监刘超因演讲太low被嘘事件又有了进展,就在刚刚,又有网友晒出一张百度内网的帖子,告知员工“公司决定将刘超从百度管理团队除名”等信息,发帖者为“BaiduHR”:截图很快在微信朋友圈流传,但百度公关在相关朋友圈下面没有辟谣。以上帖子,可能是今天(7月3日)早间流传的、刘超在百度内网道歉原帖的最新回复,刘超在百度内网的道歉信如下:刘超在信中称,由于个人重视程度不足、演讲语言和穿衣不恰当的问题,导致在IXDC会议上演讲被嘘,后...

    2018-02-03
  • 不懂这几个交互原则,你一定是假的UED设计师

    如果你对这个题目很陌生,那请赶紧登上这辆末班车,来不及解释了。在日常工作中,我们总是会遇到产品或者开发对你发问“这个按钮为什么要放在这里”,“这里显示的信息条目为什么只剩这几个”blablabla之类。不管是为了在对接流程中更加有理有据,也为了使自己的设计更人性更好用,了解这几条基本原则,也是非常必要的。除非有更好的选择,否则就遵从标准。交互设计之父 Alan Cooper最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,...

    2018-03-15
  • 感恩之家与河马教育签订人才需求战略合作协议

    2018年2月24日,河南感恩之家实业有限公司(以下简称感恩之家)与河南河马教育科技有限公司(以下简称河马教育)签订人才需求战略合作协议。感恩之家人力资源经理朱昌林与河马教育创始人陈滨感恩之家惠民工程是实体企业+互联网+实体店铺+分享经济的大惠民工程。在即将上线的电商平台部分,我们精心筛选了上百款来自全国各地的特色产品。在展示产品安全、原产、优质的同时,我们充分挖掘地域风土人情、历史人文,围绕产品特色讲述一个个中国物产的故事。这些都需要...

    2018-03-03
  • 改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • 为什么职场上的印度人总比中国人混得好?

    目前为止我还未有机会到过印度。身边去过的人有大致两边倒的两种观点,一种是这是一个思想自由的国度,人们开心知足、与世无争。一种是这是一个脏乱差效率低下的地方,一条公路几十年也修不整齐。我无从判断,因为每一种观点都主观。有一位曾经生活在帝都的印度女记者倒是写过一本比较中印差异的书叫《烟与镜》,值得一读。因为工作和学习的关系,我与很多印度人一起共事或者正在共事,有的只能算是点头之交,有的成为了挚友。1先说一件趣事,多年前,我没有与印度人近距离...

    2018-03-16
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

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

    2018-03-10
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27