ガイドツアー
Guided tour複数のUI要素を順番にめぐりながら、ポップオーバーで一つひとつの機能を段階的に説明する初回案内UI。
○ 使う場面
- 新規ユーザーに複数の主要機能を、ひとつづきのストーリーとして順番に案内したいとき
- 「戻る」「次へ」で行き来しながら、今どこまで進んだかを示したいとき
× 避ける場面
- 案内すべき要素が1つだけのとき(→スポットライト)
- 実際にユーザーへ操作・入力させながらタスクを完了させたいフローのとき(→ウィザード)
別名
ガイドツアー、プロダクトツアー、ウォークスルー
近縁種との比較
ガイドツアーは、初回案内として並べられがちな Coach mark / Spotlight / Tour / Walkthrough のうち、複数要素を連続してめぐる系統(Tour・Walkthrough)を1エントリに統合したものである。
| 近縁種 | 違い・使い分け |
|---|---|
| スポットライト | 1点だけを強調するスポットライトとは対照的に、ガイドツアーは進捗ドットや「戻る/次へ」で複数ステップを行き来しながら、機能群をひとつのストーリーとして説明する。 |
| ウィザード | どちらも複数ステップを順に進む構成が似ているが、ガイドツアーが既存のUI上に重なるポップオーバーで「説明を読ませる」受動的な案内であるのに対し、ウィザードは全画面レイヤーで実際に「入力・選択させて完了させる」能動的なタスク遂行フローである点で役割が異なる。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション