53

从关闭标签页的动作细节看 Chrome 和 Safari

2009年12月10日

仅仅是一个关闭标签页的动作，就可以看出Chrome比Safari谁更体贴用户，谁更关注细节。

Safari上的标签关闭按钮位于标签左侧，如果我们从右侧依次关闭标签页的话，你会发现关闭按钮一直在移动，使你无法快速一个接一个的关闭标签页，每关闭一个标签页就要重新移动鼠标（因为标签页的宽度变了）：

closing-tab-1而Chrome标签页的关闭按钮位于右边，这样自然而然的就可以通过在同一位置连续点击鼠标来快速关闭多个标签页了（就算标签页宽度改变，关闭按钮反正都在右边不会动地方）：

closing-tab-2

下面这两个对比更明显：

closing-tab-3

closing-tab-4

有人该说了，你这是纯矫情，你要是从左边依次关闭标签页，Safari不就胜利了吗：

closing-tab-5

是的，Safari也可以胜利一次，但是关闭按钮在标签页右边的Chrome就一定会失败吗？请看：

closing-tab-6

我靠太神奇了！从左边依次关闭标签页Chrome依然可以做到鼠标不用挪地儿。因为在鼠标从左边关闭标签页的时候，只要鼠标悬停在标签页区域里，Chrome会强制让标签页不要改变宽度。下图上面是鼠标悬停在标签页区域内的情形，标签页宽度强制没有拉长，下图的下面是而在鼠标移开后，标签页宽度才恢复占满整个浏览器宽度：

closing-tab-7

即便你关闭中间的某个标签页，也是一样，只要鼠标不从标签页区域内挪开，标签页宽度就不会变化，这也方便用户准确定位到每个标签页，因为它们的宽度是固定不变的。

如果你是用快捷键来关闭标签页（苹果+W），那么Chrome还是会改变标签页的宽度，因为你这个快捷键狂人是不需要用鼠标去找标签页里的关闭按钮的。

如果按照Chrome的做法，将关闭按钮放置在标签页的左边其实也是可以的啊，为什么它没有像Safari那样做呢？因为大多数人还是习惯从右边关闭标签页，因为我们总是先关闭最近打开的新标签页，尽管Chrome也关注到了从左边关闭标签页的习惯，但最重要的原因其实是：我们正常的阅读习惯都是从左到右的。

为了证明我的结论，请看从右到左书写的阿拉伯语版的Chrome标签页关闭按钮的位置，你就明白Google的良苦用心了：

closing-tab-8

Via The Inbisible




Related posts

coded by nessus
本站文章除注明转载外，均为本站原创编译
转载请注明：文章转载自：谷奥——探寻谷歌的奥秘 [http://www.guao.hk]
本文标题：从关闭标签页的动作细节看 Chrome 和 Safari
本文地址：http://www.guao.hk/posts/closing-tab-in-chrome-and-safari.html
本文短网址：http://guao.cc/Fwc
作者: 分类: Google技巧, 观点/评论 标签: ,
  1. iBoluo
    2011年7月20日09:10 | #1
    回复 | 引用

    @Jeff:
    操作系统是Mac OS X没错，我说的是，按照Mac的使用习惯，关闭按钮是在左边的。
    所以Chrome将关闭放在右边反而不怎么符合使用习惯。
    另外一个就是，亲测就知道了，标签大小是会随着标签数量改变而改变的。因此，想要用一点到底可能性不大。
    ^_^不过俺是键盘党的说，只用快捷键关窗口，所以对俺影响倒不是很大。

    Thumb up 1 Thumb down 0

  2. Jeff
    2011年7月19日23:19 | #2
    回复 | 引用

    iBoluo :
    一看就知道作者没用过 Mac，要知道 Mac 的关闭按钮是在右边的，如果 Chrome for Mac 还是把关闭按钮放在右边，那就是 Google 蛋疼了。
    0  0

    @iBoluo:
    那么您觉得上面的截图是哪个操作系统呢？

    Thumb up 0 Thumb down 0

  3. orgsun
    2011年6月23日11:48 | #3
    回复 | 引用

    现在这种标签页的细节设计，也被Firefox5吸收了。

    Thumb up 0 Thumb down 0

  4. iBoluo
    2010年4月23日01:19 | #4
    回复 | 引用

    @iBoluo:
    呃，说错了，是 Mac 的都在左边。

    Thumb up 0 Thumb down 0

  5. iBoluo
    2010年4月23日01:18 | #5
    回复 | 引用

    一看就知道作者没用过 Mac，要知道 Mac 的关闭按钮是在右边的，如果 Chrome for Mac 还是把关闭按钮放在右边，那就是 Google 蛋疼了。

    Thumb up 0 Thumb down 0

  6. 钢盅郭子
    2010年2月10日10:11 | #6
    回复 | 引用

    @sjerrys:
    弱弱地问一下，Safari撤销上次关闭标签的快捷键是啥？

    Thumb up 0 Thumb down 0

  7. knowliu
    2010年1月15日19:01 | #7
    回复 | 引用

    爱用什么就用什么，没有什么好争的。我用chrome,是因为它速度快，界面简洁，其他功能的话也只是一般。

    Thumb up 0 Thumb down 0

  8. 冰古
    2009年12月27日21:51 | #8
    回复 | 引用

    chrome的界面无疑是成功的，但我还是选择了firefox，firefox拥有太多chrome还没有的东东。

    Thumb up 0 Thumb down 0

  9. 左岸读书
    2009年12月18日22:49 | #9
    回复 | 引用

    一种习惯性的细节~

    Thumb up 0 Thumb down 0

  10. Drama Queen
    2009年12月15日16:23 | #10
    回复 | 引用

    再次证明有许多人说话不负责任而且信口开河， PC版Safari的就是在右边的，而MAC版才是在左边，还有我不明白的是为什么说因为我们正常的阅读习惯是从左到右的所以我们就要从右到左来关闭tab？难道有人开窗口看网页时是一定挨着顺序看过去再挨着顺序关掉的吗？真是个想当然的猪脑子！

    Thumb up 0 Thumb down 0

  11. sjerrys
    2009年12月15日08:52 | #11
    回复 | 引用

    初级用户不会开那么多tab不关。中级用户则不会一个一个叉的点。就我自己的体会，tab上放个叉根本就是不靠谱。很容易点错给叉了，相比而言safari这个则是最不容易点上的。

    设计的时候只需要 均横高效，门槛与你的目标用户的关系。

    SO,只能说 safari 是给高级用户的，而IE们是给初级用户（以前连tab都没有）

    Thumb up 0 Thumb down 0

  12. 软言软语
    2009年12月14日15:38 | #12
    回复 | 引用

    anson :
    safari做在左边是有原因的，而不是考虑不周。因为Mac的关闭窗口键是在左边，这是Mac系统的UI习惯。只是用WINDOWS的人的习惯是在右边。
    对我来说，哪边都区别不大，因为我都是用快捷键的。

    @anson:
    确实，这个主要是Mac系统的风格而已，就像当初 Opera 的关闭按钮一直都是放在标签的右侧，但是在更新后，将其移到了左侧，并声明是为了原生的Mac界面，所以这个比较不是很有意义。不过，不可否则的是Chrome在很多方面确实比较人性化，这也是为什么Google要开发自己的浏览器的一部分原因，而相反Apple似乎并没有将Safari作为重要的业务来对待，每次的更新变化都不是很大。

    Thumb up 0 Thumb down 0

  13. MeaCulpa
    2009年12月13日21:52 | #13
    回复 | 引用

    博主请试试看双击标签

    Thumb up 0 Thumb down 0

  14. Jason Ng
    2009年12月12日12:23 | #14
    回复 | 引用

    Chrome的关闭按钮设计应该是这样的：鼠标点击关闭某个Tab后，下一个Tab的关闭按钮就会移至鼠标下面。所以不管从左边开始关还是右边开始，都显得比较人性化。

    Thumb up 0 Thumb down 0

  15. 阿辛
    2009年12月12日02:00 | #15
    回复 | 引用

    大神，我彻底服了，我说怎么用怎么舒服呢，这就是极致啊！

    Thumb up 0 Thumb down 0

  16. Seven
    2009年12月12日00:11 | #16
    回复 | 引用

    我绝大多数情况下都在MAC下用Firefox，因为它有个Firebug插件。因此也一直习惯关闭按扭在右边。最近又在学着用Vimperator，一个d就关闭了，不用Cmd+W。

    实际上，MAC窗口的关闭按钮放到左边确实不错，我觉得它的目的只有一个，它不想被关闭。为什么？记得以前使用Windows时，经常按关闭，最大化，最小化。但在MAC上，这些按钮基本不用。因为Mac切换窗口很方便。

    但窗口按扭放到左上角，确实有不便的地方，那就是你要点这些按钮的时候。我这不是在说废话。就浏览器而言，滚动条在右边。大多数人都习惯鼠标拖动滚动条后将鼠标放到右下角，而这时候要关闭窗口就需要将鼠标移过整个对角线--最长的距离。诚然，用MacBook的人都可以用两个手指滚动页面，但还是会有些人会外接鼠标...

    Thumb up 0 Thumb down 0

  17. 回复回复们
    2009年12月11日21:24 | #17
    回复 | 引用

    中键关闭：伤身体，中键不是拿来按的。
    我的习惯：双击关闭（如傲游等），鼠标手势（如Opera、傲游等）。

    Thumb up 0 Thumb down 0

  18. fisio
    2009年12月11日20:01 | #18
    回复 | 引用

    @musiXboy: 我是说对 mac 用户来讲，几乎所有的红绿灯按钮都是在左侧，连 chrome 自己的主窗口红绿灯都是在左侧。这样会造成习惯上的麻烦。不过对于习惯使用快捷键的用户倒是影响不大

    Thumb up 0 Thumb down 0

  19. Newton
    2009年12月11日18:26 | #19
    回复 | 引用

    怎么都感觉还是稍微有点矫情了
    我关窗口要么 Cmd+W 要么鼠标手势,就是不点那个小叉叉..而且 Chrome for Mac 的小叉叉放在右边的确和Mac一贯的左边不太匹配

    Thumb up 0 Thumb down 0

  20. Nonomori
    2009年12月11日17:55 | #20
    回复 | 引用

    一直用cmd+w关闭tab的

    Thumb up 0 Thumb down 0

  21. siegyu
    2009年12月11日17:35 | #21
    回复 | 引用

    建议Chrome for Mac的标签栏位置能更加靠近顶端，比如再减少3～4px会更紧凑。

    Thumb up 0 Thumb down 0

  22. Hopone
    2009年12月11日17:22 | #22
    回复 | 引用

    原来这么多人都不知道用鼠标中键去关闭标签（也可以用中键点链接在新标签中打开），唉...

    Thumb up 0 Thumb down 0

  23. diyism
    2009年12月11日17:04 | #23
    回复 | 引用

    @diyism:
    EmEditor也是双击空白新建标签页, 双击标签关闭标签页,
    这应该成为所有多标签页应用程序的标准行为.

    Thumb up 0 Thumb down 0

  24. diyism
    2009年12月11日17:01 | #24
    回复 | 引用

    这么多鸟人咋就没一个提到firefox的"close tab on double click"插件呢?
    连xplorer2文件管理器也是双击空白新建标签页, 双击标签关闭标签页,
    这应该被纳入firefox的缺省设置.

    Thumb up 0 Thumb down 0

  25. flz
    2009年12月11日16:43 | #25
    回复 | 引用

    人性化啊

    Thumb up 0 Thumb down 0

  26. Justice
    2009年12月11日15:49 | #26
    回复 | 引用

    @musiXboy:
    他应该是说在 Mac 下用 Chrome 的时候会改变用户的使用习惯。

    Thumb up 0 Thumb down 0

  27. Justice
    2009年12月11日15:48 | #27
    回复 | 引用

    既然是 Chrome for Mac ，为什么不把关闭按钮做在左边呢？也可以让标签强制拉长从而从右边连续关闭啊。我也觉得在 Mac 下不遵循 Mac 用户的使用习惯是很不合理的。但是设计的细节还是很值得学习的。

    Thumb up 0 Thumb down 0

  28. 波希米亚
    2009年12月11日15:24 | #28
    回复 | 引用

    Safari的设计有它的道理所在：首先是设计的一致性，apple软件关闭都在左侧（与win相反），所以Safari延续了这一点；其次，为什么要连续关闭多个tab呢？连续点击关闭可能会由于“惯性”把不需要关闭的tab关掉…… 的确，Mac下用户擅长键盘流，这些问题影响并不大

    Thumb up 0 Thumb down 0

  29. 胡一刀
    2009年12月11日14:42 | #29
    回复 | 引用

    细节决定成败

    Thumb up 0 Thumb down 0

  30. XXX
    2009年12月11日14:06 | #30
    回复 | 引用

    设计真差！

    Thumb up 0 Thumb down 0

  31. sexla
    2009年12月11日14:06 | #31
    回复 | 引用

    好强大啊，呵呵！！！！！！！！！

    Thumb up 0 Thumb down 0

  32. aoao
    2009年12月11日10:01 | #32
    回复 | 引用

    anson :
    safari做在左边是有原因的，而不是考虑不周。因为Mac的关闭窗口键是在左边，这是Mac系统的UI习惯。只是用WINDOWS的人的习惯是在右边。
    对我来说，哪边都区别不大，因为我都是用快捷键的。

    @anson:
    同样用键盘关的鹿过。

    Thumb up 0 Thumb down 0

  33. Jeff
    2009年12月11日09:51 | #33
    回复 | 引用

    Chrome的这个效果经常在我机器卡的时候，一不小心就关了两个。

    Thumb up 0 Thumb down 0

  34. 任平生
    2009年12月11日09:01 | #34
    回复 | 引用

    我习惯用中键关闭标签,可以点的区域大,不用注意那个小小的 X 号

    Thumb up 0 Thumb down 0

  35. 微醺漂移
    2009年12月11日07:45 | #35
    回复 | 引用

    细节决定成败！

    Thumb up 0 Thumb down 0

  36. holy-han
    2009年12月11日07:27 | #36
    回复 | 引用

    他媽的。為什麼不做一個豎排，至右的。

    Thumb up 0 Thumb down 0

  37. Zoll
    2009年12月11日05:39 | #37
    回复 | 引用

    我到很怀念，Safari 4 beta 那时候参照 chrome 的标签栏设计，却又恰到好处的样子。可惜没有了。。

    Thumb up 0 Thumb down 0

  38. Zoll
    2009年12月11日05:38 | #38
    回复 | 引用

    之所以不用 chrome for mac 就是因为IU设计的与mac格格不如，还是延续windows的样子，很难看。
    就这样额。。

    Thumb up 0 Thumb down 0

  39. anson
    2009年12月10日23:46 | #39
    回复 | 引用

    safari做在左边是有原因的，而不是考虑不周。因为Mac的关闭窗口键是在左边，这是Mac系统的UI习惯。只是用WINDOWS的人的习惯是在右边。

    对我来说，哪边都区别不大，因为我都是用快捷键的。

    Thumb up 0 Thumb down 0

  40. musiXboy
    2009年12月10日23:44 | #40
    回复 | 引用

    @fisio:
    Chrome不是一直在右边吗？怎么一会左一会右了？

    Thumb up 0 Thumb down 0

  41. dupre
    2009年12月10日23:41 | #41
    回复 | 引用

    你么有写出重点,chrome是可以中键关闭标签的,只要鼠标在标签区域内.....safari呢....关起来得要移到右边小得要命的叉叉上.........你说哪个关的快.....就是这里,...safari输给chrome了.....

    还有拷贝文字进行google搜索....chrome是另开网页,safari是很暴力的直接在当前页进行.....差好多......

    Thumb up 0 Thumb down 0

  42. redoasis
    2009年12月10日23:09 | #42
    回复 | 引用

    在MacOS X下，目前的chrome还是个残废,连proxy设置都没有，怎么用？目前还是Safari为主，firefox为辅，chrome仅用来尝鲜.........

    Thumb up 0 Thumb down 0

  43. leslie
    2009年12月10日23:05 | #43
    回复 | 引用

    辛苦了编辑

    Thumb up 0 Thumb down 0

  44. fisio
    2009年12月10日22:56 | #44
    回复 | 引用

    按钮做在右侧才是失败，没有谁愿意一会儿左一会儿右的。。。

    Thumb up 0 Thumb down 0

  45. Freeman
    2009年12月10日22:56 | #45
    回复 | 引用

    哈哈...原来大家都有同感

    Thumb up 0 Thumb down 0

  46. flyink
    2009年12月10日22:54 | #46
    回复 | 引用

    研究得很透彻！不过一直只用中键关窗口 取消关闭按钮，左键容易多点一下误操作~~

    Thumb up 0 Thumb down 0

  47. Andy
    2009年12月10日22:50 | #47
    回复 | 引用

    有利有弊吧。Firefox关闭标签时只要电脑稍微卡一下就会多关闭本来不想关闭的标签的

    Thumb up 0 Thumb down 0

  48. bolo
    2009年12月10日22:48 | #48
    回复 | 引用

    一直就觉得Safari的关闭标签按钮设计很失败

    Thumb up 0 Thumb down 0

  1. 2009年12月11日14:38 | #1
    从关闭标签页的动作细… « twitter存档
  2. 2009年12月11日22:13 | #2
    从关闭标签页的动作细节看 Chrome 和 Safari « 英伟摩达
  3. 2009年12月12日00:08 | #3
    从关闭标签页的动作细节看 Chrome 和 Safari | 互联网的那点事
  4. 2010年2月7日22:45 | #4
    榨干Chrome UI | 优涩控
  5. 2011年12月12日22:20 | #5
    为什么 Mac 的窗口按钮在左上角？ | YCFlame's Pensieve
首次留言需审核，之后不会再审核。由于缓存机制您的留言可能不会立即显示出来，请稍后刷新本页面

您可以直接点击别人评论右侧的回复，这样您的回复评论将同时发到原作者信箱