スポットライト

Coach marks

アプリ初回起動時などに、画面上の特定の要素だけを切り抜いて強調し、短い説明を添えて操作方法を教えるオーバーレイUI。

○ 使う場面

  • 特定の1つのUI要素(新機能のボタン等)にユーザーの注意を絞って知らせたいとき
  • 初回起動時、必要最小限のヒントだけをその場で短く見せたいとき

× 避ける場面

  • 複数の要素を順番に、ひとつのストーリーとしてめぐらせたいとき(→ガイドツアー)
  • 頻繁に表示されると妨げになる、恒常的な説明が必要なとき(→インラインヒント)

別名

コーチマーク、フィーチャーコールアウト

近縁種との比較

研究ノートの同義語表が「初回案内」カテゴリとして一括りにするCoach mark / Spotlight / Tour / Walkthroughは、本図鑑では2エントリに分けている。1つの要素だけを切り抜いて強調するのが本エントリ(Spotlightは同義語として吸収)で、複数の要素を順番に案内するガイドツアー(Walkthroughは同義語として吸収)とは別カードとして扱う。別名「スポットライト」は、舞台照明が暗闇の中で一点だけを照らし出す様子そのままに、対象要素以外を暗転させて注意を一点に集めるところから来ている。

近縁種違い・使い分け
ガイドツアー「1点を強調するか、連続してめぐるか」が使い分けの軸。案内すべき要素が1つ、あるいは互いに独立した単発のヒントであるときはスポットライト(本エントリ)が向き、複数の機能をひとつづきのストーリーとして順に見せたい場合はガイドツアーを使う。
吹き出し要素に説明を添える点が似ているが、吹き出しが恒常的にホバーで呼び出せる補足情報であるのに対し、スポットライトは初回案内という文脈でのみ一時的に表示され、ユーザーの操作を経て二度と現れないのが原則という違いがある。

分類

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