# 按钮不死，慎用手势

- 作者：积木
- 发布时间：2012-09-03 13:27
- 分类：特稿
- 原文：https://www.ifanr.com/145889

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/light-switch.jpg "light-switch")](http://www.ifanr.com/145889/light-switch)

我们都讨厌按钮，特别是在触屏上。与手势比起来，它抢夺屏幕空间，而且完全不够优雅。不过，从实际使用中，手势真的比按钮好用吗？N9 系统的 Swipe 切换看起来比 Android 的虚拟按钮进化好多，但是在易用性方面呢？另一个例子，在 N9 中切换输入法的时候，左右滑动真的比按钮好用吗，而且初次使用的时候，你是否也不知道怎么切换，无奈的 Google 过?

其实，N9 也只是在系统和输入法切换这里大胆用了手势，在具体应用设计上，仍然是各种按钮，如果应用内部也是各种 Swipe，想必用户都会疯掉。

最近，一个讨论交互设计的有趣网站上线，叫做 fuckjetpacks.com。作者显然对 jetpacks 恨意重重。什么是 jetpacks。

那些“WoW”重于“Just Works”的设计，被他称为 Jetpacks 设计。[一个例子](http://fuckjetpacks.com/read/flick_to_tv_represents_everything_wrong_with_product_design_today)：从手机上向电视传输视频。将视频滑出屏幕的手势很优雅，但是问题重重，更重要的是，对于大众来说，如何发现这个滑动手势？

> 可爱的手势是触屏时代的“Mystery meat navigation”（这个名词有人翻译为“肉之谜导航”。）

相比起来，“一个简单、可理解、可发现的按钮”更好用。它不性感，不新奇，但它好用。我们需要更多“it just works”的设计。

什么是 Mystery Meat Navigation。这里还有另一个典故。在《[iPhoto 的 Mystery Meat 手势](http://ignorethecode.net/blog/2012/03/14/mystery_meat_iphoto/)》 一文中，ignorethecode 网站的 Lukas Mathis 进行了解释：在1998 年的时候，网站的导航经常是隐藏的，用户必须无目标的移动鼠标，才能使它们出现。为此，网页设计师 Vicent Flanders 创造了这个名词“Mystery Meat Navigation”。Lukas Mathis 认为在苹果的 iPhoto 里，就有这种情况。另外，虽然 iPhoto 和 iOS 的内置 Photos 是同一个公司的产品，但是手势完全不同，你从 iPhoto 里学到的东西完全无法用于 Photos，甚至会使你对 Photos的使用更加糟糕。

[Lukas Mathis 认为](http://ignorethecode.net/blog/2012/09/02/buttons/)，现在许多设计师都不愿意设计按钮，而愿意使用不寻常的手势。这是因为手势很优雅，使得用户界面更干净。但是按钮的好处在于它的显明。“它们可以有标签来描述功能。每个人都知道怎么用它们。他们“Just Work”。这就是我们为什么用按钮开关灯，而不是到处安装 [Clappers](https://en.wikipedia.org/wiki/The_Clapper)。（Clapper：一种声控开关）

顺便说一下，对于易见性，我希望在推进一步，不是“可以”用标签，而是“必须”用标签，因为按钮同样缺乏规范，有时候你根本不知道按钮的含义是什么，在这方面，WP 系统使用”More“唤出按钮注解可能是个更好的主意。

不可否认，手势是一个交互的新领域，值得探索，比如下拉更新就是一个值得称赞的例子。但是，手势的问题在于，它缺乏约定速成的规范，而且隐藏性是一个硬伤，因此，对于手势的使用必须谨慎，否则带来的不是操作的爽利，而是用户的困惑。不要轻易否定按钮，慎用手势吧。

图片来自 [Greenhousecleaning ](http://www.green-house-cleaning-tips.com/2012/05/some-great-energy-saving-tips-you-should-know/)