ヒントのガイドラインとチェック リスト

ヒントのガイドラインとチェック リスト (Windows ストア アプリ)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

Windows ストア アプリにヒント コントロールを追加するには、次のガイドラインに従ってください。

適切なコントロールの選択

ヒントは、他のコントロールまたはオブジェクトにリンクされた短い説明です。ヒントを使うと、UI では直接説明されていない、なじみのないオブジェクトをユーザーが理解しやすくなります。ヒントは、ユーザーがコントロール上で長押しするか、マウス ポインターをコントロール上にホバーすると、自動的に表示されます。ヒントは、ユーザーが指、マウス ポインター、またはペン ポインターを移動したときに消えます。

ユーザーに操作の実行を指示する前に、ヒントを使ってコントロールに関する詳しい情報を表示します。また、ヒントを使うと、タッチ ダウン中に指の下に項目を表示できるため、ユーザーは自分がどこをタッチしているのかを知ることができます。ただし、最初は他の方法で場所を明確にするよう試みてください。たとえば、より大きなコントロールやより大きな領域を使ったり、コントロールのアクティブ状態やホバー状態にスタイルを適用したりします。

ヒントはどのような場合に使えばよいでしょうか。それを判断するには、以下の質問を考えます。

  • 情報はポインターをホバーすることで表示されますか?

    そうでない場合は、別のコントロールを使います。ヒントは、ユーザーの操作の結果としてのみ表示します。自動的には表示しません。

  • コントロールにはテキスト ラベルがありますか?

    ない場合は、ヒントを使ってラベルを表示します。ほとんどのコントロールにはラベルを付けることをお勧めします。それらのコントロールには、ヒントは必要ありません。グラフィックのラベルを持つツール バー コントロールやコマンド ボタンには、ヒントが必要です。

  • より詳しい説明や追加情報がオブジェクトに対して役立ちますか?

    そうであれば、ヒントを使います。ただし、このテキストは、主要なタスクに必須なものではなく、補助的なものである必要があります。必須なものであれば、直接 UI に配置して、ユーザーが探さなくても済むようにします。

  • 表示する補助的な情報は、エラー、警告、または状態ですか?

    その場合は、ポップアップなど、他の UI 要素を使います。

  • ユーザーがヒントを操作する必要がありますか?

    その場合は、別のコントロールを使います。ヒントはマウスを動かすと消えるため、ユーザーはヒントを操作できません。

  • ユーザーが補助的な情報を印刷する必要がありますか?

    その場合は、別のコントロールを使います。

  • ユーザーがヒントを煩わしいと感じますか?

    その場合は、別の手段を使うことを検討します。何もしない、という選択肢もあります。煩わしいと感じる可能性があってもヒントを使う場合は、ユーザーがヒントをオフにできるようにします。

ヒントの適切な使い方の例を次に示します。

  • ユーザーがカレンダーの日付をタッチしたときに曜日を表示する。
  • ユーザーがハイパーリンクをタッチしたときにリンク先の Web サイトのプレビューを表示する。

推奨と非推奨

推奨ヒントのテキストは簡潔なものにする。ヒントは短い文やフレーズに適しています。大きなテキストのまとまりは読みにくく、圧迫感を与えます。
役に立つ補足的なヒント テキストを作成する。ヒントのテキストは、情報として役に立つ必要があります。表示しなくても明らかな情報や、既に画面上に表示されている内容の繰り返しなどは避けます。ヒントのテキストは常に表示されているわけではないため、ユーザーが必ずしも読まなくても問題がないような、補足的な情報である必要があります。重要な情報は、名前から判別できるコントロール ラベルを使うか、補足的なテキストを適切な場所に配置することで伝えるようにします。
状況に応じて画像を使う。ヒント内に画像を使うとよい場合もあります。たとえば、ユーザーがハイパーリンクをタッチしたときに、ヒントを使ってリンク先ページのプレビューを表示できます。
非推奨既に UI に表示されているテキストは、ヒントとして表示しない。たとえば、ボタンをタッチするとテキストが隠れる場合を除き、同じテキストが表示されているボタンにはヒントを表示しません。
ヒント内に対話的なコントロールを配置しない。
対話的に見えるような画像をヒント内に配置しない。

 

関連トピック

ToolTip
C# または Visual Basic を使った Windows ランタイム アプリのためのロードマップ
C++ を使った Windows ランタイム アプリのためのロードマップ

 

 

表示:
© 2016 Microsoft