未来的 UI 和设计沙盒的终结

已发表: 2022-03-11

任何从事设计和技术工作的人——可能还有生活在现代世界的任何人——都会注意到我们从使用“万维网”等术语到“物联网”的速度之快。

在很短的时间内,我们已经从设计和开发网页(通过浏览器访问的信息高速公路地图上的点)发展到未来的 UI:大量相互连接的应用程序,通过各种形式因素、分辨率提供内容和体验和交互模式。

我们今天使用的技术和屏幕正在消失在我们的环境中。 “物联网”(IoT),再加上使用语音助手的人工智能(AI),已经在我们身边。 我们正处于“环境智能”(AmI) 世界的曙光中,众多设备协同工作以支持人们开展日常生活活动。 单个基于屏幕的 UI 正在慢慢消失,设计师必须努力应对分散的设计组件系统。

设计师将如何为屏幕消失的人工智能环境智能世界进行设计? 这将如何改变他们的角色?

在环境智能世界中,设计数据将很快出现在我们身边
一个环境智能世界将很快就在我们身边。 基于单一设备屏幕的 UI 正在消失。

未来设计师的角色正在转变

数字设计师的实践对象曾经是将一系列错综复杂的框、图像、文本和按钮放在相对可靠的浏览器屏幕(最终是移动应用程序屏幕)上。

这是传递给人们的广泛体验。 但是现在,设计人员必须考虑到产品作为独立实体存在于复杂的组件系统中,这些组件与其他部件交互、交换信息,有时甚至消失在其他部件后面。

正如 Intercom 的 Paul Adams 在他的文章《我们所知道的应用程序的终结》中所写的那样,“在一个拥有许多不同屏幕和设备的世界中,内容需要被分解为原子单元,以便它可以不受屏幕尺寸或技术的影响而工作平台。

这不仅仅是内容。 今天,设计人员必须考虑提供给人们的每项功能或服务如何存在于多个系统和平台的其他组件中,以及如何与之协作。

物联网和未来的用户界面
认识到应用程序的终结只是开始。 环境智能和物联网将很快无处不在。

明天人们将如何与信息交互?

在移动革命开始时,设计师专注于创建提供类似于网站体验的应用程序:精心设计和控制的封闭环境,人们与之交互以消费内容或完成任务,然后退出。

大多数交互发生在屏幕范围内,设计师可以很好地控制交付。

然而,移动设备的范围已经从基于屏幕的迷你电脑激增到可穿戴的腕围信息中心和远程控制家庭恒温器的设备。 今天,人们通过通知和警报从多个来源获得不连贯的信息片段。 范式发生了巨大变化。

Nest门铃,基于组件的设计示例
用户与信息交互的环境正在发生变化。

未来的 UI 会是什么样子?

多样化、相互关联的技术的激增也意味着单一产品将在不同的环境中以不同的方式体验和交互。

当一个人去开会的途中,他们的智能手表上可能会出现一条消息提醒。

用户不必查找然后打开消息传递应用程序,而是可以选择在通知中做出响应,只需轻按一下即可发送预先编写的快速回复,然后在另一台设备上更深入地与消息互动。

这意味着一个原子单元——交互的一个微组件——必须通过针对通信上下文量身定制的各种 UI(和用户体验)来交付。

很有可能,用户在慢跑时没有撰写长篇电子邮件回复。 他们可能不会仅仅为了使用可穿戴设备上非常方便的一键式响应而打开笔记本电脑。 他们甚至可能永远不会阅读屏幕上的通知,而是通过语音激活的虚拟助手收听内容。

Paul Adams 写道:“在一个通知本身就是完整体验的世界里,应用程序图标的屏幕越来越没有意义。 应用程序作为目的地越来越没有意义。 当像 TripIt 这样的旅行应用程序可以一次呈现所有这些信息,甚至允许您完成登机前的登机手续时,为什么还要在一系列供应商应用程序中为您的多目的地航班和酒店打开单独的应用程序? 在某些情况下,对应用程序屏幕的需求在几年内将不复存在,而是深埋在设备 UI 中作为辅助导航。

系统级的交互式通知将使人们能够立即采取行动,而不必使用通知作为网关来打开应用程序,在应用程序中人们会突然从一个上下文拉到另一个上下文。

不断变化的交互范式改变了未来的 UI

像流行的微信这样的应用程序允许人们做一些事情,比如转账、叫出租车和接收到达时间的更新、搜索餐厅和预订餐桌,或者找到附近的酒店——所有这些都通过一个基于文本的界面来删除用户需要导航到各个应用程序以完成一系列任务。

带有对话界面的未来 UI 设计

在 UI 的未来? Old School Text Messages,Kyle Vanhemert 着眼于基于文本的平台的激增,这些平台经常取代对图形用户界面的需求。 应用程序提供的服务将越来越多地在应用程序本身之外被访问。

为物联网世界设计意味着放弃对界面的更多控制——创建可能根本无法通过屏幕访问的产品和服务。

当基于触摸的屏幕彻底改变了移动设备时,设计师们突然有了一个可以利用的新交互模式的宝库,比如滑动、捏合、点击、双击、长按、点击和拖动,这些都远远超出了重点并单击。

现在,人们在配备传感器的设备前在空气中滑动和捏捏或挥动带标签的配件,而设计师无法用标准的视觉提示明确引导他们——设计师现在要做什么?

从某种意义上说,这意味着设计可预测的、可重用的交互模式。

这将如何改变产品的实施方式?

作为设计单位的移动应用程序——至少在目前看来是这样——正在消失。

独立应用程序正在成为人们接收产品提供的内容和服务的第二甚至第三目的地。 设计师如何重新调整他们的方法以最好地满足人们的需求?

少为像素设计,多为内容和交互时刻设计更多是新的范例。

Nest 恒温器 - 组件驱动设计

在可用信息量和竞争服务数量呈指数级增长的世界中,产生影响的最佳方式是在一系列平台和环境中共享和分发高质量的信息。

这意味着理想情况下,人们将以无法精确控制的方式接收内容,通常在多个包装器中。

设计师会问自己一系列全新的问题。

  • 如何格式化内容以适应一系列视口甚至屏幕最小的设备?
  • 有没有办法打包可以存在于其他地方的服务的关键功能?
  • 可以作为通知中采取的操作提供的最合适和最有用的交互模式是什么?

随着人们在移动应用程序等目的地内花费的时间越来越少,设计师如何创造可以在其他地方进行交互和完成的体验?

即将到来的日历事件的推送通知能否为人们提供一组标准控件来预订航班、提出旅行建议或订购鲜花,而无需用户打开应用程序本身?

设计师如何创建与其他应用程序一起工作的应用程序功能,为人们提供特定服务,同时又足够引人注目以超越竞争对手?

基于组件设计的未来 UI 和聊天机器人
聊天机器人已经成为旅游业的游戏规则改变者。 人工智能驱动的聊天机器人帮助旅行者通过聊天来安排旅行。

明天的设计过程是什么样的?

随着体验时刻以非线性方式从设备转移到设备,并且组件是设计的新单位,设计师实践的新对象是如何定义的? 它将越来越多地与设计体验有关,而不是 UI。

在每种情况下,所讨论的组件将有不同的定义,对每种产品都有不同的含义。 让我们看一些示例,这些示例可能有助于设计人员将他们的产品视为系统组件,而不是整齐地装箱的目的地。

通知作为设计组件系统

人们会在什么情况下收到通知?

让我们从通知作为一个简单的模式开始。

想象一下一个叫车服务应用程序(类似于 Lyft 或 Uber)的设计,该应用程序在多个设备上相互呼应,并通过丰富的推送通知通知人们他们租用的汽车的位置、预计到达时间和延误。 在这种情况下,用户有一部 iPhone、一部 Apple Watch 和插入耳朵的耳机。

首先,用户通过 Apple Watch 上的语音交互来订购汽车。 他抬起手腕唤醒手表,向 Siri 询问汽车,并通过耳机收到汽车在路上的语音确认。

人们不太可能会打开应用程序并持续监视屏幕。 因此,通知必须打包后通过连接的设备推送到操作系统和用户。

几分钟后,他检查了他的 iPhone,查看汽车在地图上的位置以及等待的时间。 当汽车只有一分钟的路程时,应用程序会向他的耳机发送语音通知,并向他的 Apple Watch 发送振动通知。 他瞥了一眼他的 iPhone 以确认汽车和司机的信息。

这个应用程序看起来更像是操作系统中的一个组件。

未来的 UI 示例——具有丰富推送通知的无应用程序设计组件

如果人们不打开我们的应用程序,我们在设计什么?

组件不仅与操作系统交互——它们甚至可能被拉入其他应用程序。

例如,在用户的旅行行程可能会受到延迟影响的场景中,像 TripIt 这样的旅行应用可以管理丰富的推送通知,用户无需打开应用本身就可以与之交互。

如果旅行应用程序有其他人共享行程,则通知可以设计为向用户提供一个选项,以便在发生延误时将更新的 ETA 发送给在机场等候的朋友。

移动设备的通知组件与旅行应用程序的通知系统合并,用户的操作会沿链向下级联,并且无需用户打开旅行应用程序的状态即可更改。

如果进一步采取这一步骤以包括语音助手(通过 VUI)之类的东西,那么在无法预期基于屏幕的交互的情况下,通知和操作是如何打包和交付的?

应用程序正在成为大型生态系统中的有机体,与其他有机体交互并需要相应地进行调整。

VUI 上的可穿戴设备正在引领基于组件的设计

设计的 UX 组件已在未来的 UI 中重新定义

来自目标目的地的设计单元,例如网页或沙盒应用程序,正在被重新定义为相互交互和与人交互的系统组件。

在许多情况下,这些交互几乎是在无形中发生的。 虽然应用程序作为一个概念并没有被淘汰,但它们不再是主要事件或目的地。

设计师必须发展、调整和重新定位他们的重点,以创造适应在多个生态系统中蓬勃发展的产品和服务。 未来的 UI 将分布在一系列不可预测的环境和设备中,在不断扩大的环境智能世界中,设计师有很多需要考虑的地方。

• • •

进一步阅读 Toptal 设计博客:

  • Web 表单的终结
  • 没有按钮的未来 UI 设计
  • 世界就是我们的界面——UI设计的演变
  • 如何为物联网设计令人愉悦的体验
  • 触摸的力量——按钮设计的演变(附信息图)