web-dev-qa-db-ja.com

関連付けられているチェックボックスがオフの場合、ドロップダウンに値がある(または表示される)必要がありますか?

そのグループに関連付けられた役割を持つ異なるグループに割り当てることができるユーザーがいます。たとえば、ユーザーは「人事」グループの「寄稿者」であり、「How To Play Pictionary」グループの「管理者」である場合があります。

これまでのところ、すべてのグループのリストを使用することにしました。行の横にチェックボックスがあり、チェックすると、ロールのテキストとドロップダウンが有効になります。

グループが選択されていない場合は、ユーザーがそのグループに割り当てられないことを明確にします。私は3つのオプションを考えました:

  1. 役割セレクターを非表示にします。

hide role selector

  1. ロールセレクターのテキストをクリアしますが、無効のままにします。

clear role selector text

  1. デフォルト値のままにしますが、無効のままにします。

leave default value and disabled

これらのうち、行が無効になっていること、およびユーザーがこのグループに属していないことを最もよく表しているのはどれですか。

5
TheCloudlessSky

このトピックに関する特定のユーザーリサーチデータは見つかりませんが、 たくさんのテスト が表示されていますLESS is MORE

オプション3は役割を示しますが、無効になっている場合でも「閲覧者の役割が誤って割り当てられますか?」という質問が生じる可能性があります。 (摩擦)

オプション2は役割を削除しますが、「最初の2つに役割を割り当てることはできますが、なぜ最後の2つは割り当てられないのですか?」という疑問も生じます。または「ボックスをオフにしてから再度オンにすると、最後に選択したロールが記憶されますか?」

したがって、オプション1は、必要に応じて関連情報のみが表示されるため、3つのオプションの方が優れています。

注:ドロップダウンを非表示/表示するときは、最後に選択したロールを忘れないでください

3
DaveAlger

オプション1。

設計原則

この推奨事項の背後にある2つの設計原則があります。

段階的開示

必要な情報または要求された情報のみが常に表示される、情報の複雑さを管理するための戦略。

信号対雑音比

表示における関連情報と非関連情報の比率。設計では、可能な限り高い信号対雑音比が望ましい。

ポイントは、ユーザーがチェックされていないものを持っている場合、そのオプションに関連するものは何も使用しないということです。彼女は明らかに興味がない。この画像はこれをよく表しています。

A wall-mounted control panel, with the front panel lifted by hand

これに対する1つの例外は、オプションを表示するとセレンディピティが促進される場合ですが、他のコントロールがコンボボックス(いずれにせよ単一のオプション以外はすべて非表示)であることを確認すると、そのようなことになるとは思えません。

ゲシュタルト-類似の法則。

次に、オプション2と3の両方で、チェックされた行とチェックされていない行の視覚的な違いが少なくなります。オプション1を使用すると、ユーザーが関連情報(実際に有効なもの)のインターフェイスをスキャンしやすくなります。

2
Izhaki

オプション2と3はより一貫しています。オプション1には一貫性がありません。ユーザーがチェックボックスイベントに気付かず、カテゴリを選択したら、オプションをもう1つ選択するようにユーザーに提示することは悪い考えです。ユーザーは、チェックボックスを選択したらドロップダウンリストを選択する必要があることを認識しておく必要があります。私の見解では、2と3はどちらも優れていますが、2がどのように機能するのが最良の選択肢であるかを視覚的にフィードバックするのに役立ちます。 3と同様に、ビューアーとして1つの追加のタイプがあり、これがユーザーを混乱させ、これが一種の新しいカテゴリーのように見えます。ユーザーにとってシンプルかつ簡単に保ち、一貫性を保つには、オプション2を使用します。

1
Akshay Anand

option 3 redesigned

@Anandの回答に同意しますが、選択したオプションを採用します。


私はMiesの「Less is more」の引用に完全に同意しますが、それは 装飾が少ない (不要なもの)が物事をより機能的にすることを意味します。しかし、「少ない」ことの限界がどこにあるのかを知るには、どの関数または理由が背後にあるのかを覚えておく必要があります。またはアインシュタインの引用が言うように:

「すべてをできるだけシンプルにする必要がありますが、シンプルにする必要はありません。」


ここで、例でチェックボックスを選択すると、ユーザーはドロップダウンから選択できるようになります。

チェックボックスを選択した場合にユーザーに何ができるかを知らせることは良い考えです。したがって、これはソリューションからオプション1を取ります。

情報が無視されるほど十分に隠されているが、読み取られるほど十分に見えることが重要です。ドロップダウンがその機能を表示しないという事実はユーザーを助けません。 ユーザーは背後にあるものに注意する必要があります。したがって、これはソリューションからオプション2を取ります。

だから私の提案はオプション3です。

チェックボックスの表示方法についても:無効にされたオプションは不透明度が低く、チェックされていないオプションは必要ありません。また、無効にされたオプションは有効なものと同じスタイルですが、不透明度は低くなります。

0
Alvaro