選択が無効であることを視覚的にマークする正しい方法は何ですか
製品一覧のページがあります。各製品は色と幅をカスタマイズできます。幅の選択は選択ですが、一部の製品にはオプションが1つしかないため、事前に選択されています。
これに対処する最良の方法は何ですか？選択ドロップダウンをdisabledとして視覚的にマークし、それが選択であることを示す矢印を消去することは適切ですか、それともユーザーを混乱させますか？または、選択のオプションがあることをユーザーに知らせるために、透明度または別の色で矢印をマークする方が良いのですが、特定のケースではアクティブではありませんか？
これらは、私が考えた2つのケースです。
最初のケース：矢印と透明度で無効にされたもの
2番目のケース：2つは矢印なしで1つを選択します
ドロップダウンが無効になっている場合は、ドロップダウンにオプションがありますが、機能がアクティブではないため選択できません。ただし、この場合、追加のオプションはなく、フィールドが適用されるため、無効になっていると混乱が生じる可能性があります。
ユーザーが選択できる追加のオプションはないため、そのフィールドのドロップダウンは使用せず、代わりにテキストのままにします。また、2番目のケースでは、境界線は、テキスト入力の場合のように、テキストが何らかの操作で変更できるという印象を与えます。
私はアルバロの答えに同意します。これは、「一貫性のコンテキスト」の原則に適合します。ブログ「usabilitypost」では、以下を読むことができます。
従来のユーザーインターフェイス（UI）の原則では、UI要素の一貫性を保つ必要があります。ここでこのナビゲーションを使用した場合は、他の場所でも同じ形式を使用してください。これにより、人々はあなたのUIに慣れることができるようになり、そのためロジックが指示し、使いやすくなります。 しかし、多くの場合、一貫性を保つことは最善の方法ではありません。
出典： http://usabilitypost.com/2008/08/04/context-over-consistency/ このブログポストには、「一貫性のあるコンテキスト」の素晴らしい例がいくつかあります。
本質的に、一貫性を無視してもある程度は、ユーザーの操作を簡素化するのに役立つ場合は問題ありません。
@Annaの提案に同意しますが、特に事前定義されたレイアウトがある場合にさまざまなコントロールを管理することが難しい場合があることを知っているので、一貫性を維持したい場合は、無効にした背景をその選択したコントロールに設定できます。 （また、自動的に非表示になるように、矢印と同じ色を使用してください）
