目次
ツールチップとは何ですか？
ツールチップとは、ユーザーが製品内の特定のエリアに移動したり、特定のアクションを実行したりしたときに表示されるアプリ内メッセージです。最も一般的なタイプのツールチップは「ホバー」で、ユーザーがナビゲーションメニュー、インタラクティブ要素、またはあらかじめ設定された「ホットスポット」にカーソルを合わせたときに表示されるメッセージです。
なぜツールチップを使うべきなのですか？
ツールチップは、最も幅広く適用でき、最も邪魔にならない形式の アプリ内メッセージングです。通常、画面上のスペースをわずかしか使用しないためです。名前だけでは理解しにくい機能の説明や、追加のコンテキストを提供することでよくある質問に答えるのに特に役立ちます。また、複数ステップのツールチップを使用して、製品内の新しいまたは変更されたワークフローをユーザーに案内することもできます。
例として、 WebPT（理学療法クリニック向けの電子カルテプラットフォーム）は、ユーザーがオンラインの保険フォームの入力に苦労していることに気づきました。彼らはツールチップを使用して、最も混乱を招いていたフィールドの入力方法を説明し、プラットフォームのこのエリアに関連するサポートチケットを半減させることに成功しました。
ツールチップはいつ使うべきですか？
ツールチップは主に、常時表示するとUIが煩雑になってしまう機能に対して補足説明を提供するために使用すべきです。複数ステップのツールチップガイドは、新しいまたは変更された機能をユーザーに案内する場合にのみ使用し、ツールチップの各ステップはそのワークフロー内の特定の機能に紐付けるべきです。
効果的なツールチップを作成するには？
ツールチップについて最も重要なのは、意図したユーザーワークフローに対して追加のコンテキストを提供すべきだということです。ツールチップを効果的にするためのいくつかの方法を紹介します。
- テストが重要です： ツールチップを公開する前に必ずテストを行い、 ユーザーエクスペリエンス.
- 簡潔さを保ちましょう： ツールチップがユーザーにさらなる混乱を与えることは避けなければなりません。ツールチップの言葉は明確で、要点を押さえ、できる限り短くするよう心がけてください。このような場合、 UXライター （またはマイクロコピーの専門家）がいると、ユーザーを念頭に置いたツールチップの作成に役立ちます。
- デザインをよく考えましょう： 周囲の画像やテキストとの関係を考慮して、ツールチップのデザインを常に検討してください。たとえば、背景色とコントラストのある色を選び、ツールチップが関連するテキストを隠さないようにすることが重要です。
