スワイプアクション

Swipe actions

リストの行を左右にスワイプすることで、削除・アーカイブなどの操作ボタンをその場に出現させるUI。

○ 使う場面

  • メールやチャットなどモバイルの一覧で、行ごとの操作を省スペースに提供したいとき
  • 削除・アーカイブなど対象が明確な行単位の操作を、素早く実行させたいとき

× 避ける場面

  • タッチ操作を持たないデスクトップ専用画面(発見しにくい隠しジェスチャーになる)
  • 存在に気づかれることが重要な、頻度の低い重要操作(→常時表示のボタンやケバブメニュー)

別名

スワイプアクション、リスト行スワイプ

近縁種との比較

スワイプアクションは行単位の操作を隠しておき、タッチのドラッグ操作で必要なときだけ出現させる点で省スペースだが、その操作の存在自体に気づきにくいという弱点を持つ。本図鑑ではスワイプアクションを採用する場合でも、キーボード操作・スクリーンリーダー利用者向けに同じ操作へ到達できる可視の代替経路(行フォーカス+Enterでの展開など)を必須としている。

近縁種違い・使い分け
ケバブメニューケバブメニュー(⋮)は同じ「行に対する複数操作の一覧」を提供する点で近縁だが、常時見えるアイコンをタップして開く方式のため発見しやすく、タッチを前提としないデスクトップ環境でも成立する。
引っ張って更新引っ張って更新とは、どちらも指のドラッグを直接の操作トリガーとする点で近縁だが、対象が一覧全体か行単位かという粒度、および結果が単一の再読込か複数の操作候補の提示かという点で異なる。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション