Interface Lab
Knowledge RAG

设计知识库

由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。

提交新原则
6 条已发布原则 / 全库 192 条
Interaction Responsive Motionforms / validation

表单错误状态契约

表单错误状态契约把 label、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败、移动键盘和 ARIA 连接放进同一个可实现模型。

表单错误不是某个红色组件,而是字段契约、状态机和恢复路径的组合;它应路由到更细的错误摘要、可访问反馈、标签持久性和事务型恢复知识。95%
Interaction Responsive Motionforms / errors

事务型表单错误恢复

高信任表单的错误处理不是提示用户错了,而是把用户带回可修复、可继续、无需重填的状态。

事务型服务的错误恢复必须同时处理可见位置、屏幕阅读器、焦点、原始输入、错误文案和下一步行动。94%
Interaction Responsive Motionfeedback / toast

Toast 与行内反馈选择

Toast 与行内反馈选择把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

反馈位置应匹配反馈对象;toast 适合全局短状态,行内反馈适合字段和局部修复。85%
Interaction Responsive Motionwizard / progress

向导步骤进度

向导步骤进度把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

向导需要让用户知道当前位置、剩余工作、可返回性和保存状态。85%
Interaction Responsive Motioninputs / controls

输入模式与控件匹配

控件类型应匹配决策方式:开关用于二元,分段用于模式,菜单用于多选项,滑杆用于连续数值。

错误控件会增加理解成本,并让用户不确定选择是否可逆。82%
Interaction Responsive Motionforms / workflow

表单流程与校验

表单应按用户心智顺序组织字段,并在关键节点给出可恢复反馈。

好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。82%