当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计理论:斜杠的作用与网站导航

心得技巧
设计心得:如何突破已经足够好了
网站可用性设计:西方网站和亚洲网站的文化差别
网页设计参考:充满创造力的国外网站设计实例
网站用户体验设计师快乐并痛苦着
交互设计探讨:网站导航标签要明晰有效
很简短的话描述用户体验
度量用户体验发散出来的笔记
阅读是电子书好还是纸质书好
盘点2009年微博网站展望2010年互联网产品
和一号店网上超市类似的国外网上超市
优秀网页设计中的易视性元素
前端开发人员必备的14个常用开发手册
期待苹果apple的iTablet最新创造
以原型设计为基础分析可视化内容设计
Firebug 1.5正式发布:几个不错的新功能
浅谈交互设计:面向用户和现实的交互设计
体验新的代码感觉:十大编程字体
网页设计参考:很不错的15个HTML网页表单设计实例
交互设计研究:视觉注意力在设计中的运用
用户交互设计:避免让用户在网站上迷路

心得技巧 中的 网页设计理论:斜杠的作用与网站导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 55 ::
收藏到网摘: n/a

在互联网世界中,斜杠“/”是很常见的一个符号。它的位置在右 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 名。不过这样设计比较适合我这个重新设计的模板,是一个整体。如此改动之后,我发现通过搜索引擎访问到文章页,然后再访问分类页或首页的比例大大上升了,跳出率也降低了不少。

记录一下,有空继续调整。