Tab式位置导航变体_网页设计教程

推荐：淘宝首页变胖了?
今天在Taobao.comUEDTeam的blog上看到《我变胖了…》，才知道淘宝首页改版了。于是就去瞅瞅了，本来想找个改版前的首页做对比，看看变化，可惜只找到比较早的

Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介绍了一种新奇的、综合了 Tab 导航的 Breadcrumb（一直找不到合适的中译，位置导航？您的位置？还是面包屑？），如下图：

图中不错的表达了网站的层次、结构，单独来看很有新意。Yahoo! 在运用这招的时候加入了一些变化，参见 Yahoo! Food、Yahoo! Sports、Yahoo! TV。不过 Yahoo! Food 的那条 Buzz 确实造成了不小的干扰。当然 Yahoo! 必须考虑更多的因素，比如 Tab 的数量。图：

这很轻易让我们联想起 Amazon 在导航上面做出的努力和改进，以及目前 Amazon 的动态 Tab 式导航。

除了赞叹于它的创意，我们仔细想想，在交互设计中，我们可以整合两种用户比较习惯的元素，这里是 Tab 导航和 Breadcrumb，这是一种将现存元素组合的创意思考方法。值得学习。

酷归酷，在这种触及核心的导航上，我仍然不改我的观点，最好的体现网站信息架构的交互方式，目前仍然是树型控件，或者称之为目录式导航（至少在国内如此）。

分享：web2.0是互联网上的现代主义
工业革命之前，设计师通过手工制作为少数权贵服务。十九世纪末二十世纪初，随着新技术的兴起，工业化大生产要为更广大的人民大众服务，需要设计出造价低廉、实