mcpField
M
multi-modal-input

multi-modal-input

github.com/owl-listener设计与 UI10877 次安装20 周前更新
代码仓库

关于 multi-modal-input

面向界面设计的多模态输入技能,帮助设计者让用户通过键盘、指针、触控、语音等方式完成任务。内容提供文本输入、控件选择和复杂交互的替代方案及评估问题。

主要功能

  1. 01让操作支持键盘与指针输入
  2. 02支持语音输入、粘贴和自动补全
  3. 03为选择控件提供易操作方式
  4. 04为拖放和手势提供按钮替代方案
  5. 05提供输入方式可访问性评估问题

适用场景

  1. 01检查界面是否可仅用键盘操作
  2. 02为拖放、地图或手势提供替代方式
  3. 03设计支持语音或辅助输入的文本字段

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/owl-listener/inclusive-design-skills --skill multi-modal-input

安装后在 Claude Code 中输入/multi-modal-input确认已加载。

详细介绍

多模态输入设计

设计系统,让用户可以通过最适合自己的任意输入方式完成所有任务——键盘、鼠标、触控、语音、开关、眼动追踪,或以上方式的任意组合。

核心原则

绝不要假设用户会如何与界面交互。提供选择,让用户自行决定。

输入方式谱系

人们通过多种方式与技术交互,而且往往会同时使用多种方式:

  • 键盘 — 实体键盘、屏幕键盘或通过开关激活的键盘
  • 鼠标 / 触控板 — 标准指针设备
  • 触控 — 手指、触控笔或辅助触控
  • 语音 — 语音命令、听写
  • 开关设备 — 单个或双开关,用于扫描选项
  • 眼动追踪 — 基于注视的选择
  • 头控指针 — 通过头部移动控制光标
  • 吸吹开关 — 通过呼吸控制的开关

设计模式

输入等效性
  • 每项操作都必须至少能通过键盘和指针(鼠标 / 触控)完成
  • 在实际可行时,应提供语音输入作为第三种选择
  • 绝不要将某项功能限制为只能使用一种输入方式
  • 测试:用户能否仅使用键盘、仅使用触控、仅使用语音完成此任务?
灵活的文本输入
  • 支持实体键盘、屏幕键盘、语音听写和从剪贴板粘贴
  • 自动补全和建议可以减轻输入负担
  • 不要禁用表单字段中的粘贴功能(密码管理器和辅助工具都依赖此功能)
  • 允许扫描和 OCR,以填写参考编号或代码
无需精确操作的选择
  • 单选按钮和复选框:让标签也能点击,而不只是控件本身
  • 下拉列表:为较长的列表提供输入搜索功能
  • 日期选择器:始终在日历组件旁提供文本字段作为替代方式
  • 颜色选择器:提供用于输入十六进制 / RGB 值的文本输入框
复杂交互
  • 拖放:始终提供基于按钮的重新排序方式
  • 绘图 / 标注:提供文字描述作为替代方式
  • 地图交互:在地图选择之外提供地址搜索
  • 手势(滑动、捏合):始终提供对应的按钮操作

评估问题

  1. 是否可以仅使用键盘完成所有任务?
  2. 是否可以仅使用指针完成所有任务?
  3. 是否有缺少简单替代方式的复杂交互(拖动、手势、绘图)?
  4. 是否在所有文本字段中启用了粘贴?
  5. 所有表单控件是否都有可点击的标签?

评论

支持 Markdown