UI 组件类型 · 页面模式与模板 / Kanban Board
Kanban Board
按列组织对象并支持拖拽、状态流转和批量操作的工作区
关键字段
Identity · 身份
- 子类型
- 模式
- 父级类目
- 模式与页面模板
What · 是什么
- 定义
- 按列组织对象并支持拖拽、状态流转和批量操作的工作区
- 核心问题
- 如何让用户在Kanban Board中理解当前上下文、完成任务并获得明确反馈?
- 组成
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)
Why · 为什么
- 行为机制
- 通过语义结构、可预测交互、状态转换、键盘操作和响应式布局降低任务成本。
- 使用目标
- 按列组织对象并支持拖拽、状态流转和批量操作的工作区
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。
Evidence · 证据
- 常见错误
- 内容层级不清、默认状态缺失、操作优先级混乱、键盘和移动端行为未定义。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件、状态与横向适用关系
关系来自本地关系表,并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 模式与页面模板Patterns & Page Templates属于
由多个组件组成、服务稳定任务流程或页面结构的可复用模式与模板。
- Add Card ActionAdd Card Action反向 · 属于
在列中创建新工作项的操作
- Board ColumnBoard Column反向 · 属于
承载一个工作状态或分类下的卡片集合
- CardCard反向 · 属于
承载一个可拖拽工作项的卡片
- Card Drag HandleCard Drag Handle反向 · 属于
提供可感知拖拽的操作入口
- Column HeaderColumn Header反向 · 属于
说明列名称、数量和列级操作的头部