面包屑导航曾经是界面中稳定、一致的一部分。可能是因为它们相对简单。
存在分层链接,并且它们由某种分隔符分隔。但随着移动优先系统出现,一切都变得复杂了。历史上的最佳实践必须适应较小的屏幕。
那么,移动用户体验中面包屑导航的最佳实践是什么?
用户体验的关键最佳实践如下:
持续可用:面包屑应该出现在每个 卢森堡 电话号码 相关页面上。相关意味着它们为搜索路径增加了值得排名的重要价值。
逻辑位置:面包屑位置:将面包屑直接放在主导航菜单下方和 H1 上方。这正是用户所期望的。将它们放置在其他任何位置都不会获得全部可用性优势,并且如果它们在页面中的位置较低,则会降低它们的内部链接强度。
清晰的开始和结束:面包屑应该显示从主页到当前页面的路径。主页充当着锚点的作用,给用户强烈的方向感。将最后一项显示为不可点击且视觉上独特的元素,可以向用户确认他们当前所在的页面。
符号分隔符:面包屑导航中分隔超链接的最佳分隔符仍然是“大于”符号(>),因为它简洁且能表明页面之间的关系。其他选项(例如正斜杠 (/) 或竖线 (|))不表示层次结构。而像“”和“->”这样的选项则不必要地占用了大量空间。
大小恰到好处:面包屑:保持面包屑设计简单而不显眼,使用小字体但仍足够大以便可点击,并且样式与其他网站上的文本链接一致。不要用不必要的文字扰乱行列,例如“您在这里”或“导航”。