斜杠的作用与导航
写于 2009年01月16日 23:07 评论(13)
在互联网世界中，斜杠“/”是很常见的一个符号。它的位置在右 Shift 的左边，不用按 Shift 就能够输入。
我猜测（没在维基中查到），斜杠之所以占据那么重要的地位，应该得益于操作系统（Unix、Dos）的流行。在命令行中，一个斜杠往往是表示着根目录，也作为目录与目录之间的分割。
其实到了互联网时代，除了 URL 中可能要用到斜杠外，其他地方很少见到它的身影。但它并没有随着历史而去。
在 Gmail 中，如果你给 label 命名为 abc/def，那么通过 IMAP 维护邮箱时会发现，abc 是 def 的上层目录。也就是说你可以给 label 增加一层（或多层）目录。
在 Google Analytics 中也可以见到斜杠的身影。常用 Analytics 的人知道，可以用 pageTracker._trackPageview("/abc/def"); 来重命名内容，并且可以通过 Content Drilldown 来查看 abc 的访问情况（包含 def），也可以展开，单独查看 def 的访问情况。不过即使不通过 _trackPageview() 来重命名内容，默认是 URL，URL 也是用斜杠区分的。
通过 Google 的例子可以看到斜杠在表示目录、层级关系时发挥的作用。我相信在 Google 的其他很多产品中也会有很多斜杠的妙用。
前些时候我调整了 Blog 的界面。最大的改动并不是把 sidebar 从右侧调到了左侧，而是顶部的指引。分为以下几种层次：
- JunChen Wu —— 首页
- JunChen Wu / 设计 —— 分类页
- JunChen Wu / 设计 —— 文章页（下一行为文章名）
顶部的 H1 结合了面包屑、导航、指引、页面名的功能，而不是如大多数 Blog 一般是固定不变的 Blog 名。不过这样设计比较适合我这个重新设计的模板，是一个整体。如此改动之后，我发现通过搜索引擎访问到文章页，然后再访问分类页或首页的比例大大上升了，跳出率也降低了不少。
记录一下，有空继续调整。
J.
原文地址：http://www.junchenwu.com/2009/01/slash_navigation_design.html
评论(13)
这个逻辑应该是“上/下”~~
但偶经常会觉得应该是“分子/分母”……囧
我现在在段落里，也很常用斜杠。
在国外的一本书里，也经常用到斜杠，比如“教导/学习”。电脑配置里，也常用到斜杠，比如P4 3G/1G DDR 800/160G。
斜杠可能是可以代替其它的标点符号，比如顿号、或表示“或者”，或表示“和”，或者相关的词语，等等。
@自由勇 我找了维基百科，没找到相关斜杠的故事。只能猜测了。斜杠主要用于表达前后两者关系。
从程序员滴角度应该是父子关系吧。
比如 $cd aa/bb/ 挖哈哈。
用这样的方式来表现层级关系确实挺有意思。window中目录是"\"，有点不一样哦
@愆伏 Windows 中正反斜杠基本通用
从HTML结构来讲，非常赞同这样的h1，文档主题分明，不要再思考二级页面的标题是h1，还是h2。不过面包屑的交互是为了弥补导航混乱而产生的，不属于必备项吧？
@greengnn 不是必备项。也不是为了弥补导航混乱而产生的，而是在清晰的结构下才能发挥作用，如果本来信息结构就混乱，再用面包屑...那就...
什么时候介绍下'\'的故事？
这样的方式来表现层级关系确实挺有意思。
原来斜杠还有这么多作用啊！
好文，才知道如此用
很赞的面包屑。
关于斜杠，我比较赞同Gmail的快捷键用法，在非输入区获焦情况（“命令模式”？）输入斜杠会让搜索框获焦。vim也是这样（发现Gmail很多快捷键和vim一样），很赞。