关于 multi-modal-input
面向界面设计的多模态输入技能,帮助设计者让用户通过键盘、指针、触控、语音等方式完成任务。内容提供文本输入、控件选择和复杂交互的替代方案及评估问题。
主要功能
- 01让操作支持键盘与指针输入
- 02支持语音输入、粘贴和自动补全
- 03为选择控件提供易操作方式
- 04为拖放和手势提供按钮替代方案
- 05提供输入方式可访问性评估问题
适用场景
- 01检查界面是否可仅用键盘操作
- 02为拖放、地图或手势提供替代方式
- 03设计支持语音或辅助输入的文本字段
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ inclusive-design-skills --skill multi-modal-input安装后在 Claude Code 中输入/multi-modal-input确认已加载。
详细介绍
多模态输入设计
设计系统,让用户可以通过最适合自己的任意输入方式完成所有任务——键盘、鼠标、触控、语音、开关、眼动追踪,或以上方式的任意组合。
核心原则
绝不要假设用户会如何与界面交互。提供选择,让用户自行决定。
输入方式谱系
人们通过多种方式与技术交互,而且往往会同时使用多种方式:
- 键盘 — 实体键盘、屏幕键盘或通过开关激活的键盘
- 鼠标 / 触控板 — 标准指针设备
- 触控 — 手指、触控笔或辅助触控
- 语音 — 语音命令、听写
- 开关设备 — 单个或双开关,用于扫描选项
- 眼动追踪 — 基于注视的选择
- 头控指针 — 通过头部移动控制光标
- 吸吹开关 — 通过呼吸控制的开关
设计模式
输入等效性
- 每项操作都必须至少能通过键盘和指针(鼠标 / 触控)完成
- 在实际可行时,应提供语音输入作为第三种选择
- 绝不要将某项功能限制为只能使用一种输入方式
- 测试:用户能否仅使用键盘、仅使用触控、仅使用语音完成此任务?
灵活的文本输入
- 支持实体键盘、屏幕键盘、语音听写和从剪贴板粘贴
- 自动补全和建议可以减轻输入负担
- 不要禁用表单字段中的粘贴功能(密码管理器和辅助工具都依赖此功能)
- 允许扫描和 OCR,以填写参考编号或代码
无需精确操作的选择
- 单选按钮和复选框:让标签也能点击,而不只是控件本身
- 下拉列表:为较长的列表提供输入搜索功能
- 日期选择器:始终在日历组件旁提供文本字段作为替代方式
- 颜色选择器:提供用于输入十六进制 / RGB 值的文本输入框
复杂交互
- 拖放:始终提供基于按钮的重新排序方式
- 绘图 / 标注:提供文字描述作为替代方式
- 地图交互:在地图选择之外提供地址搜索
- 手势(滑动、捏合):始终提供对应的按钮操作
评估问题
- 是否可以仅使用键盘完成所有任务?
- 是否可以仅使用指针完成所有任务?
- 是否有缺少简单替代方式的复杂交互(拖动、手势、绘图)?
- 是否在所有文本字段中启用了粘贴?
- 所有表单控件是否都有可点击的标签?
评论
支持 Markdown