システム全体を通して、特定の入力フィールドでより多くの情報/ヘルプがいつどのように使用されるかを標準化します。
一般に、標準はアイコン/ボタンが次のようにフィールドに従うようにすることです:
ラジオボタンコントローラーの場合、情報/ヘルプアイコンはどこに配置する必要がありますか?
追伸情報/ヘルプアイコンは、全体として設定されたラジオボタンを参照します。
可能なオプションは次のとおりです。情報/ヘルプアイコン付きのラジオボタンコントローラーを設計するためのベストプラクティスに従って、最適な設計は何ですか?
ラベルとその選択について理解を深めようとしている場合は、i
をラベルの近くに配置し、ホバーに関する情報を提供し、必要に応じてさらに理解するためのドキュメントへのリンクをいくつか提供できます。
私は単純な「このようにしてください!」ではなく、優先順位付けされたコンテキストの考え方を提供しているので、ある程度の柔軟性があります。ここに私が見たいくつかの状況があります。
いずれにせよ、?
(またはi
)は、説明する必要があるものに近いです。
フォームを上揃えする場合:
これは、いくつかのドロップダウンメニュー(長いラジオボタンのリストと同じように機能します)にも表示されます。以下はGoogleアナリティクスの例です。
ラベルの中央中央にある情報を使用します。
どうして? wristは右に向かう傾向があるため、ユーザーがクリックしやすくなり、質問のレイアウトが崩れることはありません。
目が左から右、下、左に移動してスキャンを続けるよりも上から下にスキャンできるため、ラジオボタンは垂直方向に整列している場合に最適に機能します。
ただし、テストした後、ユーザーが情報ツールチップを確認するように促された場合は、ラジオボタンに合わせて左に使用します。いずれの場合もマウスの動きを確認できます。
フィッツの法則の詳細については、こちらをご覧ください https://en.wikipedia.org/wiki/Fitts%27s_law 。
ラベルとラジオボタンにグリッドを使用すると、ユーザーはパターンを学習し、できるだけ早くフォームに入力します。
私の意見では、ツールチップの使用頻度に依存します。ユーザーがこの情報を頻繁に使用する場合は、左、そうでない場合は右。
上部のラジオオプションの後。
ラベルとオプションをスタックできないという追加のコンテキストを考えると、これは他の入力のコンテキストでは理想的だと思います。ユーザーはそこで見るのに慣れているでしょう。
垂直方向のセンタリングよりも一貫性があります。