当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网站的主导航与面包屑导航

心得技巧
网页设计心得:网页设计中的包容原则
网页设计理论:站在用户立场思考问题
设计参考:B2C网站添加到购物车按钮设计欣赏
收集国外优秀的杂志风格网站设计实例
用户体验参考:网页产品原型设计到网站界面
电子商务网站常见模式案例:分页设计
WEBJX收集55个新鲜的企业网站设计案例
70个漂亮的带有灵感的单页面网站设计实例
提高视觉冲击纹理质感风格Web设计实例参考
设计灵感:启发灵感的网页设计实例
Webjx收集50个新鲜的时尚和精致的组合设计网站
45个阅读更多和继续阅读链接设计实例
50个漂亮的有强烈设计感的博客网站实例
35个漂亮的国外摄影类网站(WEBJX收集)
54个出色的“网站建设中”网页设计实例
设计参考:10个使用涂鸦风格的网店设计
设计参考:12个设计精彩的国外游戏网站设计
用户体验:准确的发现问题和优雅的解决问题
淘宝网允许非注册用户购买的设计流程
网页设计理论:网站首页如何增加互动

心得技巧 中的 网站的主导航与面包屑导航


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

在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向,而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样,前者为用户做一个大概的结构介绍,而后者则是在大架构之后的细节延伸。

面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接,这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地,面包屑导航是按一种递减的结构来呈现的。

然而这种递减的结构的最上级应不应该包括“首页”这个最大最杂的入口呢?如果面包屑导航里没有“首页”的链接,那这算不算是完整的导航结构呢?

国内四大门户网站里,关于面包屑导航设计里,网易跟腾讯是有“首页”链接的,而新浪跟搜狐则是没有“首页”与链接的:

nav1

nav2

nav3

nav4

在包括“首页”链接的导航结构里又分为两种,其一是如网易般的在“首页”之前还有当前频道首页的链接,这点与新浪以及搜狐的设计是一样的;另一种则是如腾讯般的最上级直接就是“首页”。

如网易这般的面包屑导航设计可以突显出当前频道,但同时也存在另一个问题,那就是在同一个导航中出现了两个相同的链接,提供了更多入口的同时也让更容易让用户迷惑。

而在面包屑导航里不包括“首页”的设计则给人感觉怪异,就如同从一栋大厦门口进去到某个楼层的某个房间,结果出房间的时候发现指示牌里没有大厦门口的指示位置,只是指示到这一楼层的门口。

这样的设计不得不让人联想到,这是一种各自为政的作法,最大可能的把用户留在当前频道里,而不管用什么方法。

一个完整的面包屑导航应该是从最初的入口开始,也许很多用户的最初入口直接就是某个频道首页,但不可否认,面包屑导航的递减架构的最上级应该是如金字塔的最底层一样,而国内网站们的首页设计就如金字塔的最底层一样,信息庞大而复杂,网站首页是整站中聚集度最高的地方。

关于面包屑导航的结构呈现,你有什么更好的想法?