页面顶端排列几个名称,中间用箭头隔开,外观上既像面包屑,也像进度条。网站设计服务如果只凭这层样式选择组件,就容易把“当前位置属于哪里”与“事情办到哪一步”放进同一种导航表达。
GOV.UK Design System的Breadcrumbs说明,面包屑帮助用户理解自己在网站结构中的位置,并在不同层级之间移动。[1] 这里的层级可以是首页、主题栏目与较具体的内容分类,关键关系是内容归属,而非用户刚才依次点击过哪些页面。
同一文档明确说,扁平结构的网站不宜使用该组件,也不要用它显示线性旅程或交易办理的进度。这使“有几个步骤就放面包屑”的判断缺少依据:一个步骤先后关系,不会自动变成栏目上下级关系。
可以用两组自拟名称比较。内容路径“首页—服务介绍—设计服务”,表达设计服务属于哪个内容区域;办理过程“填写信息—核对信息—提交”,表达任务的先后。它们都能排成一行,却不能仅因形式相近就互换含义。这里没有测试真实用户,也不预设某个现有页面已经选错组件。
指南还说明,面包屑从首页开始,到当前页面的父级栏目结束。[1] 这与把所有已完成步骤逐个留下不是同一规则。设计资料中若写“上一级”,应能说明它指向哪个结构位置;若写“上一步”,则需要回到实际办理流程讨论。
页面已有侧栏等导航时,原文建议考虑用户是否仍需要面包屑提供额外支持。因而它也不是每页必加的装饰。本文采用英国公共服务设计指南来解释组件用途,没有为国内网站作规范合规结论,也未运行其示例。先确认要表达的是内容层级还是办理顺序,再讨论导航形式,能让组件承担的任务更清楚。
信息来源
本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。