良好位置感的设计
好的设计和不好的设计，就像是一块硬币的正反面。之前我们看到的都是硬币的反面，只要翻转一下，就可以看到正面了。
上次我评论了上网四大郁闷事，很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道，网站就像是一个信息群岛，岛屿和岛屿间是相连的，差别在于你是用独木桥还是高速公路，桥边（路边）是美女的诱惑还是指示牌。良好位置感的设计，主要解决三个问题：我从哪里来（为什么我在这里）？我在哪里（这里是哪里）？我将去哪里（下一步怎么走）？就像是一个迷宫，你所处位置正面有三条路，背面有三条路，你可能一下子就迷失了，忘了从哪条路来，也不知道下一步该走哪条路。
在不同的情境中，这三个问题的主次不同。但大部分情况下，第二个问题（我在哪里）更重要一些。
一种设计是在国外被叫做 Breadcrumb 的东西（延伸阅读：Breadcrumb Navigation: Further Investigation of Usage），就是童话里利用面包屑找到回家路的聪明小孩的故事。这个设计不仅仅用在资讯类网站的分类层级导航，也常常被延伸到那些“下一步、下一步”的交互过程中。比如：
如果你对 Breadcrumb 使用率有疑问的话，推荐你阅读上面给出的延伸阅读文章。
我曾经想设计一种记录用户在站内访问路径的 Breadcrumb，这个和一般的“您的位置”有些区别，类似于访问历史。后来我发现实际上 Taobao 或者其他购物网站的商品浏览历史（站内访问历史）可以算是一种变体。
然后还有一种设计似乎是亚马逊独创的动态 Tab 设计（延伸阅读：亚马逊网站导航栏的变迁史），即当前所在的分类作为当前的 Tab，突出显示（动态 Tab 设计的创意应该来自于利用 headings 级别文字表示当前页面，这一点 Amazon 仍然在使用）：
插一句话，怎么样设计算是突出呢？W3 有一个对比度标准算法：亮度差异大于125，色彩差异大于500。起码得做到这一点吧。
利用 Tab 作位置导航有很大的优势，结合 Breadcrumb 和 Tab 还产生了一种变体，在 Yahoo! 的一些频道中已有运用：
另一个问题是，对于资讯类网站，用户（访客）可能并不是从首页进入的，可能通过搜索引擎或者外部链接。这种情况下如何是好呢？除了以上方式的综合运用，我曾看到过在页面上给出搜索框，并给出来路的关键词，提示用户可以再次进行站内搜索的。比如：
以上可能更多侧重于信息架构方面，举的例子也估计是见多不怪，但我想说的是创新永远不会是凭空产生的。所以我们可以通过追根溯源的方式去学习，来增强我们的思考能力。我赞同一个观点：设计师应该是发明家。在产品设计上，你应该比他人想的更前，也要比他人想的更后。
欢迎针对本话题进行补充，谈谈你所见过的优秀的导航、信息指引方面的设计 :)
8月 6th, 2007 at 20:58
记住前一步,提示后一步;拒绝混乱
8月 6th, 2007 at 22:20
Breadcrumb 和 Tab结合的我第一次看到是在live.com，觉得挺好的。
8月 7th, 2007 at 11:08
时刻提醒用户，自己在什么位置，说到这里，我想起了宜家的导航图….
8月 8th, 2007 at 1:09
很有意思的话题，amberwl提到的IKEA导航图的确是很好的实例，这里我还想起IKEA 布局设计里面的“快捷通道”，除了让用户按设定的路线查阅产品，他们还为着急进入下下个区域的用户提供一个快捷通道，这个通道很多时候节省了我很多时间去直接找到我想买的产品。
不知道这个概念能不能在breadcrumb里得到应用？
8月 8th, 2007 at 8:58
在ASP的企业管理软件里，路径条很醒目，并且有快捷入口，方便熟练的用户直接进入目的地
vista操作系统的路径条也做的很有创意！可以通过路径条返回任意位置，可谓活地图。
8月 8th, 2007 at 15:00
很简单的东西当系统的写成文章后看起来会别具风味～
8月 15th, 2007 at 11:04
非常不错的分析，在厦门的SEO大会上，也有国外的专家讲到了位置导航的方式等细节。
对于Web设计，我补充一下应该注意的SEO部分，就是Amazon那种做法，注意脚本或者Div的写法，要让下面所属的链接在代码中对搜索引擎有效。我见过不少的用脚本写成的是搜索引擎抓不到的链接。
10月 12th, 2007 at 15:01
导航就像是路标一样，我看到过同一个城市有的街道地铁站入口的指引标志很好，对地形不熟的人也能找到地铁站的入口，给人以很强的安全感；但是有的街道地铁站入口的指引标志做的就不好。
导航做的好能给访问者很大的安全感，不会挫伤访问者的自信心。
5月 20th, 2008 at 23:12
同意，我们学校的教学楼设计的就有点让人头痛，加上没有特别好的导航系统，使我这个在这里使用了快三年的人有时候都会迷路…感慨…要在离开学校之前做下这件事情…还望大家给我多点指导，意见…
12月 14th, 2008 at 19:54
拜读，这样的设计的考虑的非常周到，但是仅从一个网站的访问者或者用户的角度来看只是习惯这种设计。但是的确提供了非常大的方便。
1月 24th, 2009 at 23:24
我个人总结的话就一句话:
让用户思考做什么,而不是怎么做.
其实就是目标为导向的原理
5月 21st, 2010 at 16:28
好的设计才会吸引人。留住人。
3月 13th, 2011 at 17:20
所以一个网站要有良好的位置感，应该有贯穿始终的导航菜单，就像是一条高速公路。
4月 27th, 2011 at 9:49
最简单，最明显，不让用户思考，引导用户达到目的地。