スワイプトゥアクション UX: 隠れたジェスチャを発見可能かつ安全にする
リスト内のスワイプ アクションを設計する方法: シグニファイア、しきい値、フルスワイプ コミット、元に戻す、アクセシビリティ、およびスワイプが唯一の方法ではない理由。
核心
スワイプ アクションは、アーカイブや削除などの頻繁に行うリスト アクションの高速ショートカットですが、非表示になっているため、何かを実行する唯一の方法であってはなりません。予期されるアクションに使用し、アイテムの移動に明確なしきい値を表示し、部分的なスワイプで表示して完全なスワイプをコミットさせ、破壊的なアクションを元に戻す機能を提供します。
ユーザビリティの問題
Nielsen Norman Group は、スワイプして表示するアクションで繰り返し発生する問題を発見しました。記号がないため、スワイプがどこで機能するかが不明確になり、スワイプの背後にある非標準的なアクションは削除やアーカイブを期待する人々を驚かせます。スワイプの背後に多くのアクションが隠されているため発見が難しく、同じジェスチャでもセクション間を移動する場合、スワイプは曖昧になる可能性があります。
スワイプアクションはどのように動作すべきか
Material Design は、Android の一般的なパターンを説明しています。リスト項目はスワイプでボタンを表示でき、プライマリ アクションは最後の端揃えのオプションであり、完全なスワイプで直接トリガーされます。
- 頻繁に予期されるアクション (アーカイブ、削除、既読としてマーク) を行う場合はスワイプを続けてください。
- アイテムの移動に応じてアクションとその色を表示し、コミットしきい値で視覚的に変更します。
- しきい値より前に放した場合は、アイテムを跳ね返します。
- 破壊的なアクションに対しては、元に戻すことを提案するか、確認を求めます。
- 同じ画面上で水平スワイプ アクションと水平スワイプ ナビゲーションを混合しないでください。
決して唯一の方法ではない
スワイプは目に見えないので、同じ動作を見えるメニューや長押しメニュー、詳細画面などに入れてください。これにはアクセシビリティも含まれます。スクリーン リーダーのユーザーや正確なジェスチャを実行できない人には、ジェスチャ以外のルートが必要であり、プラットフォームはまさにこの目的のためにアクセシビリティ アクションを提供します。
モーションによりスワイプが信頼できるものに感じられる
アイテムは指を正確に追跡する必要があり、リリース時に指の速度を伝えるバネがコミットまたはスナップバックを物理的に感じさせます。プラットフォームがサポートするしきい値で触覚を使って軽くタップすると、指を離す前にアクションが確認されます。
覚えておきたい原則
- スワイプは非表示になります: 常に表示される代替手段を提供します
- 頻繁に予想されるアクションに使用します
- 部分的なスワイプによる表示、完全なスワイプによるコミット、早期リリースのスプリングバック
- 破壊的なアクションを元に戻すか確認する
- 1 つの画面上で水平方向のジェスチャが競合しないようにする
よくある質問
出典
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3