面包屑导航简介

日期:2011年10月13日

网页设计已经走过了很长的路。几个静态页面的集合时,将完成一个网站的日子已经一去不复返了。截至目前,它是日益增长的内容创作模式,成倍增加了一个网站的深度。一个简单的网站,可以成为信息的走向枢纽,在短短几个月的时间。这是该网站的增加,它的复杂性成为必要的处理相同的站长。

降低复杂性,是一门艺术,一个“面包屑”是设计师爱用的工具之一。面包屑导航设备作为一个网站的访问者行为。当用得好好的,面包屑网站导航毫不费力。本文将见识你的面包屑的基础,并帮助你了解你即将到来的网页设计中的重要性的面包屑。

 

点击浏览下一页

为什么字的痕迹?

它做两兄妹,汉塞尔和Gretel,被骗到的蛋糕和糖果制成的一所房子的故事。他们受到威胁,梦想家园的主人 - 一个巫婆!在这个故事中,孩子们将创建一个从他们家的足迹,他们使用逃脱巫婆回家的面包屑。就像真正的面包屑,帮助这些孩子找到自己的出路,在应用程序中的面包屑,可以帮助用户跟踪他们的路径回到他们的出发点。

如果你还是不明白什么面包屑,然后看下面的图片。是盘旋的导航链接,谷歌为读者导航易于使用的面包屑。

点击浏览下一页

为什么面包屑?

我同意,这是一个聪明的问题!当您的客户端(或读者)面包屑导航不问你为什么要使用它呢?

面包屑是表演者设计的角落嗑。卸下面包屑可能会离开你的设计不变,但他们无论何时使用巧妙。请您理解,这不是客户端会告诉你,如果他们想面包屑或不。这是你的天才,如果一个特定的设计要求痕迹或不应该决定。他们会为用户设计更直观。

如果面包屑“盲目”跟进的汉塞尔和Gretel童话模型?

这是一个问题,人们经常问我。(上述故事)的两个孩子,汉塞尔和Gretel,穿行于神秘的森林,希望找到自己的出路下降的面包屑。

它往往是一个混乱的邀请时,你的用户界面设计的情况下,尤其是在隐喻太远,如果面包屑,没有任何修改本身遵循的汉塞尔和Gretel童话模型,然后,它可能只是添加到任何应用程序的复杂性设计。

让我采取定期1WD读者的情况下:

  • 从主页。
  • 点击从菜单中的“WordPress的”类。
  • 点击子类从下拉菜单中的“橱窗”。
  • 突然改变心态和定位“赠品”类别。
  • 最后,检查“关于我们”页面,出于好奇。

你能想象的面包屑导航,这将导致的童话被字面上遵循?这里是一个什么样子的快速浏览:

点击浏览下一页

你要像上面的面包屑导航吗?Dainis 1WD的创始人,绝对不想任何1WD读者认为赠品是分部分的展示,它实际上是不。这种面包屑(理想情况下的所谓的“动态面包屑”在Internet术语)往往最终用户感到困惑。记住,我们正试图用面包屑,以帮助用户发现正确的路径而不是他们遵循的路径。

赞成的使用面包屑

正如已经提到的消除之前,从您的设计面包屑可能不会带来许多视觉变化来设计的,但他们肯定很想用户体验。下面是使用面包屑几个优势:

  • 用户体验:这是一个设计师的主要原因可能需要使用应用程序中的面包屑。他们只需添加任何设计的整体用户体验 。您不必去思考设计,当你有面包屑,帮助具有相同的导航结构。
  • 减少无用的页面浏览量:用户通常使用浏览器的后退按钮,以便跟踪他们的路径。在这种情况下,他们很难留在页面上,点击后退按钮时,因为他们的目标是一些其他的页面。面包屑减少这种看法!
  • 增加对网站的平均时间:一旦用户访问一个网站的内部页面,直接使用搜索引擎,那么无论他选择他的工作完成后,关闭窗口或浏览同一网站的其他相关网页。这是面包屑时,帮助用户浏览该网站上相关的东西。此后,访问者在网站上花费的平均时间倍增。
  • 体积小:一般面包屑是非常小的大小和漂亮的使用-除非你与他们极不寻常的东西!

使用面包屑的缺点

任何事物都有其阴暗的一面,和面包屑都没有任何不同!

  • 动态面包屑(如上所述)的应用程序的导航复杂性。
  • 使用它们不是必需的面包屑,只是增加了混乱。考虑1stWebDesigner本身的例子。该网站已在它的头两个菜单都绰绰有余,以帮助用户浏览完整的网站结构。我们真的不需要面包屑在这里(因此,你看不出来!)
  • 使用面包屑导航的唯一来源,可能会导致信息隐藏 。面包屑帮助用户导航到主页。从来没有,它可以帮助用户通过一切可能的内容,在网站导航。你得有该菜单!

注意:它只是一个设计师的选择,当涉及到面包屑导航。先思考,然后做出你的决定。

SEO和面包屑

我是不是要去跳过此!你说话添加文本(任何形式),以网页和网站管理员(像我)将开始揣摩,可用于优化相同的关键字。好吧,我们是站长,我们希望我们的网站在谷歌首页的特色!

面包屑可以成为一个有用的方式离开页面上的关键字。这增强了关键字丰富的内部链接,因此可能在SERP的帮助。之前多走一英里和优化与关键字的面包屑,我想让你去通过以下点:

  • 可用性和后先想想,如果可能的话,在你的面包屑中使用关键字。决不会错过你的面包屑的主要目的 - 用户满意度。
  • 在关键字堆砌,可能导致灾难性的后果。被警告!
Tags:体验设计 企业网站建设
上一篇文章:呼叫操作按钮:一个最佳做法的调查
下一篇文章:提高你的页面加载时间,使用CSS和JavaScript的7种方法