触摸的力量–按钮设计的发展(图解)

本文概述

• 掌握语音命令-按钮的简要历史
• 简单是按钮设计的目的

按下按钮时实际上发生了什么？我们是否曾经停下来思考我们正在激活的力量？ “受压”状态具有巨大的潜力和多种可能性。有些是平凡的, 有些是令人惊讶的, 有些是那么险恶, 以至于我们无法在这里发布。

如今, 按钮已成为互动名人。产品团队在每个状态, 标签, 颜色和圆角处苦苦挣扎。精心设计的按钮有助于导航, 促进转换并改善用户体验。按钮是设计界的宠儿, 但并非总是如此。

像许多工业时代的物品一样, 纽扣诞生于默默无闻的时代。数十年来, 他们一直在匿名工作, 被滥用和忽视, 原材料被我们粘稠的, 食物结块的手指捣碎。当然, 有例外。几颗璀璨的星辰跻身全球舞台。谁能忘记那些老式的Staples广告中的诸如”播放”按钮, 不祥的”末日”按钮或那些令人难以抗拒的”简易”按钮这样的典范？

有没有像斯台普斯简易按钮那样广为人知的按钮？

在这些异常之外, 按钮几乎没有引起人们的关注。不管。不论风雨无阻, 无论是否获得认可, 他们只是按照自己的设计去做。下降, 上升并尽职地启动最多样化的操作。

那我们怎么到这里的？我们如何从遗弃纽扣的土地到如今我们居住的郁郁葱葱的纽扣香格里拉之旅？

掌握语音命令-按钮的简要历史

这可能令人震惊, 但是按钮的历史相对较短, 跨越130-140年。为了进一步发现, 我们求助于Zendesk首席产品设计师Bill DeRouchey。

DeRouchey的博客Push Click Touch上充满了引人入胜的侦探作品, 这些作品阐明了按钮不断变化的背景及其与社会的融合。但是对于嗜好嗜好者和钮扣狂热者来说, 真正的宝石是他所说的”钮扣历史”。

从1890年代开始, 德鲁修(Derouchey)考虑纽扣的哲学和人类学影响。整个演示文稿非常出色, 但其中一些更有趣的要点值得重点介绍：

• 在没有按钮之前, 我们生活在杠杆时代。使用操纵杆, 我们可以看到一个动作(拉动操纵杆)是如何触发类似的机械动作的, 我们可以将其跟随为最终结果。
• 随着钮扣时代的到来, 运动被抽象化了。在人类历史上, 首次动作(按一个按钮)可能会导致完全不同的动作。根据DeRouchey的说法, 这是人类感知周围世界的方式的巨大转变, 按钮变得与一件事相关联-易于使用。
• 从1890年代到1950年代, 按钮的销售是使生活更轻松, 更快捷, 更便捷的一种方式, 并且在该时期的消费品广告中我们经常看到这种方式。

糖果手杖做起来非常容易, 这是1953年12月发布的RCA广告, 它提高了按钮的便利性。

• 同时, 按钮面板被用于控制高度复杂的机器和自动化系统, 并且越来越多的人意识到与按钮的交互需要特殊的培训。在流行文化中, 按钮甚至被描绘为过于混乱并导致令人压抑的工作环境。
• 随着1970年的到来, 家庭视频游戏系统蓬勃发展的世界引入了基于按钮的简单控制器, 按钮在我们的游戏心理中占据了一席之地。
• 到了1980年代, 虚拟按钮出现在计算机界面中。这些按钮仍然必须由一个物理按钮(计算机鼠标)来控制, 软件公司竭尽全力说明用户应该如何与它们交互。
• 随着1990年代的互联网繁荣, 我们被引入了一种新的按钮形式–无按钮按钮。在线上的任何图形元素(文本, 图标, 照片等)都可以成为可点击的链接。大约在同一时间, 直到2000年代, 触摸屏技术变得越来越先进。随着2007年第一部iPhone的发布, 表面触摸按钮开始迅速普及。
• 今天, 我们存在于各个时代之间。物理按钮比比皆是, 触摸按钮比以往任何时候都更受欢迎, 无按钮交互的实例正在扩展到以前忽略的对象, 空间和位置。

诸如Amazon Echo Dot(Alexa)之类的语音控制用户界面可让你瞥见无按钮交互的未来。

简单是按钮设计的目的

熵不遗余力。我们体验到按钮之类的事物, 纯净而纯粹的事物, 并且我们希望增加效果。单个按钮变成一排按钮, 成为一个按钮面板, 成为一个无限可点击选项的屏幕。设计师应该在下面的图表中注意到这种趋势, 并记住按钮的力量始终是其简单性。

下载此信息图的PDF版本

将此信息图嵌入网站

• • •

在srcmini设计博客上进一步阅读：

• 言语与行动–微观指南
• 迷你教程–使用Figma按钮组件
• 多年来的按钮设计–运球时间表
• 成帧器教程：7个简单的微交互可改善原型
• 未来的无按钮UI设计