mcpField
G
gesture-alternatives

gesture-alternatives

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

关于 gesture-alternatives

这项设计技能要求每种手势操作都提供更简单的替代方式,帮助确保有动作能力限制的用户也能完成任务。它涵盖手势类型、替代控件、可发现性和自定义。

主要功能

  1. 01为路径手势提供按钮替代
  2. 02为多点手势提供单点操作
  3. 03为设备动作提供屏幕控件
  4. 04为定时手势提供非定时操作
  5. 05支持手势提示与自定义

适用场景

  1. 01检查删除手势是否有按钮替代
  2. 02确保缩放不依赖捏合操作
  3. 03为摇动撤销添加可见按钮
  4. 04评估手势是否可关闭或重映射

安装

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

$npx skills add https://github.com/owl-listener/inclusive-design-skills --skill gesture-alternatives

安装后在 Claude Code 中输入/gesture-alternatives确认已加载。

详细介绍

手势替代方案

每种基于手势的交互都必须有更简单的替代方式。需要特定身体动作的手势会排除有运动障碍、肢体差异、震颤或活动范围有限的人。

核心原则

手势是快捷方式,而不是门槛。手势触发的功能必须始终可以通过其他方式使用。

手势类型与所需替代方案

基于路径的手势(滑动、绘制、拖动)

这些手势需要沿特定路径移动。许多用户无法完成。

  • 滑动删除 → 显示删除按钮
  • 滑动导航 → 上一页/下一页按钮
  • 绘制形状 → 从形状菜单中选择
  • 拖动排序 → 上移/下移按钮或编号输入框
多点手势(捏合、旋转、双指滚动)

这些手势需要同时进行多点触控。

  • 捏合缩放 → 缩放按钮(+/−)和缩放级别输入框
  • 双指旋转 → 旋转按钮或角度输入框
  • 双指滚动 → 单指滚动或显示滚动条
  • 三指滑动 → 显示按钮或菜单选项
设备动作(摇晃、倾斜、旋转)

这些操作需要移动整个设备。

  • 摇晃撤销 → 始终显示撤销按钮
  • 倾斜控制方向 → 屏幕方向控制按钮
  • 旋转设备来调整内容 → 手动旋转开关
定时手势(长按、双击)

这些手势需要精准把握时机。

  • 长按打开上下文菜单 → 显示菜单触发按钮(⋮ 或 ⋯)
  • 双击缩放 → 缩放按钮
  • 按住开始录制 → 开始/停止切换按钮

设计模式

渐进式增强
  • 先构建按钮版本
  • 再将手势支持作为增强功能添加
  • 这样可确保始终提供替代方案
易于发现
  • 应说明手势快捷操作,但不能要求用户必须使用
  • 首次使用时显示提示(“你也可以滑动来删除”)
  • 在设置或帮助中提供手势指南
  • 切勿假设用户知道某种手势
自定义
  • 允许用户完全禁用手势控制
  • 尽可能允许重新映射手势
  • 遵循系统级手势设置

评估问题

  1. 每种手势是否都有清晰可见、一步即可完成的替代方式?
  2. 无法执行多点手势的用户是否能完成所有任务?
  3. 设备动作交互是否为可选项,并提供屏幕操作替代方式?
  4. 定时手势能否替换为不受时间限制的操作?

评论

支持 Markdown