未来的无按钮UI设计

本文概述

• 什么是按钮, 我们真的需要它们吗？
• “无按钮” UI –一切相互作用的地方
• 让我们消除用户界面中的按钮

什么是按钮, 我们真的需要它们吗？

自图形用户界面问世以来, 我们一直在使用按钮。考虑到Xerox PARC的原始GUI已经使用了44年, 但是我们的用户界面仍然看起来非常像它。最近, 我通过创建Dribbble时间轴来追踪按钮样式的历史。尽管按钮与当前趋势以及技术同步发展, 但是它们的起源无疑是受过去真实事物的启发。

右下角– Sears First Electric Buzzer 1897秋季目录

十多年来, 我们一直在创建没有物理接口的设备, 这些设备不依赖于人类的触摸, 但可以通过语音或手势激活。为什么我们坚持围绕我们周围的熟悉对象创建与之交互的形状？数字按钮的形状仍以我们在19世纪开发的工具和机制为模型！

我们已经创建了全新的智能电子设备, 几乎可以用我们选择的任何方式来处理它们, 但是出于懒惰或习惯, 我们继续迫使我们的用户单击只有几像素宽的棘手的小区域。

是时候对此做些事情了–是时候考虑无按钮了。

“无按钮” UI –一切相互作用的地方

“无纽扣的乌托邦”是一个概念, 其中坚持过去130多年的一切尝试都被彻底粉碎了。未来就在眼前, 我们必须继续前进, 并放弃我们前辈过时的解决方案。

我们可以想象一个完全没有按钮的界面吗？如此直观, 以至于只要看一下, 你就会知道该怎么做？它不再仅仅是我们的想象中的-这些接口已经存在。

Microsoft HoloLens：HoloTour

我们能否一劳永逸地消除尊敬的按钮？麦克风, 相机, 触摸屏, 振动, 加速度计, 陀螺仪, GPS, 扩展现实, 虚拟现实(列表不胜枚举), 所有这些都可以通过智能手机或PC进行处理。不再有任何理由继续迫使你的用户按下该小矩形。

让我们消除用户界面中的按钮

你是否阅读过类型设计, 其中的界面没有任何图形元素, 而唯一重要的是内容？你们中的许多人问：”按钮呢？”我们不再需要它们了, 让我们彻底消除它们。

这里有一些有趣的想法：

Facebook刚问：”你的心情如何？”无需按下按钮即可回答-使用你的声音-只是告诉你感觉很好, 然后就去海滩。然后将Facebook从你的响应中识别出的文本拖到你希望其显示的位置。

语音搜寻

像有关Medium的文章一样？回到中型, 你可以简单地”推荐”一篇文章。今天我们单击”拍手”。所以”拍手”。如果没有必要单击这个奇怪的小按钮, 而只是鼓掌, 该怎么办？

Wojciech Dobry的无按钮概念(…不要太在意它。)

那一些更复杂的动作呢？例如在线商店中的结帐。将商品拖放到购物车中, 滑动即可进行结帐, 然后使用指纹进行确认。十分简单。

ASOS-添加到购物车动画Zachary Zhao

思考内容和全屏

让我们从当前触摸的表面开始执行操作。鉴于当今绝大多数的图形用户界面都是触摸屏显示器(通常是用我们的拇指来操作), 因此可以说这样的界面将在我们身上长期存在。而且, 我们绝对会拥有不可抗拒的敲击冲动-触摸毕竟是我们最重要的感觉。触摸表面会给我们一种真正的行动和控制感。而不是单击特定点, 而是教会用户与整个表面进行交互, 这将是怎么回事？

让我们看看Instagram是如何做到的：

Instagram故事导航

你是否曾经看到过一个按钮, 可让你浏览Instagram故事并返回上一个故事？可能不是, 因为你所需要做的就是触摸屏幕的左边缘以使其发生。

用户已经开始期待与我们的数字产品进行交互的新方式, 并且通常不涉及按钮。卡在其所有表面都具有响应能力；通过单击任何单词, 我们希望找到其定义；通过触摸图片, 我们期望采取一些措施。用户已经习惯了整个区域都能响应触摸的事实。

手势识别

我们非常了解手势, 因为这些手势对我们来说很自然并反映在我们的身体动作中。当前, 几乎每个应用程序都使用它们来加速导航。我们可以双击照片, 而不必像按钮一样按它；我们可以滑动浏览图库；或捏以缩放任何内容。

维吉尔·帕纳(Virgil Pana)

Ramotion和Jarek Berecki的用户界面

我们不仅可以在平面触摸屏上做出手势, 而且还可以在AR和VR空间中进行手势操作, 在那里我们可以全身导航。

微软在HoloLens上的手势

iPhone上的Clay VR手势识别

语音介面

Siri, Cortana, Alexa和Google Assistant都已启动并运行。许多人争辩说语音接口是未来-很难达成共识, 因为它们的潜在用途已不计其数。我们可以通过与车辆, 智能建筑和机器进行对话来控制它们, 就像我们与真实的人对话一样。借助人工智能和机器学习, 机器现在能够越来越准确地理解我们的语言。我们不再局限于讲认真写成脚本的”魔术”；我们可以用完整的句子讲。

好的, Google …

通过使用语音, 我们可以在汇款领域自由移动。目前, Siri允许你仅通过一个快速请求就可以通过PayPal将资金转移给另一个人：” Siri, 使用PayPal向XYZ发送200美元。”没有按钮-唯一需要确认和安全检查的是Touch ID。

身体动作, 连接的设备和视频识别

微笑付钱吗？它在这里！阿里巴巴和肯德基联合推出了一个系统, 让你只需对着镜头微笑即可付款, 而无需按任何按钮。该系统可用于面部识别, 现已在中国上市。

这只是潜在用途之一。我们的设备已经配备了一整套传感器, 并且可以监控你的整个身体。没有什么可以阻止你用一根手指在智能手机上执行任何操作。

加快按钮消失的物理动作的另一个示例是, 它只是靠近设备。例如, 让我们看一下iWatch, 只需将其与笔记本电脑配对并待机即可解锁MacBook。可穿戴设备可用于确认我们的身份并根据位置和传感器数据智能地预测我们的需求。多亏了他们, 我们已经可以避免在许多界面上使用按钮。

让我们不要忘记已经广泛使用了几年的技术。一种是陀螺仪-几乎在所有智能手机中都可以使用, 但很少在界面中使用。在上方, 你可以看到PatrykAdaś创建的实验界面。

UI设计的未来

提供给我们许多不同的选项, 现在可以忘记使用典型的矩形按钮供用户进行交互了。借助当今的技术, 我们能够创建全新的界面, 这些界面可以：

• 节省用户时间

• 防止错误, 滑倒和错误, 并且

• 赔偿任何意外行为

Cosmin Capitan和Ramotion的概念界面

时机已到, 技术正在超越我们。我们的设计师必须追求它, 并一定要赶上它！