進め方
Loading Statesは、インターフェースが把握している内容、つまり到着するコンテンツの形、進捗を測定できるか、操作を安全に楽観的に表示できるかによって、待機パターンを区別します。スケルトン、確定型・不確定型インジケーター、段階的表示、プレースホルダーを扱います。
ガイダンスは、読み込みから抜ける際の遷移にも及びます。実際のコンテンツが予期せずレイアウトをずらしたり、ユーザーのスクロール位置をリセットしたりしてはなりません。楽観的な変更には整合処理とロールバックが必要です。失敗時にインターフェースが信頼できなくなるなら、素早く見える成功状態は適切ではありません。
想定される成果物
- 遅延する各操作に対するローディングパターンの決定。
- 確保する領域とスクロール位置の維持に関する遷移メモ。
- 長時間の待機、キャンセル、楽観的更新の失敗時の挙動。
依頼からレビューまで
- 01待機を分類する
想定所要時間、既知のコンテンツ構造、測定可能な進捗、操作をキャンセルできるかを確認します。
- 02正直なフィードバックを選ぶ
形が予測できる場合はスケルトンを使い、進捗が把握できる場合に限ってプログレスバーを使います。楽観的フィードバックを採用する前にロールバックを定義します。
- 03到着時と失敗時をテストする
低速な接続、コンテンツの置き換え、レイアウトの安定性、モーション設定を確認します。