分析类前台界面设计要点3：导航/面包屑导航
时间：2023-09-08 05:54:02 | 来源：网站运营
时间：2023-09-08 05:54:02 来源：网站运营
分析类前台界面设计要点3：导航/面包屑导航：
简述
面包屑导航通常出现在主导航和内容区之间，作为网站的辅助导航，它的一般结构如下：首页→一级分类→二级分类→当前页面，如果有更深层的页面就继续增加三级分类、四级分类，依此类推。
作用：
让用户了解目前所处的位置，以及当前页面在整个网站中的位置。
体现了网站的架构层级，能够帮助用户快速学习和了解网站内容的组织方式，从而形成很好的位置感。
提供了返回各层级页面的快捷入口，方便用户操作，减少操作步骤。
Google /百度等已将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个级别的名称，多使用关键字，都可以优化SEO（搜索引擎优化）。
比方下面这样：
适用场景
层级较深的网站
面包屑导航适用于层级较深的网站，如果只有一级分类的话，通过主导航就已经能够起到快速定位的作用，如豆瓣等扁平型架构的网站就没有使用面包屑导航的必要，如：
独立不交叉的网站结构
由于面包屑导航路径是线性结构的，即下一级分类必定只属于上一级分类，因此网站内容必须划分得非常清晰，且不存在交叉。否则，面包屑导航的路径是不唯一的，同一个分类可能出现在不同的路径中，让用户感到困惑。
设计要点
- 分隔清晰：用>、>>和—等符号分隔开各级别的文本，增加可识别度，便于用户定位。
- 快速切换：除当前页面外，其他各级别的文字链接都可单击进入相应页面，作为快速入口，同时还可能增加用户的浏览量，减少跳出率。
- 层级明确：各级别的文字颜色也需要进行区分，通常蓝色代表可单击的链接；当前页面不可单击，可选择黑色、灰色等颜色，以示区别
- 主次分明：面包屑导航作为辅助导航，不宜占用过多面积，避免与主导航争夺用户的注意力。
- 例：可以和其它类型导航结合
在线咨询
