界面设计10：关闭按钮设计

为什么Booking的关闭按钮都放在左边，而飞猪的在右边？

Booking

界面设计10：关闭按钮设计

飞猪

界面设计10：关闭按钮设计

自己最先接触的是国内app的全屏窗口，习惯了关闭窗口的按钮在右上角，这样第一次使用国外app时，就十分不习惯将手指点击左上角关闭的方式。可能在心理上会觉得按钮在右边是离右手更近的地方，按钮放右边是再适合不过的选择了。而后来，越来越多国外app的使用，都是把关闭按钮放在了左上角，这对于手小的用户来说，单手关闭窗口就是一件很艰难的事情了 。不过这对左撇子来说就正好，于是又想起来：乔布斯是左撇子（logo那个苹果被咬掉的是右边）！

当然，对于双手操作的用户，关闭按钮放哪都无所谓了。

Booking这么做的道理

作为拥有全球最多酒店线上预订的Booking公司，之所以这么做肯定是有自己的道理，那么还是来认真思考一下为什么：

1.关闭和取消更接近

微信

界面设计10：关闭按钮设计

1:app中大部分的取消按钮都在系统界面左上角。

2:最重要的是用户除了关闭界面以外，还有更重要的目的，比如浏览，发表，选择。而这些按钮通常在右上角。

2.窗口在向上或向下滑动过程中关闭按钮位置应该吸顶保持不变

airbnb

界面设计10：关闭按钮设计

通常情况下，向上或向下滑动浏览过程中用户都有可能操作关闭按钮；其次这也和我们阅读文字的习惯相适应：从上到下，从左到右，做为唯一的出口，它应该和信息优先级最高的标题靠的更近。

3.操作过程更加舒适

我们来尝试一下将手机放在正中的位置，然后调整右手的位置，以舒服的姿势，这个时候尝试往左或往右，可以感觉到只需手臂微微摆动，就可以轻易点击手机屏幕左上角或右上角的按钮，而向右则显得吃力一点。这和人体的生理构造有关，人体的手倾向于内侧朝下的方向，而右摆动的时候，往往是习惯先向内侧的。所以在操作上，向左舒适度会更好，向右更加准确。

那么飞猪将关闭按钮放在右边有哪些道理呢：
任意打开一个app，可以很轻易地发现，只要有标题的信息往往都在左侧，而右侧更多的是解释信息。从人机工程学的角度，用户对于左侧的操作效率要低于右侧，所以将关闭按钮放在右侧可以更多的减少费力度，因为距离右手更近。不久前我们也有讨论过点击屏幕任何区域即可关闭页面，这也是为了减少费力度。