我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。
面包屑导航是一种辅助导航元素,它显示从网站顶层到当前页面的路径,通常以水平链接序列的形式显示在内容顶部附近。它的功能是定位:它告诉访问者他们在网站结构中的位置,并提供返回更高层级的路径。
面包屑导航对那些并非通过导航进入网站的访客来说价值最大,而这类访客在大多数网站上都占多数。通过搜索结果进入深层页面的用户,往往对当前位置、周围页面内容以及如何扩展搜索范围一无所知。面包屑导航能够立即提供这些上下文信息,并提供比浏览器后退按钮更实用的返回路径,因为后退按钮会将用户带回搜索结果页面,而不是网站本身。
面包屑导航分为三种类型,各有不同的用途。位置面包屑显示页面在网站层级结构中的位置,是最常见也最有用的类型。路径面包屑显示访客实际访问的路径,但这会重复浏览器历史记录,因此很少有实际应用价值。属性面包屑显示在分面筛选集中应用的筛选条件,这在目录网站上非常实用,因为访客在缩小选择范围后,需要查看和移除各个筛选条件。
它们只在真正存在层级结构的地方才有效。扁平化结构的网站,或者页面同时属于多个类别的网站,无法生成有意义的单一路径,而人为构建的路径则会误导用户。如果一个页面确实存在于多个位置,通常的解决方案是选择一个规范路径,或者反映访客进入该部分的路径,但后者又会重新引入位置面包屑导航旨在消除的歧义。
搜索优势显而易见,却常常被忽视。当网站包含适当的标记时,搜索引擎会在搜索结果中显示面包屑路径而非 URL,这使得搜索结果更具信息量,并在用户点击之前就展现网站的结构。实现相应的结构化数据成本不高,而且能够改善页面在搜索结果中的显示效果,这与排名无关。
实现细节决定了它们是否对所有用户都有效。当前页面应该以非链接的形式显示,分隔符的呈现方式应避免被辅助技术识别为内容,元素应标记为导航地标并带有合适的标签,在小屏幕上,路径应智能截断,而不是换行显示。这些都是经常出错的小细节。
它们的价值因网站类型而异,因此值得评估而非想当然。层级较多的深度目录和内容型网站受益匪浅,因为访客经常深入浏览,需要了解网站概况。而只有少量版块的扁平化网站获益甚微,添加面包屑导航只会占用空间和注意力,而无法提供访客从导航中已经获取的信息。
它们不能替代主导航,也不应被视为主导航。即使深层页面显示了路径,一个顶级导航不佳的网站也不会变得易于浏览,因为面包屑导航仅对已经到达页面的用户有帮助。面包屑导航通过提供方向指引和向上移动路径来补充主导航,而不是通过帮助用户发现新内容来发挥作用。
因为它们依赖于一个连贯的层级结构,所以它们的有效性反映了底层结构是否合理。在实践中,它们是作为信息架构工作的一部分进行规范的。 产品设计已通过导航验证 用户体验审核 测试以及相关的结构化数据通常作为技术工作的一部分来实施,并通过以下方式进行管理: 营销服务 这样,该路径就会出现在搜索结果中。
我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。