设计知识库
由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
公共服务信任锚点与恢复路径
公共服务界面必须把官方身份、负责机构、法定链接、任务标题、表单语义、错误摘要和恢复路径做成可验证的页面结构,而不是只套蓝白政务视觉。
公共服务的信任来自可检查的责任链和可恢复的任务流:用户需要知道是否官方、谁负责、信息是否安全、为什么需要填写、出错后如何修复、以及去哪里查看隐私/无障碍/监督信息。95%Design Systems Page Patternsprogressive-disclosure / settings复杂界面的渐进披露
复杂设置、表单和后台页面要先暴露常用任务,再把高级、危险、稀有或条件性选项放进可预测的二级路径。
渐进披露不是把东西藏起来,而是按用户任务、风险和频率安排显示时机,让新手少犯错、熟练用户仍能找到高级控制。95%Interaction Responsive Motionforms / validation表单错误状态契约
表单错误状态契约把 label、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败、移动键盘和 ARIA 连接放进同一个可实现模型。
表单错误不是某个红色组件,而是字段契约、状态机和恢复路径的组合;它应路由到更细的错误摘要、可访问反馈、标签持久性和事务型恢复知识。95%Interaction Responsive Motionforms / errors事务型表单错误恢复
高信任表单的错误处理不是提示用户错了,而是把用户带回可修复、可继续、无需重填的状态。
事务型服务的错误恢复必须同时处理可见位置、屏幕阅读器、焦点、原始输入、错误文案和下一步行动。94%Typography Color Accessibilityforms / input触控键盘与输入目的
触控键盘与输入目的把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
移动端输入字段应匹配正确键盘、自动完成和输入目的,减少错误和操作成本。86%Typography Color Accessibilityforms / labels表单标签持久可见
表单标签持久可见把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
表单字段标签应在输入前后都可见,帮助用户确认字段含义和上下文。86%Typography Color Accessibilityauthentication / accessibility可访问认证流程
可访问认证流程把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
安全流程也要降低认知负担,帮助用户完成而不是考验用户。86%Typography Color Accessibilityforms / errors错误摘要模式
错误摘要模式把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
用户需要先知道有多少错误、在哪里、如何修复,而不是逐行搜索红字。86%Interaction Responsive Motionfeedback / toastToast 与行内反馈选择
Toast 与行内反馈选择把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
反馈位置应匹配反馈对象;toast 适合全局短状态,行内反馈适合字段和局部修复。85%Interaction Responsive Motionwizard / progress向导步骤进度
向导步骤进度把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
向导需要让用户知道当前位置、剩余工作、可返回性和保存状态。85%Typography Color Accessibilityforms / placeholder占位符不能替代标签
占位符不能替代标签把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
占位符适合展示格式示例,不适合作为唯一说明或关键指导。84%Typography Color Accessibilityforms / redundant-entry减少重复输入
减少重复输入把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
重复输入增加认知负担、错误率和放弃率,尤其影响辅助技术用户。84%Interaction Responsive Motioninputs / controls输入模式与控件匹配
控件类型应匹配决策方式:开关用于二元,分段用于模式,菜单用于多选项,滑杆用于连续数值。
错误控件会增加理解成本,并让用户不确定选择是否可逆。82%Interaction Responsive Motionforms / workflow表单流程与校验
表单应按用户心智顺序组织字段,并在关键节点给出可恢复反馈。
好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。82%Typography Color Accessibilityforms / accessibility可访问表单反馈
表单反馈要靠近字段、解释原因,并在提交前后都能被用户理解。
错误信息不是惩罚,而是帮助用户完成任务的导航。82%