web-dev-qa-db-ja.com

チェックリストのどこにアイコンを配置しますか?前か後か?

権限のリストを表示し、ユーザーがどの権限を持っているかを示すチェックアイコンを表示します。ティックアイコンをどこに配置すればよいですか-各アイテムの前(左側)または後(右側)?

enter image description here

25
Chandru

左側にチェックマークを付けます

理由:リストは英語であるため、ユーザーは左から右に読んでいます。テキストの長さが同じである必要はなく、neven right endになります。ただし、左側の開始位置は同じです。スキャンが簡単になります。

28
rk.

変更前左から右の言語の場合。

After右から左に記述する言語の場合。

16
Reactgular

最初のチェックアイコンは箇条書きリストとして表示されます-要素の順序付けられていないリスト。

末尾の整列されたチェックアイコンは、それがチェックリストであるという印象を与えます-達成する必要がある(およびチェックアウトされているため、達成されている可能性がある)ものの、おそらく順序付けされたリスト。

あなたはどちらを提供しようとしていますか?番号なしの箇条書きリスト、または番号付きチェックリスト?

3
atk

ユーザーは左から右にスキャンし、アイコンはユーザーのスキャンに役立つため、アイコンは左側に表示されます。

ボタンラベルの横にアイコンを配置する場所

0
Beamy

以前の回答で述べたように、特にほとんどの項目がチェックされているリストの場合は特に、左側にチェックマークを付けます。 (左から右への言語用)

ただし、ドロップダウンメニュー(モーダルウィンドウ)としての制限されたスペースでは、チェックされていないアイテムよりもチェックされていないアイテムが多い場合に、スペーシングの問題が発生することがあります。この場合、色分けと組み合わせてチェックマークを正しく配置することを恐れません。多くの場合、よりバランスの取れた結果が作成されます。

0
Pavel Macek

ユーザーに「利き手」を指定させますに製品に機能を追加します。右利きの場合(ほとんどの人がそうであるように)、チェックマークを右側に配置します。左手でマウスを動かす場合は、左側にチェックマークを付けます。

さて、これがタッチインターフェース-タブレットやタッチフォンのようなものである場合、興味深いものになります。ユーザーがタブレットを左手で持っている場合は、チェックマークが右になるはずです。これは、ユーザーが画面をタップするために使用する手であるためです(逆に、右で押しながら左でタップします)。 。

0
Alex Marshall