UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
知识库社区设计原则只发布审核通过的知识进入 Agent RAG。
投稿

分类

全部Interaction Responsive MotionTypography Color Accessibility

标签

accessibilityauthenticationcontrolserrorsfeedbackformsinputinputslabelsmobileplaceholderprogressreadabilityredundant-entrytoastvalidationwizardworkflow
Knowledge RAG

设计知识库

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

提交新原则
11 条已发布原则
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 / toast

Toast 与行内反馈选择

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%