UI 组件类型 · 页面模式与模板 / Property Panel

Property Panel

展示并编辑当前对象属性、状态和上下文操作

关键字段

Identity · 身份

子类型
模式
父级类目
模式与页面模板

What · 是什么

定义
展示并编辑当前对象属性、状态和上下文操作
核心问题
如何让用户在Property Panel中理解当前上下文、完成任务并获得明确反馈?
组成
触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)

Why · 为什么

行为机制
通过语义结构、可预测交互、状态转换、键盘操作和响应式布局降低任务成本。
使用目标
展示并编辑当前对象属性、状态和上下文操作

Where · 在哪里

适用场景
Web 界面设计

How · 怎么做

检查清单
定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。

Evidence · 证据

常见错误
内容层级不清、默认状态缺失、操作优先级混乱、键盘和移动端行为未定义。

Lifecycle · 生命周期

状态
启用