谈导航栏返回按钮的替代方案
【导读】本文主要讨论返回按钮的设计,如果手机尺寸略大,那么你将不得不使用另一只手来点击返回按钮。我猜这也是很多安卓手机会在左下角放置硬件返回按钮的原因之一;不过这种解决方案也不是最优的,因为在安卓平台中,应用内的“返回上一级”按钮与硬件返回按钮的功能还是有所区别的。
这里进入译文。我(英文原文作者)爱iPhone5,那多出来的640×176像素的空间非常有用。不过我时常会在点击那个最重要的按钮时遇到麻烦,是的,就是返回按钮。UX设计当中有一条规则,如果某个功能是很常用的,那么它应该被放在最容易点击到的位置上。
49%的移动用户在使用手机时是单手操作的,这就意味着每两个用户当中就有一个会每天多次通过单手来点击返回按钮;算起来的话这可是数以亿计的点击率。如果手机尺寸略大,那么你将不得不使用另一只手来点击返回按钮。我猜这也是很多安卓手机会在左下角放置硬件返回按钮的原因之一;不过这种解决方案也不是最优的,因为在安卓平台中,应用内的“返回上一级”按钮与硬件返回按钮的功能还是有所区别的。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21609.jpg)
要解决返回按钮的问题,最简单的方案就是使用手势。在用户已经熟悉了应用操作方式的前提下,手势还是很有效的。另外,将手势操作作为可视化按钮的一种补充形式也是不错的做法。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21616.png)
抛甩(toss)
“抛甩”是对我们与真实物体之间互动方式的一种隐喻,使用这种模式,你可以很轻松地将当前的活动界面“甩开”。例如在Letterpress中,用户可以通过向下快速滑动的手势将弹出提示甩走,有点意思。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21618.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21630.png)
新界面从屏幕右侧向左滑入视图,这是iOS当中的标准动效。相应的,我们也可以通过向相反的方向执行轻扫来导航回之前的界面,例如你可以在Pinterest当中通过向右轻扫的手势将大图界面向右移走,回到之前的界面。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21635.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21638.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21645.png)
与横向滑动的初衷相似,如果某些界面是从屏幕底部或顶部向上滑入视图的,那么可以尝试使用纵向拖动的方式来进行后退导航。Day One应用就打造了这样一套属于他们自己的“下拉刷新”,使用户可以在纵向的操作中直接进入之前或之后的一篇内容。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21649.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21A1.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21A4.png)
长按和双击都是可以由拇指独立完成的操作,所以我个人觉得它们将来有可能在回退导航上体现出价值。
从视觉和布局的角度解决问题
诚然,按照iOS设计规范所要求的那样将返回按钮放在导航栏左侧,看上去是最自然的。但这不能阻止我们在必要的时候完全改变返回按钮的视觉样式或位置;它甚至可以看上去不那么像个按钮。
Basecamp将待办事项内容界面设计成半覆盖的面板形式,用户点击左侧未遮盖的空间即可将面板向右收起,返回到之前的界面。
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21A6.png)
![谈导航栏返回按钮的替代方案,互联网的一些事](http://www.yixieshi.com/uploads/allimg/130707/1-130FH21F3.png)
除非苹果推出一款更纤细、边缘更薄的手机,否则我个人还是建议设计师们能够抱着更开放的心态来看待使用手势执行常规操作这件事。如果你能充分理解交互对象的运动方式以及人们对这些运动规律的认知,并将这些理解体现到设计当中,那么手势会成为非常高效和符合直觉的操作方式。作为设计师,我们必须清楚人们在实际当中是怎样使用手机的,只有这样,才能设计出让人们愉悦而不是感到受挫的产品。