ガイドツアー

Guided tour

複数のUI要素を順番にめぐりながら、ポップオーバーで一つひとつの機能を段階的に説明する初回案内UI。

○ 使う場面

  • 新規ユーザーに複数の主要機能を、ひとつづきのストーリーとして順番に案内したいとき
  • 「戻る」「次へ」で行き来しながら、今どこまで進んだかを示したいとき

× 避ける場面

  • 案内すべき要素が1つだけのとき(→スポットライト)
  • 実際にユーザーへ操作・入力させながらタスクを完了させたいフローのとき(→ウィザード)

別名

ガイドツアー、プロダクトツアー、ウォークスルー

近縁種との比較

ガイドツアーは、初回案内として並べられがちな Coach mark / Spotlight / Tour / Walkthrough のうち、複数要素を連続してめぐる系統(Tour・Walkthrough)を1エントリに統合したものである。

近縁種違い・使い分け
スポットライト1点だけを強調するスポットライトとは対照的に、ガイドツアーは進捗ドットや「戻る/次へ」で複数ステップを行き来しながら、機能群をひとつのストーリーとして説明する。
ウィザードどちらも複数ステップを順に進む構成が似ているが、ガイドツアーが既存のUI上に重なるポップオーバーで「説明を読ませる」受動的な案内であるのに対し、ウィザードは全画面レイヤーで実際に「入力・選択させて完了させる」能動的なタスク遂行フローである点で役割が異なる。

分類

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