コーチマーク
Coach Mark
別名: スポットライト / Spotlight
ライブデモ
説明
一言で説明
実際のUI画面上に重なるように表示され、特定の機能やボタンの使い方を指し示して説明するUI要素。
いつ使う？
新機能のリリース時、複雑な操作が必要な箇所へのガイド、特定のボタンへの注目誘導。
💡 日常の言い方
「画面の一部が明るくなってて「ここを押すと〜できるよ」って教えてくれる吹き出し」
似ている用語との違い
コーチマーク vs ツールチップ
ツールチップはホバーなどでユーザーが能動的に出すもの。コーチマークは主に初回訪問時にシステムが自動的に出すガイド。
AIへの指示例
検索バーの使い方を教えるコーチマークを実装して。検索バー以外を暗くして（スポットライト効果）、その下に説明文と『わかった』ボタンを表示して。