没有按钮的未来 UI 设计

已发表: 2022-03-11

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

自从图形用户界面出现以来，我们就一直在使用按钮。考虑到 Xerox PARC 的原始 GUI 已有 44 年历史，但我们的用户界面看起来仍然非常相似。我最近通过创建 Dribbble Timeline 来追溯按钮样式的历史。尽管按钮与当前趋势和技术同步发展，但它们的起源无疑是受到过去真实物品的启发。

来自 Sears First Electric Buzzer 1897 秋季目录的扫描图像 — 右下角——Sears First Electric Buzzer 1897 秋季目录。

十多年来，我们一直在创造没有物理界面的设备——这些设备不依赖于人的触摸，但可以通过语音或手势激活。为什么我们坚持创建基于我们周围熟悉的对象进行交互的形状？数字按钮的形状仍然以我们在 19 世纪开发的工具和机制为蓝本！

我们创造了全新的智能电子设备——我们几乎可以用我们选择的任何方式来处理它们，但是出于懒惰或习惯的影响，我们继续强迫我们的用户点击一个只有几个像素宽的棘手小区域。

是时候做点什么了——是时候考虑无按钮了。

“无按钮”用户界面——万物交互的地方

“没有按钮的乌托邦”是一个概念，任何试图坚持 130 多年一直做事的方式的尝试都将完全破灭。未来就是现在——我们必须继续前进，摒弃前人过时的解决方案。

我们有可能想象一个完全没有按钮的界面吗？如此直观的东西，只要看看它，你就会知道如何行动？它不再需要只存在于我们的想象中——这些界面已经存在。

AR 中的 Microsoft HoloTour 应用 — Microsoft HoloLens：HoloTour。

我们能一劳永逸地消除这个受人尊敬的按钮吗？麦克风、摄像头、触摸屏、振动、加速度计、陀螺仪、GPS、扩展现实、虚拟现实——不胜枚举——所有这些都可以通过您的智能手机或 PC 处理。不再有任何理由继续强迫您的用户按下那个小矩形。

让我们消除 UI 中的按钮

您是否阅读过没有任何图形元素的界面以及唯一重要的是内容的类型设计？很多人问：“按钮呢？” 我们不再需要它们——让我们彻底消除它们。

这里有几个有趣的想法：

Facebook 只是问：“你的心情如何？” 无需按下按钮即可回答 - 使用您的声音 - 只需告诉它您感觉很好，然后前往海滩。然后将 Facebook 从您的回复中识别的文本拖动到您希望它出现的位置。

喜欢 Medium 上的文章？回到 Medium，你可以简单地“推荐”一篇文章。今天我们点击“拍手”。所以“拍手”。如果不需要点击这个奇怪的小按钮，直接拍手怎么办？

男人为 Medium 上的一篇文章鼓掌 — Wojciech Dobry 的无按钮概念（……不要太认真）。

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

思考内容和整个屏幕

让我们从我们当前触摸以执行操作的表面开始。鉴于绝大多数现代图形用户界面都是触摸屏显示器——通常是用我们的拇指来处理的——所以这样的界面将伴随我们很长时间是有道理的。我们肯定会有那种不可抗拒的敲击冲动——毕竟触摸是我们最重要的感觉。触摸表面给我们一种真实的行动感和控制感。如果不是点击某个特定点，而是教我们的用户与整个表面进行交互，那会怎样？

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

您是否见过一个按钮，可让您浏览 Instagram 故事并返回上一个故事？可能不会，因为您需要做的就是触摸屏幕的左边缘来实现它。

用户已经开始期待与我们的数字产品交互的新方式，而且通常不需要按钮。卡片在其所有表面上都有响应；通过单击任何单词，我们期望找到它的定义；通过触摸图片，我们期待一些行动。用户已经习惯了整个区域都响应触摸的事实。

手势识别

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

用户界面界面

Ramotion 和 Jarek Berecki 的用户界面。

我们不仅在平面触摸屏上做手势——手势也在 AR 和 VR 空间中进行，我们可以用整个身体进行导航。

使用手势识别控制物联网的人

iPhone 上的 Clay VR 手势识别。

语音接口

Siri、Cortana、Alexa 和 Google Assistant 都已启动并运行。许多人认为语音接口是未来——很难不同意，因为它们的潜在用途数不胜数。我们可以通过与它们交谈来控制车辆、智能建筑和机器——就像我们与真人交谈一样。借助人工智能和机器学习，机器现在能够越来越准确地理解我们的语言。我们不再局限于发音精心编写的“魔法咒语”；我们可以用完整的句子说话。