你在网站里不会迷路，要感谢这个导航设计

你在网站里不会迷路，要感谢这个导航设计

一个注解:现在的互联网时代很华丽，大家的专注力更短了。如何让用户在你的网页停留更长时间？面包屑导航条就是其中重要的一种。AppSo(微信号appsolution)本文分享了网页上面包屑导航条的三个W，会让你对用户有更强的网页感。

面包屑(或面包屑标记)作为辅助网站导航，可以告诉用户自己在网站或网页app中的位置。这个表达来自于《汉塞特与葛丽特》的童话故事，主角沿路丢下面包屑，创造出一条小路，然后带领他回到自己的家。

像童话大师一样，网站用户也必须知道自己在网站结构分析中的位置，以便在必要时可以立即访问更高一级的页面。

在本文中，我们可能会讨论面包屑导航的应用和最佳实践:什么是面包屑导航，什么时候应用面包屑导航，以及如何设计面包屑导航。

一、面包屑导航有什么作用?

面包屑导航作为一种合理的视觉辅助，可以告知用户其在网站结构分析中的位置。对于用户来说，这种特征是上下文信息的关键来源，可以帮助用户找到以下难题的答案:

我在哪里？告知用户他们在整个网站结构分析中的位置。

我能去哪里？用户可以找到关于网站的频道和页面。与工具栏相比，用户可以根据清晰直观的面包屑进行导航，更容易理解和掌握网站结构。

我应该去那里吗？面包屑导航最能体现网站内容的使用价值，能激励用户再次访问网站。举个例子，当用户打开一个电商网站的商品页面，商品很可能不是他想要的商品，但是用户可能想要访问其他行业。根据面包屑导航，可以相对降低网站整体跳出率。

1.降低用户个人行为频次

就应用范围而言，面包屑导航减少了用户在浏览上一页时本应引起的个人行为的频率。除了使用电脑浏览器的“后退”按钮或网站主导航栏返回上一页，用户还可以使用面包屑导航。

2.占有至少页面室内空间

结构紧凑，不占页面太少空，面包屑导航是横向文本链接。好处取决于这样一个事实，即如果有内容负载，不利影响总比没有好。

3.面包屑导航为用户产生零苦恼

你大概不会在意这个小小的设计风格，但是没有人看不懂面包屑导航，也没有人不会轻易应用面包屑导航。

二、何时该用面包屑导航?

检验一个网站是否归于面包屑导航的一个很好的方法是建立一个网站导航栏构建的网站地形图或数据图，然后分析面包屑导航在相似或不同的文件目录中是否能帮助用户，提高用户的导航栏工作能力。

你要使用面包屑导航的前提是，大量内容存在于网站的专业分类中，有线性或结构性的分析。专业分类说白了就是网站内容可以分类展示，这种类型又可以再划分出大量的细分类型。典型的例子就像电子商务网站，对很多商品进行有效的分类。

对于层次单一、没有有效结构或分类的网站，不强烈推荐面包屑导航。

三、面包屑导航的归类

根据位置、路径和特征，面包屑导航可以分为3类。

1.部位面包屑

面包屑导航反映了网站的结构。可以帮助用户掌握网站结构分析，在多层次(一般两层以上)的网站中导航。如果用户从其他地方(比如百度搜索引擎结果)连接到网站的各个页面，对用户来说是非常有效的。

面包屑导航。Image:marketingland

下图BestBuy的例子，每个文字链接可以偏向一个页面，从右到左，是网站当前页面到上一个页面。

BestBuy的面包屑导航

2.路径面包屑

面包屑(也称为“历史时间印记”)显示信息用户访问特定页面的所有页面路径。这种面包屑导航连接一般是动态造成的。

有时候，路径面包屑是有效的，但在大多数情况下，它们是混乱的——因为用户在访问网站时可能会突然从一个页面跳到另一个页面，这是非常随意的。

这种不规则的访问路径并不能对用户有很大的帮助，但可以很容易地被电脑浏览器的“后退”按钮所替代。此外，如果用户直接进入一个网站的各个页面，路径碎屑是没有价值的。

下图是路径导航的一个示例，它显示了到整个目标页面的两个路径。

面包屑导航。图片:甲骨文

注:阅读关于网站基本建设方法的文章，请将场景移至网站建设教程频道栏目。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/769422.html