关于 gesture-alternatives
这项设计技能要求每种手势操作都提供更简单的替代方式,帮助确保有动作能力限制的用户也能完成任务。它涵盖手势类型、替代控件、可发现性和自定义。
主要功能
- 01为路径手势提供按钮替代
- 02为多点手势提供单点操作
- 03为设备动作提供屏幕控件
- 04为定时手势提供非定时操作
- 05支持手势提示与自定义
适用场景
- 01检查删除手势是否有按钮替代
- 02确保缩放不依赖捏合操作
- 03为摇动撤销添加可见按钮
- 04评估手势是否可关闭或重映射
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ inclusive-design-skills --skill gesture-alternatives安装后在 Claude Code 中输入/gesture-alternatives确认已加载。
详细介绍
手势替代方案
每种基于手势的交互都必须有更简单的替代方式。需要特定身体动作的手势会排除有运动障碍、肢体差异、震颤或活动范围有限的人。
核心原则
手势是快捷方式,而不是门槛。手势触发的功能必须始终可以通过其他方式使用。
手势类型与所需替代方案
基于路径的手势(滑动、绘制、拖动)
这些手势需要沿特定路径移动。许多用户无法完成。
- 滑动删除 → 显示删除按钮
- 滑动导航 → 上一页/下一页按钮
- 绘制形状 → 从形状菜单中选择
- 拖动排序 → 上移/下移按钮或编号输入框
多点手势(捏合、旋转、双指滚动)
这些手势需要同时进行多点触控。
- 捏合缩放 → 缩放按钮(+/−)和缩放级别输入框
- 双指旋转 → 旋转按钮或角度输入框
- 双指滚动 → 单指滚动或显示滚动条
- 三指滑动 → 显示按钮或菜单选项
设备动作(摇晃、倾斜、旋转)
这些操作需要移动整个设备。
- 摇晃撤销 → 始终显示撤销按钮
- 倾斜控制方向 → 屏幕方向控制按钮
- 旋转设备来调整内容 → 手动旋转开关
定时手势(长按、双击)
这些手势需要精准把握时机。
- 长按打开上下文菜单 → 显示菜单触发按钮(⋮ 或 ⋯)
- 双击缩放 → 缩放按钮
- 按住开始录制 → 开始/停止切换按钮
设计模式
渐进式增强
- 先构建按钮版本
- 再将手势支持作为增强功能添加
- 这样可确保始终提供替代方案
易于发现
- 应说明手势快捷操作,但不能要求用户必须使用
- 首次使用时显示提示(“你也可以滑动来删除”)
- 在设置或帮助中提供手势指南
- 切勿假设用户知道某种手势
自定义
- 允许用户完全禁用手势控制
- 尽可能允许重新映射手势
- 遵循系统级手势设置
评估问题
- 每种手势是否都有清晰可见、一步即可完成的替代方式?
- 无法执行多点手势的用户是否能完成所有任务?
- 设备动作交互是否为可选项,并提供屏幕操作替代方式?
- 定时手势能否替换为不受时间限制的操作?
评论
支持 Markdown