web-dev-qa-db-ja.com

追加の重要なドキュメントが利用可能であることをフォームフィールドに示す方法は?

主にフォームベースのアプリケーションがあります。ほとんどのフィールドラベルは、状況依存のヘルプリンクを介して正式な指示ドキュメントにハイパーリンクされています(マウスカーソルがこれを表示するように変わります)。 これはあなたの直感に反する動作をする可能性がある複雑なオプションです私たちのドキュメントでは、これらの潜在的な落とし穴はしばしば逆三角形のアイコンで囲まれています。

これをフォームフィールド上またはその周囲にどのように表示するのが最適ですか?検討したいくつかのアイデアと懸念事項:

  • 小さな疑問符アイコン—「確実に入手できたとしても、ここを見てください」ではなく、「情報を利用できます」のように感じるかもしれません。
  • 感嘆符が付いた小さな黄色の逆三角形-ユーザーが入力したデータに問題があることを示す警告のように見える可能性があります。
  • 説明テキストの最初のいくつかの単語は小さいタイプで、クリックして拡張可能、または「重要な情報を見る」のような他のテキスト—単にフォームに余計な混乱を加えるだけかもしれません。
  • "詳細情報アイコン"のグーグルは、電球、またはperhaps、またはおそらく漫画の吹き出し内のiを示唆しています。円で囲まれたiは、注意を引くための大丈夫です。と警告アイコン。

これらの何か、または何か他のものは、あなたにとって正しいことのように聞こえますか?私はこれらを入力フィールドまたはラベルの右側に描きましたが、おそらくもっと良いオプションもあるでしょう。 Webページや既存のアプリケーションのガイダンスとして参照できる例はありますか?

天文学のアプリケーションドメインに関するこの種の情報の例を次に示します。警告:オブジェクトにかなりの適切な動きがあり、参照ターゲットに同じ適切な動きがない場合は、位置オフセットを使用してオブジェクトを指定しないでください。

6
Joshua Goldberg

別のアイコンを使用することもできます(灰色の提案された電球と目立つように赤で同じ提案された電球、または感嘆符の付いた三角形のような別のアイコンなど)。これを間違えたり混乱させたりするのは簡単です(アイコンの意味、色覚異常が不明確)。

いくつかの場合、おそらく直感的でないと言っています。アイコンを追加し、常に表示される長い形式の場合、テキストの邪魔になることはおそらくありません。最良のオプション。

対応するフィールドにフォーカスがある場合にのみ情報を表示する方法はありますか?これを表示する1つのオプション、例を示します:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

3
greenforest