UI,你从何处来,又到哪里去?

本文观点整理并简译于:
1.维基百科.用户界面
2.Medium.Ash Hopkins. “An Abridged History of UI”

一、定义####

用户界面(User Interface,简称UI,亦称使用者界面)是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

用户界面设计,是用户与其交互的设备上的元素的有意组合。 在设计UI时,可用性(测量接口的易用性和可学习性)和用户体验(用户对其与接口的交互的响应)的最大化是两个主要考虑因素。 这些想法是重要的,因为机器在大多数方面是由人所造,为人所用。

图形化用户界面(GUI)是指采用图形方式显示计算机操作环境的用户接口。它的出现使用户操作更加舒适简单,不再需要死记硬背大量的命令,而是通过窗口、按键等来进行操作,将枯燥的命令行操作转变为更具生命力的形式。图形化用户界面的发展演变对于计算机技术的快速普及起到了至关重要的作用。

目前大家所说的UI,多指图形化用户界面(GUI)。

二、起源与发展####

用户界面的发展在于这样的一种精神:我们想让想法变得可识别,并用他们培养新的概念和开发更有效的过程。

  • 1760-1869:第一次工业革命
    铁路系统、蒸汽船、运河、公路开启了社会的新一代互联互通,发展了更快、更有效的沟通模式。铁路的建设为电报奠定了基础,然后产生了第一个电话。

  • 1870-1914年:第二次工业革命
    钢铁和石油巨头推动了全国工厂的增加,并需要更多的劳动力,技术技能变得十分重要。

  • 泰勒主义
    泰勒的意图是简化操作的工厂制度和提高工人的生产力,使劳动者去人性化,成为一个无情的机器,此时便需要成熟的技术。

  • 1939年:公布第一个电子语音合成器
    语音合成器是一个简化版的原始声码器,主要用于军事通信。这些是第一批人类语言与机器交互的例子。

  • 1945年:Vannevar Bush的文章&麦克斯存储器
    随着二战即将结束,Bush开始提出娱乐科技的思想,他认为未来的设备是供个人使用的,一种机械化的私人文件和书库,是人们记忆的亲密补充。这种“记忆的亲密扩大的补充”是个人电脑原型的首次书面描述,导致计算机技术的快速发展。

  • 1945-1959:电子数字积分计算机、面向商业的通用语言、领先的女程序员
    俗称COBOL的编程语言是面向商业的通用语言,在计算机编程中是一个重要的发展,因为它模仿人类语言,而且很容易辨认出来,使其可以为普罗大众所使用。

  • 亨利·德雷福斯&为人而设计
    让机器符合人类,而不是人类符合机器的人机关系的思想得到推崇。人体工学设计兴起,描述人与机器的接触点。这些工作就是我们当今所说的交互设计。

  • 1963:Douglas Engelbart发明了世界上的第一个鼠标
    受Bush文章的启发,Douglas Engelbart发明了电脑鼠标,使得用户和技术人员可以不通过写代码,通过光标便可以和电脑屏幕对话。他还提出,巨大的电脑将会迅速缩小。

五年后,他想法变成“摩尔定律”,命名并非他的名字,而是以戈登·摩尔(英特尔的创始人之一)的名字命名。其内容为:当价格不变时,集成电路可容纳的元器件的数目,约每隔18-24个月便会增加一倍,性能也将提升一倍。换言之,每一美元所能买到的电脑性能,将每隔18-24个月翻一倍以上。这一定律揭示了信息技术进步的速度。


  • 1965-1969年:第一个触摸屏
    电阻屏一开始用在英国皇家雷达屏幕,到90年代才受到欢迎,很多年后,通过苹果的电子产品再次复兴。

  • 1973:施乐帕洛阿尔托研究中心(PARC)和第一GUI
    施乐是领先的印刷和纸张制造商,加入计算机革命后建造了施乐Alto,第一个图形用户界面(GUI)。它不用于商业用途,造价成本高。Alto彻底改变了我们对计算机的理解,清晰的流程让用户可以在屏幕上看到他们打出的东西。它还提供人们从未见过的功能,如移动数据存储和电子邮件等。施乐的发明使行业进入一个使电脑变成更快、更小、更容易的竞赛中。

  • 1979:施乐与乔布斯交易
    当时的施乐高层并不知道他们发明将有多大的影响,而乔布斯预见到了,并以1百万美元的股票就施乐的GUI原型技术达成了一个协议。

  • 1979:Bill Moggridge 做了第一台笔记本电脑原型
    此时的笔记本电脑异常昂贵,最初只有政府、上流社会、太空探索项目拥有。后来Bill Moggridge 创立了设计圈家喻户晓的设计公司IDEO。

  • 1981:IBM个人电脑,第一个全行业公认的个人电脑
    IBM被称为计算机行业的老大哥,并招募卓别林做广告,展现IBM“平易近人”的一面。电脑变得可支付得起、小巧紧凑,并得到行业的广泛认可。IBM的个人电脑使用了微软的MS-DOS操作系统,成就了现如今两大巨型公司—IBM和微软。

  • 1984:麦金塔电脑(OS 1.0系统)
    乔布斯不希望IBM独享电脑光荣,于1984年推出麦金塔电脑,屏幕上的标志“Hello”,及苹果产品的口号“For the rest of us”,在消费者心中产生了信任,使电脑有了新内涵--欢迎任何类型的人。

  • 1993:苹果牛顿失败
    1992年,IBM发售Thinkpad取得巨大成功,苹果想要做一个更好的东西:苹果牛顿(它能做的一切:发传真、保存笔记、存储联系人、日历管理,并能放进口袋里,苹果还推出一个新功能—手写识别,虽然最后失败了,但是引起了公众的注意)

  • 1995年:唐.诺曼,“用户体验架构师”
    唐.诺曼在苹果工作了近5年,在他任职期间,创立了第一个“用户体验架构师”的位置。诺曼强调“以人为本”的设计,他对用户体验的关注推动技术符合人类的能力和需要。

  • 1998:第一个iMac和其演变
    iMac不同于之前的电脑,它有多种色彩、又小巧。不到20年时间,iMac本身由原来的相对笨重变得及其简洁。

  • 2000:早期的照相手机J-Phone,及手机的萎缩趋势
    越来越小、速度越来越快的轻量级手机,便是我们如今所熟悉的了。

  • 2001:苹果Mac OSX和微软Windows XP
    这些设计是今天的操作系统升级的基础。

  • 2010:视网膜显示屏的采用
    苹果推出Retina显示屏,把两倍的CSS像素压进每英寸里,图像变得更清晰。视网膜显示屏使得我们可以和更多的设备屏幕互动——台式机、平板电脑、手机、手表、眼镜,它可能是界面领域里的最后一个更新了。

2010年,iphone4发布后横扫功能型手机市场,创立了真正的今日智能手机格局之时,界面设计师这个职业第一次踏进了中国的市场。

Retina屏幕及手机的创新导致了市场对职业需求的巨大变化,GUI便是在这样的大背景下变得繁荣。随之兴起的图标设计师/界面设计师过去从来没人关注的岗位进入了国人的视野,并获得了相对较高的地位。


  • 今天:摩尔定律的顶点
    摩尔定律(或恩格尔巴特的预测)将在我们的时代很快走完。我们的屏幕和处理器已经达到物理极限,我们已经开始探索虚拟screenless显示技术。
    引用布什的“As we think”,电脑对当时的时代是高不可攀的,如今的虚拟技术对我们的时代似乎也一样。

“Zero UI”, “Machine Learning”, “Touchless Tech” 正在变得越来越普遍,我们正在进入一个新时代——使用触摸屏和控制器以外的其它技术与电脑交流。
目前的设备学习我们的偏好,并在没有使用者输入的情况下给予反馈,迫使我们重新评估我们与现有技术成果的关系。


** 三、结束语 **####

我们为自己设限,并不断超越限制。未来用户界面演化完全取决于我们自己的野心和行动。

——by 力娃
2017/2/26
感谢您的阅读 :)

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

推荐阅读更多精彩内容

  • 帝国的余辉:AT&T AT&T 本来有两次绝佳的发展机遇,2000 年前后的网络革命,和从九十年代中期延续至今的无...
    幻无名阅读 1,295评论 0 1
  • //我所经历的大数据平台发展史(三):互联网时代 • 上篇http://www.infoq.com/cn/arti...
    葡萄喃喃呓语阅读 51,148评论 10 200
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,042评论 25 707
  • 人生。有许多恐惧的事物。 每天早上醒来。睁开双眼的时候意识自己开始了新的一天奋斗或者说是开始了新的一天浪费吧,浪费...
    未涂阅读 157评论 0 0
  • 花了1晚上的时间终于把Hexo的博客搭建好了,托管在Coding.net上,记录下成功搭建的方法。 环境安装 首先...
    PandaGG阅读 303评论 0 0