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

今天计算机无处不在。 你无法逃脱他们。 我们生活在一个激动人心的设计和不断发展的用户界面时代； 一个新的技术时代，我们的衣服、配饰、家居、汽车和街道已经成为一个庞大的用户界面——被一些人称为“环境智能世界”。

UI设计的演变可以分为四个时期：工具时代、机器时代、软件时代和自我时代。 随着这种快速增长，探索人类与物体、环境和技术的互动变得至关重要。

工具时代

使用原始工具，早期人类开始通过在石头表面上绘制动物和自然的表示来进行交流。 具有高度象征意义的象形文字是最早用于交流的方法之一。 这种象征主义后来发展成为艺术、写作、文献和讲故事。

随着时间的推移，这些工具变得更加复杂，导致一些（例如，笔）今天仍在广泛使用。 我们已经绕了一圈，再次使用简单的符号和图像，如表情符号，来表达情感并传达超越文字的微妙之处。

机器时代

工业革命强调生产力。 在“机器时代”，我们大规模地建造物体以帮助我们的生活变得更轻松。 那时硬件本身仍然是主要的“用户界面”。

其中一个例子是克里斯托弗·莱瑟姆·肖尔斯（Christopher Latham Sholes）在 1868 年发明的打字机。 我们开始敲击物理键来创建单词，仍然使用我们的双手，但在打字机的帮助下代替了笔。 它节省了时间，并帮助创建了一种可以快速采用的一致且实用的格式。

机器正在大规模生产，权力转移到它们身上。 作为接口的硬件已经到了； 然而，缺点是必须先学习如何打字才能使用它。

软件时代

软件需要一个“用户界面”，为了寻找一种易于用户采用的模型，UI 设计师从人们的行为和早期的硬件设计中寻找灵感。

人们已经有了打字机键盘的心智模型； 他们已经知道如何打字，因此自然而然地开始以同样的方式与数字屏幕上的文本进行交互。

这也适用于看起来像相同键盘和打字机的迷你版的移动屏幕键盘。 随着向触摸的发展，一种与环境交互的全新方式开始被定义。

UI 设计的演变受到常见类比、之前的硬件和直觉（熟悉度和心智模型）的影响。 降低采用障碍的最佳实践（以及一般的良好 UI 设计）包括希望与人们的心理模型保持一致，保持开放的心态，并保持与周围世界的联系。

进入 skeuomorphism，它试图通过使二维屏幕上的 UI 元素看起来类似于 3D 世界来帮助用户理解如何与用户界面交互。 设计师创建了带有数字控件的用户界面，看起来就像他们的物理对应物，例如用于控制数字音乐播放器音量的旋钮。

苹果在史蒂夫乔布斯的指导下引领了这一趋势。 直到 Jonathan Ive 在 Apple 变得更有影响力时，拟物化设计才慢慢演变成一种“扁平化”风格，以 2013 年 iOS7 的发布为标志。世界已经准备好向不那么直接的暗示飞跃，现在可以欣赏简约界面的简单性。

Apple 的 iOS 人机界面指南鼓励设计师从“边框、渐变和阴影”（这会导致 UI 元素看起来更重）转变思维方式，更多地关注内容，让 UI 发挥辅助作用。

谷歌的 Material Design 也转向了第三维的不同表示，通过给整个数字画布深度提供微妙的层和阴影，而不是像拟物化所表示的单个 UI 元素。

材料设计描绘了“材料的表面和边缘提供了基于现实的视觉提示。 使用熟悉的触觉属性有助于用户快速了解可供性。 光、表面和运动的基本原理是传达物体如何在空间中移动、相互作用和存在以及彼此相关的关键。 ”

触摸以人为本

随着触摸屏智能手机的兴起，人们开始熟悉一系列手势。 每个人都了解了捏合、轻敲、长按之间的区别，并习惯了捏合和捏合作为放大和缩小图像和地图的一种方式。

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

触摸屏与用户界面交互之所以有效，是因为它很直观，即，当人们看到它时，他们确切地知道该做什么。 人类生来就是用手指探索一切； 它是与生俱来的，提醒人们这一切是从哪里开始的。

基于触摸的 UI 是有代价的

在此过程中，设计师创造了一些非常晦涩的手势，使得在移动 UI 中几乎不可能找到和使用可用的交互。 用户体验受到影响，因为设计师出于审美原因开始隐藏手势交互。

但正如任何称职的用户体验设计师所知道的那样，可发现性和显而易见性总是胜出。 UX 设计师有句谚语：“如果人们找不到它，它就不存在。”

换句话说，基于触摸的 UI 是有代价的。 顺应潮流，一些 UI 设计师将许多基本功能和可用交互隐藏在时尚的外观后面。 无处不在的汉堡菜单就是一个例子。 它存在可用性问题，因为它被认为是隐藏导航。 它们的可发现性较低，因此效率较低。

加剧这个问题的是 Android 和 iOS 之间的激烈竞争，iOS 最初在这方面处于领先地位，并显着减少了其人机界面指南。 简单看起来很漂亮，但设计师隐藏了丑陋或复杂的组件，这通常使界面使用起来更具挑战性。 Android 模仿了 Apple 实施的许多最糟糕的事情，直到 Material Design 被引入，UI 一致性才成为 Android 设计的标准。

更糟糕的是，设计师开始越来越多地采用这种趋势，过度使用隐藏的手势交互变得懒惰，并依靠大量的引导序列来向人们展示如何使用他们的移动 UI。

用户界面就像一个笑话。 如果非要解释，那就不好说了。 Martin Leblanc，iconfinder.com

触摸 UI 仅适用于足够大的屏幕

如今，拥有如此小屏幕的可穿戴设备交互变得困难。 使用以硬件为中心的功能（例如 Apple 的 Digital Crown）很难驾驭任何过于复杂的东西。 该设计重新审视了手表的真实行为，但在这种情况下使用一切都变得耗时且繁琐。 尽管如此，一些智能设备确实朝着正确的方向发展。

物联网 (IoT) 将我们日常设备的使用扩展到交互式环境，并且是正确完成真实世界硬件模仿的绝佳示例，将功能放在首位。 与 Digital Crown 不同，较大的表盘既实用又实用。

从最初的恒温器设计中汲取视觉线索，并结合人们通常使用表盘的方式，Nest Learning Thermostat 是一个产品示例，虽然使用简单，但可以无缝融入家庭。

Force Touch 技术于 2014 年在 Apple Watch 推出期间首次亮相，也部署在第 6 代 iPhone 上，并迅速扩展到各种设备。

UI 再次演变以模仿古老的方法

UI 设计发展的下一个阶段说明了一切是如何循环的。 Apple Pencil 是最好的硬件和软件技术，可帮助用户在数字领域绘图和书写。 虽然 Apple Pencil 现在已经让这个想法成为主流，但就在不久前（2007 年），乔布斯有一句名言：“谁想要手写笔？” 在介绍 iPhone 的多点触控技术之前。

史蒂夫·乔布斯 (Steve Jobs) 对可用性和在小型移动设备屏幕上使用如此小的触控笔的难度提出了看法； 它最终不适用于微软。 大多数早期的 Windows Mobile 设备都带有手写笔，主要的触摸输入技术是电阻式触摸屏，通常需要手写笔进行输入。 这些工具当时并不合适，迫使人们使用类似笔的设备来操作移动 UI。 感觉不自然。

当便携式屏幕变大时，使用单独的小工具进行输入（绘图和手写）的时机已经成熟，感觉就像一支笔。 这就是 Apple Pencil 在超大尺寸 iPad Pro 上首次亮相的原因，而不是较小的 9.7 英寸和 7.85 英寸机型。

Apple Pencil 以人为本，因为它使用了两种已经很熟悉的东西：铅笔和平板电脑。 无需学习任何新知识即可使用它。 自从我们的祖先在公元前 3000 年左右将芦苇笔的钝端压入湿泥板以来，人类的大脑就已经熟悉这种书写形式

从长远来看，设计师必须在他们的设计理念和设计产品中变得更加以人为本，以促进与生俱来的行为，而不是那些强迫人们学习新技能的产品。

超越触控——VUI

如果说小屏幕促使设计师探索与技术交互的其他方式，那么不同背景下的新用例会激发他们思考人们使用技术的不同方式。

语音用户界面正在帮助改善各种用户体验，一些人认为，到 2020 年，语音将支持 50% 的搜索。

语音可以是被动的，也可以是交互式的，是一种与技术交互的强大方式，它的好处之一是它是免提的。

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

为了帮助环境世界成为一个用户界面，谷歌的高级技术和项目（ATAP 实验室）开发了 Project Soli，这是一种新的传感技术，它使用微型雷达来跟踪人手的运动。 启用非接触式手势交互，交互感觉物理和响应，因为反馈是由手指相互触摸的触觉产生的。

我们今天使用的技术和屏幕正在消失在我们的环境中。 IoT（物联网）和带有语音辅助的 AI 已经出现。 这是“环境智能”时代的曙光，众多设备协同工作以支持人们开展日常生活活动。 因此，基于屏幕的 UI 正在慢慢消失。

设计师将如何设计一个支持人工智能的“环境智能”世界？ 对 UI 设计的未来发展有何影响？

在这个“新世界”中，更多的是设计体验，而不是 UI。

• • •

进一步阅读 Toptal 设计博客：

• 设计 VUI——语音用户界面
• 黑暗的用户界面。 好和坏。 该做什么和不该做什么。
• 移动界面的启发式原则
• 没有按钮的未来 UI 设计
• 重新思考电视平台的用户界面设计