Interface Lab

设计原则

公共服务的信任来自可检查的责任链和可恢复的任务流：用户需要知道是否官方、谁负责、信息是否安全、为什么需要填写、出错后如何修复、以及去哪里查看隐私/无障碍/监督信息。

大理论

公共服务页面不是政府色彩版的营销页。它承担身份验证、责任归属、法律/政策链接、敏感信息输入和错误恢复。官方 banner、agency identifier、服务标题、表单结构、错误摘要、确认页和隐私/无障碍链接共同构成信任锚点。少了其中一段，用户可能不知道自己是否在官方渠道、是否应该提交敏感信息、或者出错后如何继续。

小知识点

官方身份必须可核验：使用官方 banner、域名/HTTPS 说明或等价信任提示时，必须真实匹配服务语境；非政府域名、原型或商业产品不得借用这类组件制造官方背书。

责任归属要明确：页脚或 identifier 应说明负责机构、父级组织、隐私、无障碍、FOIA/信息公开、绩效/监督等路径；如果没有真实机构，就用中性服务所有者说明，不要伪造 seal、徽章或 flag。

页面标题应是服务任务，不是宣传口号。例如“申请住房支持”“查看许可证状态”比“让服务更简单”更可执行。

表单结构优先于布局：DOM 顺序和视觉顺序一致；相关控件用 fieldset/legend；label、hint、required/optional、错误信息和保存状态必须可见。

错误恢复必须两层出现：页面顶部错误摘要列出问题并链接到字段，字段附近显示同一错误和修复提示；长表单还要移动焦点到错误摘要。

进度和复核降低风险：多步骤流程用 step indicator、task list 或 process list；提交前的 check answers/review page 帮助用户确认敏感信息。

状态消息不能装饰化：alert、notification、emergency、service unavailable 和 confirmation 都要说明影响范围、下一步和是否需要用户行动。

公共服务视觉克制：高对比正文、明确链接、强焦点、语义色和方形/小圆角控件优先；不要用沉浸 hero、装饰动效、低对比玻璃或隐藏式导航削弱任务。

设计判断

评估公共服务页面时问八个问题：用户能确认是否官方吗？知道哪个机构负责吗？知道为什么要提交信息吗？知道连接/隐私是否安全可信吗？键盘能走完整个流程吗？错误会带他们回到可修复字段吗？提交前能复核吗？页面底部能找到隐私、无障碍和监督路径吗？答案不全，信任结构就不完整。

实现建议

建立 PublicServicePageContract：contextType(official/government-adjacent/non-official)、domainEvidence、ownerName、parentAgency、legalLinks、privacyHref、accessibilityHref、serviceTaskTitle、sensitiveDataFields、formSections、errorSummary、fieldErrors、reviewStep、confirmationState、statusMessage、supportContact、doNotImpersonateNotes。前端实现使用真实 header、main、form、fieldset、legend、label、aria-describedby、role=alert/status 和可聚焦错误摘要。生产环境按对应系统使用 USWDS tokens/settings、GOV.UK/NHS.UK components 或本地等价实现，不要只复制外观。

可访问性

公共服务默认是高风险可访问性场景。焦点态必须强可见；错误摘要加载后获得焦点；错误链接指向实际字段；读屏标题可用 Error 前缀或等价状态；颜色状态配文字；表单控件不能被 CSS 重新排序；移动端 sticky 行动不能遮挡错误、提示和输入框。

反例/风险

非官方商业站使用 .gov banner 语言；页脚只有品牌 logo 没有责任机构和隐私/无障碍链接；用大 hero 图把服务任务推到首屏下方；错误只出现红边框；表单按视觉两列重排但 DOM 顺序错；确认页没有提交编号；深色模式把链接和焦点降成低对比；复制政府 seal 或 NHS/agency 标识造成误导。

案例分析

USWDS 的 banner 用于说明官方 .gov/.mil 与 HTTPS 信任，identifier 用于显示父级机构和法定链接，并明确误导性场景应避免使用；USWDS Form guidance 还要求表单 DOM 顺序与视觉顺序一致，并让验证信息贴近输入。GOV.UK Error summary 要求顶部错误摘要和字段旁错误同时出现。NHS.UK Error summary 进一步要求验证错误即便只有一个也显示摘要、页面标题加 Error、焦点移动到摘要，并让摘要链接到字段。三者证明：公共服务信任不是蓝色按钮，而是身份、责任、语义表单和错误恢复的连续结构。