一页政府服务同时出现网站标志、服务名称、搜索与面包屑,位置接近不代表它们指向相同范围。GOV.UK Design System的Navigate a service主文,将整个GOV.UK、某项服务以及当前页面分层说明。导航资料所要表达的,首先是这些信息分别属于哪里。

GOV.UK header放置GOV.UK标志及GOV.UK范围的工具,例如One Login。Service navigation则承载服务名称、该服务的导航菜单和服务级工具。标志联系整个网站,服务名联系具体服务,两者共同出现仍没有取消范围区别。一项只在某个服务内搜索的工具,也不能因使用搜索框形式就改称全站搜索。

服务名称在原文中联系服务主页,若没有主页,则联系相应起始页或第一道问题所在页。这让名称不只是一行品牌文字,还具有返回服务入口的含义。本文解释的是文档赋予这一元素的关系,没有操作链接、登录账户或判断任何真实办事服务的流程。

服务内导航同样不是完整网站地图。主文把它与最重要、对用户有用的顶层部分联系起来,使读者了解服务包含什么、可以找到什么。列出全部页面与帮助认识主要部分,是不同的信息任务;菜单项目较少,并不能仅凭数量就认定漏掉了所有未列出的内容。

整个GOV.UK的主题菜单又有另一种用途:它帮助人们探索主题、寻找服务和资料。原页将这项背景与进入具体服务后所需的信息区分开,并把服务过程中特定资料的联系放在页面内链接语境中。主题探索和某项服务里的内容导航,不宜合成一份没有层次的顶部清单。

排列说明也沿范围展开,从较一般的GOV.UK级元素,逐渐转向服务级,再到当前页相关元素。影响整个服务的重要内容可以处在页头与服务导航之间;服务自己的语言导航或只搜本服务的搜索,则属于服务范围。它们都可能靠近顶部,却不能因此失去各自覆盖的对象。

阶段条是一个具体例子。文档将其说明为跨服务各页的服务级消息;面包屑则被放在当前页相关元素的语境中。对设计资料整理,这一对照比只记录元素颜色更有用:前者传达整个服务所处状态,后者联系当前页面的位置,不能单用相似的横条外形替换两者意义。

页面记载此模式和Service navigation在2024年8月引入,这是组件历史事件,不是已确认的网页首发日期。本文采用正式主文的职责与排列关系及邻接,未实施前端布局、运行示例或判断真实业务。它不重讲Task list的完成顺序;本篇关注的是导航元素所覆盖的信息层级,而非用一个顶部位置包办全部范围。

信息来源

本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。