新闻发布
管理系统面包屑…他们把协会与汉瑟和葛丽特童话,在Hansel离开面包屑来帮助他重新找到回家的路。虽然用面包屑的关联也许是更在格林故事的境界,那是逐渐在导航帮助网页设计师面包创建网站访问者更好的用户体验改变。
这种图形化的控制单元提供一个非常有用的目的作为一个网站的导航,它提供的智能化设计。它可以是一个天赐良机经验较少的游客需要依靠一个线索来帮助他们保持他们在你的客户的网站。
一条面包屑会记录和显示每一页的被访问者,有时在命令中说,页面来看,在不同的安排其他时间。
这里是如何整合到你的导航意义的面包屑:
三种主要类型的面包屑导航
有面包屑,你通常会在任何给定的网站遇到的三种主要类型,2比去年更受欢迎。
位置面包屑
其中一个受欢迎的你会遇到,位置面包屑告诉你的用户他们对于网站的层次结构。其直接面向用户的组织在一个明确的方式在现场进行这种类型非常广泛。
1-800花提供功能位置的面包屑的有许多层面的内容和层次的导航网站的盛行,让用户有效位置面包屑回到以前,高水平的一个简单的点击量。另外,位置面包屑是静态的(不变),使他们一个可靠的方法来帮助调整用户。
经典例子。每一次的购物者访问我的生日插花页,他会看到,他首先要点击生日范畴出发,从主页后。当然,他可以点击每个高水平用户立即到那里。
属性面包屑
属性面包屑是第二大类你会遇到。不同位置的面包屑,这些工作有点像滤波器选择,他们不是静态的和不断变化的根据用户的喜好。
他们不会告诉你,你对网站的定位,而是显示元数据的页面的内容。属性面包屑也因此流行的电子商务网站,你可以定制你想要买的东西,比如汽车网站。
作为一个结果,你可以不使用这种类型的面包屑的方法来找到自己的方式回到你已经访问过的页面。
看到我在说什么,看看cars.com吗面包屑。当你搜索汽车的品牌和型号,注意在屏幕的左上的面包屑,下面的网站徽标。年,品牌和型号都代表着先前的搜索网站,但他们不去重温过去的网页,你已经被提供一个可靠的线索。
注意这种类型的面包屑和面包屑的位置之间的差异,让你重新审视你近访问过的网页。
面包屑路径
路径的面包屑是受欢迎的三因为,坦率地说,他们所做的一切就是复制浏览器的后退按钮已经做!这不是帮助提高UX所有;它是相当多余。
也被称为历史线索,路径面包屑真的没有帮助,因为他们不提供额外的上下文信息访客土地的网页上,已经深深的在站点的层次结构。一个例子是在一个产品页访客登陆因为他发现搜索结果,他点击。
因为这些用户体验问题这种类型的面包屑的原因,它变得越来越罕见,找到它的网站今天。
哪种类型适合什么样的网站?
对面包的三种主要类型的击穿带来明显的问题,这是适合用于什么目的?
让我们开始与一个你可能不应该打扰了,面包屑路径。至少,这不利于用户体验;坏的情况是,用户可能会通过路径面包屑困惑,因为他们不显示不同层次的适当的层次结构在现场。
现在我们有了这样的方法,让我们仅仅专注于位置和属性的面包屑。
位置面包屑更适合更大的网站,有很深的水平和内容。这方面的一个很好的例子是易趣网,这是一个巨大的商店,因为所有的项目正在出售或拍卖。因此,对这一内容的深度位置面包屑都是完美的,游客可以清楚地使用额外的定位。
现在让我们把注意力转到属性面包屑。
在周五看到上面的例子中,电子商务网站提供购物者许多定制选项将极大地从这种类型的导航援助中受益。各种定制选项可以压倒性的购物网站。这就是为什么给他们这些过滤器会比面包更有意义,因为位置的购物者会想要跟踪他们的搜索结果和订单的变化。
对于面包的实践
一般来说,当你遵循这些提示,当设计你的客户的网站的面包屑导航,你不会走错的:
确保在你的路的面包屑,没有重复的元素(阅读:网页分为多个类别或级别的内容)自认为可以迷惑用户。
使用大于符号(>)分手的链接在你的面包屑,这就是用户已经期待从网站的熟悉度和约定年。
使用关键字,你要对SEO决定在你的面包你的不同种类的名称时,这有助于SEO。
面包屑:好主意,但并不总是正确的使用
在设计和用户体验的概念,如果没有正确的实现了一个伟大的想法,可以给用户很有帮助变得困难。这是这个简短的指南是什么:让你的知识使你设计面包屑优化UX不是决策没有影响甚至伤害它。
虽然不在现场的每一种绝对必要的,面包屑导航帮助用户提供额外的一层时,他们要么面临许多层面的内容还是很多的,他们想过滤选项。无论哪种方式,由面包屑的可用性终归结为设计师如何实现他们的客户的网站。
确保你了解每种类型的面包屑导航背后的目的,你帮助自己的网站你设计的类型做出正确的选择。当你选择聪明,你会有满意的用户,客户,和良好的推荐,所以需要一些额外的照顾,你处理的面包屑,下一次。