使い方ガイドへスキップ
Gesture Patterns作者 Owl-Listener

Gesture Patterns スキル。

最後のスワイプ操作だけでなく、ジェスチャーの前・最中・後に何が起こるかを設計します。

  • UX
  • デザインガイダンス
ソースレビュー · Gesture PatternsSKILL.md
タスク UX 成果物 • ジェスチャーと目に見えるアフォーダンスの仕様 • 開始、進行、完了、キャンセルの挙動 • 競合ルールとアクセシブルな代替手段 始める前に インタラクションの要件、対象プラットフォーム、ボタンやメニューから利用できる操作を読み取れるエージェント。
編集部による要約 · レビュー済みソース 2026-10-07 · 生成された例ではありません

01 機能概要

Gesture Patterns:ジェスチャーを見つけやすくする

ユーザーがジェスチャーを見つけ、実行し、完了し、キャンセルする方法を、アクセシブルな代替手段も含めて定義します。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Gesture Patternsは、タップ、長押し、スワイプ、ドラッグ、ピンチ、回転、プル操作を扱います。ユーザーが隠されたショートカットを知っているとは想定せず、見つけやすさとフィードバックをジェスチャーの一部として扱います。

このソースは競合も扱っています。スクロールとスワイプ、タップと長押し、アプリのジェスチャーとOSの動作の競合です。すべてのジェスチャーに代替手段が必要で、破壊的な操作には復旧手段が必要です。提案されている距離や遅延は、対象デバイスで検証するための開始値です。

想定される成果物

  • ジェスチャーと目に見えるアフォーダンスの仕様
  • 開始、進行、完了、キャンセルの挙動
  • 競合ルールとアクセシブルな代替手段
サンプル要件を見る

要件からレビューまで

  1. 01
    ジェスチャーを選ぶ

    操作を馴染みのある入力パターンに合わせ、アフォーダンスを示します。

  2. 02
    遷移を定義する

    開始のしきい値、進行状況のフィードバック、完了、キャンセルを定義します。

  3. 03
    競合を解消する

    スクロールやシステムのジェスチャーを確認し、同じ操作に至るボタンまたはメニューの経路を用意します。

02 利用場面

使う場面

挙動、フィードバック、代替手段を明確にする必要があるタッチまたはポインターのジェスチャーを定義するときに使います。

適した用途

  • タッチによる並べ替えドラッグの開始、移動中のフィードバック、キャンセル方法を定義します。
  • スワイプアクション表示や削除の挙動を見つけやすく、元に戻しやすくします。

確認すべき制限

  • OSの慣習のリファレンスではありませんプラットフォーム固有のジェスチャー標準は、別のスキルの対象範囲です。
  • ジェスチャーだけの操作は不可ソースは、ジェスチャー専用の機能ではなく、ジェスチャー以外の代替手段を求めています。

用意する入力

  • 操作とコンテキストジェスチャーが何を行い、どこから始まるかを示します。
  • デバイスとプラットフォームタッチ、ポインター、システムジェスチャーの制約を明らかにします。
  • 代替経路対応するメニュー、ボタン、またはアクセシブルなコントロールを用意します。

03 重要な判断

重要な判断

  1. 競合ルール

    方向のロックと優先順位の判断により、1つの動きが競合する複数の操作を起こすのを防ぎます。

  2. ジェスチャー全体を通じたフィードバック

    進行状況とキャンセルの手がかりにより、確定前にしきい値を理解しやすくします。

04 依頼例

絞った要件で試す

以下のサンプル要件はテストされていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

このタスクのSKILL.mdを、designer-skillsリポジトリからエージェントが対応するスキルの場所に読み込みます。エントリーファイルには、汎用のインストールコマンドは定められていません。

上流のソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/gesture-patterns/SKILL.md

対象デバイスと周囲のコントロールを提示してください。しきい値とジェスチャーの競合は、それらのデバイスで引き続き検証が必要です。

まず1つの成果物から始める

スキルを実行する前に、この要件の範囲、ソース資料、制約を調整してください。

サンプル要件
gesture-patternsを使い、このモバイルリストのスワイプでアーカイブする操作を定義してください。見つけやすさ、スクロールとスワイプの扱い、キャンセル領域、完了フィードバック、元に戻す操作、メニューによる代替手段を含めてください。しきい値は普遍的な定数ではなく、検証用の候補として扱ってください。

結果を確認する

実際の出力を、次の観察可能な基準で確認します。

  • その操作にジェスチャー以外の経路がある。
  • 必要な場面では、スクロールとシステムのジェスチャーが優先される。
  • ユーザーが該当の操作をキャンセルまたは元に戻せる。

OpenDesignは、コーディングエージェント向けのローカルなデザインワークスペースを提供します。このリストは、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下にリンクされた固定のソースリビジョンについて説明しています。上流の挙動や要件は変更される可能性があります。

ソースの所有者
Owl-Listener
ライセンス
MIT
レビュー済みスナップショット
2026-10-07 · 9a6930cf84a8
編集部によるソース要約
ユーザーがジェスチャーを見つけ、実行し、完了し、キャンセルする方法を、アクセシブルな代替手段も含めて定義します。

リンク先のソースに基づくOpenDesignによるオリジナルの要約です。リポジトリのスター数は日付付きの人気の指標であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

始める前の質問

操作をスワイプの裏にしか置かなくてもよいですか?

ソースは、すべてのジェスチャーにジェスチャー以外の代替手段が必要だとしています。

例のしきい値は必須ですか?

いいえ。デバイス、動き、ユーザーに合わせて検証すべきです。

ジェスチャーがOSと競合する場合は?

ソースは、システムのジェスチャーを優先するとしています。

OpenDesign

次のデザイン反復の余地をつくる。

要件、ソース資料、デザイン作業をローカルのワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

上流のソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/gesture-patterns/SKILL.md