8分钟阅读

世界是我们的界面 - UI设计的演变

Danielle是一家在大广告和品牌机构工作的UI设计师。她也是两个成功初创公司的联合创始人。

今天的计算机是无所不在的。你无法逃脱它们。我们生活在一个令人兴奋的设计时代和不断发展的用户界面;我们的衣服,配件,房屋,汽车和街道的新技术时代已成为一个大规模的用户界面 - 被视为“环境智能世界”。

UI.设计的演变可以分解为四个时期:工具的年龄​​,机器的年龄,软件时代,以及自我的年龄。随着这种快速增长,与对象,环境和技术的人类互动探索已经至关重要。

工具时代

利用原始工具,早期人类开始通过在石头表面绘制动物和自然的绘制来沟通。 象形文字,这是高度符号的,是用于通信的第一种方法之一。这种象征主义后来会发展成 艺术,写作,文档和故事讲述.

随着时间的推移,工具变得更加复杂,导致一些(例如,钢笔)今天仍然广泛使用。我们来完整圈子,并使用简单的符号和图标,例如表情符号,以发出信号,并传达超出单词的微妙之处。

使用符号是UI设计演进的一部分。

机器时代

工业革命强调生产力。在“机器的年龄”期间,我们以规模建造的物体,以帮助我们的生活变得更加容易。这是硬件本身仍然是主要的“用户界面”。

其中一个例子是Christopher Latham Sholes 1868年的打字机的发明。我们开始攻击物理钥匙来创建单词,仍然使用我们的手,但是在打字机的帮助下作为替换笔。它节省了时间,并帮助创建了一种可以快速采用的一致和实用格式。

机器正在批量生产,电力转移到它们。界面的硬件已经到来;然而,缺点是有必要在使用之前学习如何键入。

早期打字机键盘是UI设计演进的一部分。

软件时代

软件需要“用户界面”,并搜索用户可以采用的型号, UI.设计师 转向人们的行为和早期的硬件设计的灵感。

人们已经有一个打字机的键盘的心理模型;他们已经知道如何输入,因此自然进展是开始与数字屏幕上的文本交互相同的方式。

这也适用于移动屏幕键盘,这些键盘看起来像相同键盘和打字机的迷你版本。随着触摸的运动,完全是与我们的环境互动的新方式开始被定义。

UI.设计历史:1973年的Xerox Star用户界面
Xerox Star Workstation 1973年推出了第一个商业图形用户界面(GUI)。注意现在广泛使用的“汉堡包”菜单在移动UI上。


UI.设计的进化受到普通类比​​,前面的硬件和直觉(熟悉性和精神模型)的影响。 最佳实践 为了降低采用的障碍(以及一般良好的UI设计)包括与人们对齐的愿望 心理模型,保持开放的心态,并保持与环境世界的联系。

进入 s,这是一种尝试通过在二维屏幕上制作类似于三维世界的二维屏幕上的UI元素,帮助用户了解如何与用户界面进行交互。 设计师 创建用户界面具有与数字控件看起来像其物理对应物,例如转盘控制数字音乐播放器上的音量。

苹果在史蒂夫乔布斯的方向下引领了这一趋势。直到Jonathan Ive在苹果中变得更有影响力,斯甜形态设计慢慢地发展成“漂浮”的风格,这是2013年的iOS7发布的。世界准备好进入更少的文字线索,现在可以欣赏A的简单性 极简主义者 interface.

Skeoomorphism是一个UI设计理念。
SkeOomorphic UI设计。

苹果 iOS.人类界面指南 鼓励设计师从“挡板,渐变和落叶阴影“(可以导致更重的UI元素)并更多地关注内容并允许UI播放支持角色。

谷歌 材料设计 通过给出具有微妙层和落层阴影的整个数字帆布深度,也与伴侣形式中所示的单独的UI元素相反,也通过给出整个数字帆布深度来移位第三维度的不同表示。

材料设计描绘了“物料的表面和边缘提供现实接地的视觉线索。熟悉的触觉属性的使用有助于用户快速了解可供选择。光,表面和运动的基础是传达对象如何移动,交互和存在空间中的和相互关系的关键。

谷歌材料设计UI设计框架

触摸是人以人为中心的

随着触摸屏智能手机的兴起,人们熟悉一系列手势。每个人都学到了捏,抽头,长距离之间的差异,并习惯了捏合并捏出来作为放大和脱离图像和地图的方式。

这种行为已经变得如此自然,它非常公平地假设至少85%的成年人口在某些时候试图放大物理地图或桌面屏幕。使用平板电脑的婴儿试图通过点击它们来互动电视屏幕上的元素。

触摸屏幕与用户界面进行交互,因为它是直观的,即,当人们看到它时,他们确切地知道该怎么做。人类天生就是用手指探索一切;它是天生的,并提醒一切都开始。

UI.设计历史和一个带平板电脑的婴儿

基于触摸的UIS出现了价格

在方式,设计师创建了一些非常模糊的手势,使得几乎不可能在移动UI中找到和使用可用的交互。用户体验遭受,因为设计师开始了 隐藏姿态相互作用以获得审美原因.

但随着任何价值的UX设计师都知道,可发现性和显而易见的总是胜利。有一个说法 ux.设计师,“如果人们找不到它,那就不存在。”

换句话说,基于触摸的UIS以价格出现。下列的 趋势,一些UI设计人员隐藏了很多基本功能和时尚的外观背后的可用交互。无处不在的汉堡菜单是一个例子;它有 可用性问题 因为它被认为是隐藏的导航。因此,它们具有低的可发现性,效率较低。

基于美国的全职自由职业者UI设计师想要

加剧问题是Android和iOS之间的加热竞争,iOS最初领导的方式,并显着降低了它 人力界面指南。简约看起来很漂亮,但设计师藏隐藏了丑陋或复杂的组件,这通常会使接口更具挑战性。 Android模仿苹果所实施的许多最糟糕的事情,直到材料设计才介绍了UI一致性成为标准 安卓设计.

更糟糕的是,设计师开始越来越多地雇用这一趋势,随着隐藏的姿态相互作用而越来越懒惰,依靠广泛 onboarding. 序列向人们展示如何使用他们的移动UI。

用户界面就像一个笑话。如果你必须解释它,那就不是那么好。 Martin Leblanc,Iconfinder.com

一些船上序列违反了UI设计基础。
具有指令的广泛移动的移动序列。

触摸UI只有足够大的屏幕工作

今天,可穿戴设备具有如此小的屏幕互动变得困难。使用Apple的数字冠之类的硬件为中心的功能,很难导航太复杂的任何复杂。该设计重新审视了手表的真实行为,但在这种情况下使用了一切都变得耗时和闲置。尽管如此,一些智能设备确实朝着正确的方向进入。

事情的互联网(IOT.)扩展使用我们的日常设备到交互式环境中,是真实的硬件模拟的优秀示例,完成了右侧,将功能放在最前沿。与数字冠不同,更大的表盘是功能性和明智的。

巢温控器:物联网和UI设计的演变


从原始恒温器设计中拍摄视觉暗示,并将人们常用拨号的方式, 巢学习恒温器 是产品的一个例子,虽然易于使用,但无缝地适合家庭。

强迫触摸,在2014年首次推出苹果手表中首次推出的技术,也部署在第6代iPhone上,并迅速扩展到各种设备。

UI.演变:苹果手表用力触摸技术

UI.S再次演变以模仿古代方法

UI.设计演进中的下一级说明了一切都满圈子。这 苹果铅笔 是硬件和软件技术的最佳,帮助用户在数字境界中绘制和写作。虽然Apple铅笔现已使这个想法主流成为主流,但它并不是那么很久以前(2007年)的工作是着名的,“ 谁想要手写笔?“在介绍iPhone的多点触摸技术之前。

史蒂夫乔布斯对可用性和在小型移动设备屏幕上使用这种小写件的难度有一个观点;它最终没有为微软工作。大多数早期Windows移动设备都带有手写笔,初级触摸输入技术是电阻触摸屏,通常需要一个用于输入的触控笔。工具不对时间,强迫人们使用笔式设备操作移动UI。它没有觉得自然。

当便携式屏幕增长较大时,使用单独的小工具来使用单独的输入(绘图和手写)的时间来实现。这就是苹果铅笔在超大的iPad Pro上宣传的原因而不是较小的9.7-和7.85英寸型号。

苹果铅笔与ipad pro:用户界面的另一个演变

苹果铅笔是人以人为中心的,因为它雇用了两个已经熟悉的东西:铅笔和平板电脑。无需学习任何新的用途。人类大脑一直熟悉这种形式的写作,因为我们的祖先将芦苇扳手的钝端压入3,000 b.C.C.C.C.C的湿粘土片。

Longterm,设计师必须在他们的设计理念和设计产品中以促进生先生行为的设计产品,而不是那些强迫人们学习新技能的设计产品。

超越触摸 - Vuis

如果小屏幕提示设计人员探索其他方式 互动 通过技术,在不同背景下的新用例激发了他们认为人们可以的不同方式 使用 technology.

语音用户界面有助于改善各种用户体验,有些相信这一点 声音将为所有搜索的50% by 2020.

声音可以是被动的或互动的,是一种强大的方式来与技术进行交互,其一个好处是它是无人驾驶的。

UI.S进入Vuis的演变

用户界面正成为我们周围的世界

为了帮助环境世界成为用户界面,谷歌的 先进技术和项目(atap实验室) 发达 Project Soli.,一种新的传感技术,用于运动跟踪人手的微型雷达。启用无情的手势相互作用,互动感觉到物理和响应,因为通过彼此触摸的手指的触觉感觉产生反馈。

Project Soli.最新的UI设计演变


我们今天使用的技术和屏幕正在消失在我们的周围环境中。 IoT(互联网)和AI与语音帮助已经在这里。它是“环境智能”时代的曙光,其中一部分众多的设备在音乐会上工作,以支持人们进行日常生活活动。结果,基于屏幕的UIS正在慢慢消失。

设计师如何为启用AI的“环境智能”世界设计?对UI设计的未来演化有何影响?

在这个“新世界”中,它将更多地了解设计体验,而不是UI。

进一步阅读顶部设计博客:

理解基础知识

良好的UI设计规则是什么?

良好的UI设计的10个启发式是:匹配现实世界;一致性& Standards;帮助和文件;用户控制& Freedom;系统状态的可见性;灵活性& Efficiency of Use;预防错误;认识,不记得;错误报告,诊断,& Recovery;美学和极简主义的设计。

ux.和UI设计有什么区别?

ux.设计师专注于人们的经验 - 有什么动机/挫败他们;他们喜欢/不喜欢;满足/带来他们的喜悦。 UI设计师的工作是关于美学,互动和功能;他们专注于UI的视觉元素(例如,按钮,链接,图标)以及其交互性。

为什么UI设计很重要?

随着UI设计进步的演变,最终用户变得更加苛刻,因此ui设计师的作用也是如此。这五点突出了UI设计的重要性:竞争优势,品牌忠诚度,增强的参与,客户收购和客户保留。

UI.设计是否需要编码?

虽然它很有帮助,但绝对是UI设计人员对项目的开发阶段有所了解的竞争优势,UI编码技能不是绝对必要的UI设计人员。

谁发明了UI?

1981年,Alan Kay,Douglas Engelbart和Xerox Parc的其他研究人员开发了第一个UI,当时称为GUI。 1983年,Apple介绍了Lisa,第一台电脑,带有GUI的一个重要时刻,因为LISA也是为个人使用而开发的第一台电脑。

谁创建了第一个用户界面?

经常被称为GUI的父亲,Douglas Engelbart在Xerox Parc上使用Alan Kay和其他研究人员开发了第一个图形用户界面(GUI)。 1981年介绍,它是用户界面的演变中的一个精彩时刻。

第一个用户界面是什么时候制作的?

用户界面的演变占地50多年。最初被称为GUI(图形用户界面),这是使用现代图形用户界面的第一个人计算机是Xerox Alto,于1973年开发。它不是商业产品,主要用于大学的研究。