网站设计中如何充分利用面包屑的方法有哪些
如果您完全熟悉 Hansel 和 Gretel 的故事,那么您就会知道他们使用面包屑标记他们的路,以便他们可以再次找到回家的路。对孩子们来说效果不太好,因为鸟儿把它们吃掉了,但它在网站设计中效果很好。当然,网站设计中的面包屑的确能起到很好的作用,今天小编就来分享如何在网站设计中充分利用面包屑。
面包屑构成了一种辅助导航方法,其功能有点像进度条。您通常会在主导航栏下方找到它。一些网页设计师认为面包屑导航并不能改善用户体验,也许它并不适用于每个网站。但是,在某些情况下它可能非常有用。
您可以跟踪您所在的页面备份层次结构,因此您可以准确地知道您在站点架构中的位置。这就像您在商场或建筑物中看到的那些站点地图,它们在地图上将您站立的位置标记为“您在这里”。如果需要,您可以按照指示前往出口。
显然,在一栋可以看到一切的单层建筑中,您不需要类似的东西。这与网站相同。当您的站点以分层方式排列的三个或更多级别时,您将只需要面包屑导航。在最简单的形式中,面包屑导航链接水平排列并由“>”符号分隔,这表示页面相对于它之前的链接的级别。其目的是防止您的用户在您的网站中迷路。
您会在大多数大型电子商务类型中找到三种主要的面包屑导航类型之一。它们是基于位置、属性和路径的:
1.基于位置的导航
基于位置的面包屑导航向用户显示他们在站点结构中的位置,通常具有两个以上的级别。第一层永远是首页,以当前页面结束,不可点击。它不仅对用户帮助他们找到自己的方式很有用,而且还提供有关页面内容的搜索引擎技术信息,使其更容易索引。
2. 基于属性的导航
这种类型的导航显示页面上特定事物的属性而不是其位置。它基于可以分支到不同路径的链接的元数据,因此它为用户提供了下一步去哪里的选择。它常用于电子商务网站,因为它的描述性使购物者更容易找到他们想要的东西。属性由垂直管道分隔。您可以结合使用基于位置和基于属性的导航,具体取决于您提供的产品。基于位置的链接是可点击的,而基于属性的链接则不可点击,但您可以点击“X”来删除属性。
3.基于路径的导航
这种类型的导航比其他任何东西都更像是历史记录,因此它更像是后退按钮而不是导航栏。它跟踪用户访问特定页面所采取的步骤。不建议将其用于导航目的,因为它并没有真正的帮助。对于登陆网站深处页面的人来说,它甚至可能令人困惑。
面包屑对于一些正确实施的网站是有益的。它们使用户可以方便地进入更高级别而无需通过箍。它减少了用户进入特定页面所需的点击次数,这有助于防止用户跳出。它甚至不占用太多空间,因此没有真正的理由在适当的时候不使用它。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 爱华仕斩获“2021年度中国厨卫行业年度智能
- 回首2021,迎战2022 彩虹线开启新征程!
- 福临板材|福满2021,圆梦2022
- 美特照明:2022年照明新趋势,经销商如何做大
- 会自己“洗澡”的集成灶,帅康自动清洗集成灶
- 带你设计一款功能多变,简单实用的休闲露台阳
- 世纪豪门吊顶:破防了!原来颜值+实力=H20
- 装修木门选的好,噪音统统没烦恼
- 寒潮来了,有淋浴房洗澡更保暖舒服
- 元旦特辑:欧意电器述说生活的点滴与美好
- “中国十大品牌”获奖名单出炉,赛戈水漆荣耀
- 2021值得消费大赏 凯迪仕智能锁荣摘两项桂冠
- 益恩家居:新年新气象,爱自己从好好睡觉开始
- 元旦伊始:健康新生活,从精格管道直饮水开始
- 喜迎元旦|新年新灯饰 箔晶智能照明让酒店暖
- 吉美帮的2021 “专精特新” 深耕屋面防水体
- Aqara携手京东成立灯光设计联盟 打造灯饰照
- 年底厨房焕新颜,如何选择厨电?好太太智能来
- 全铝家具全屋莫兰迪色系,这款美式轻奢范赢邻
- 顺趋势·筑凤巢·赢未来 凤梧居门窗2021年会隆