user-interface - 利用できないアクションを UI に表示する必要がありますか?

Question

現在のコンテキストでは使用できないアクションを表示するための UI デザインのベストプラクティスと見なされているもの。

たとえば、ページには、関連付けられた多くの契約を持つことができる顧客が表示されます。有効な契約がある場合、ユーザーが顧客を削除することを許可したくありません。ユーザビリティと UI の観点から、ユーザーエクスペリエンスに最適と考えられるもの。

常に削除オプションを表示しますが、アクティブな契約があるためオプションを使用できないことをユーザーが選択したときに警告します。
削除オプションを表示しますが、グレー表示します。
削除オプションをまったく表示しない

常にオプションを表示すると、一貫性が保たれ、関連するアクションが一貫して同じ場所に表示されるなどの利点がありますが、逆に、できないことを表示することのポイントは何ですか。

オプションをグレー表示しても一貫性は保たれますが、実行できないアクションを選択することはできません。

オプションをまったく表示しないと一貫性が失われますが、それほど混乱することはないでしょう。

昨日まで、私は質問をすることさえせず、オプション 2 (グレー表示) に直行していましたが、ユーザーがグレー表示された画像を何度もクリックしようとするのを見て、最終的にボタンをクリックできない理由を尋ねました。最良の選択肢が何であるかはもはやわかりません。

ユーザビリティと UI のテスト経験がある人は、何が最良の選択肢だと思いますか?

score 16 · Accepted Answer

私のアプローチ (および推奨事項) は、オプション #2 に従ってボタンをグレー表示にすることです。

UI がまばらで、十分な不動産が利用可能な場合、インライン (前もって) コンテキストヒント (Freddy によって提案されたクエスチョンマークのアプローチなど、ボタンの横にあり、インラインで問題を詳しく説明します。たとえば、常に無効になっている下に表示します)。ボタン「削除するユーザーはいません。(リンク)このタブ(/リンク)に行って追加してください!」) が望ましい場合があります。

ただし、このようなインラインヒントやクエスチョンマークがときどき表示されると、レイアウトが複雑になったり、不動産が貴重な場合にインターフェイスの有効性が妨げられたりする可能性があります。このような場合、無効なボタンの上にカーソルを置いたとき、および無効なボタンをクリックしたときに表示されるオーバーレイヒント(吹き出しまたはツールヒント) を使用することをお勧めします (つまり、ユーザーは、無効なボタンに/彼女のカーソル); ヒントでは、ボタンが無効になって灰色になっている理由を説明する必要があります。つまり、「削除するユーザーがありません」などです。

上記は、すべての（典型的および病理学的）ケースを処理する必要があります。これは、#2 と #3 のオプションの利点を組み合わせたものであり、欠点がないことを願っています。

score 9 · Accepted Answer

Raymond Chen (The Old New Thing で有名) は、適切なガイドラインを提供しています。

オプションをいつ無効にし、いつ削除しますか?

ブログエントリから：

実験では、何かが表示されていても無効になっている場合、ユーザーは十分にいじくり回せば有効にできると期待していることが示されています。そのため、ユーザーが操作を利用できるようにするためにできることがある場合は、メニュー項目を表示したまま無効にします。たとえば、メディア再生プログラムでは、メディアファイルが再生されていない場合、再生を停止するオプションは無効になります。ただし、再生が開始されると、オプションが再び利用可能になります。

一方、ユーザーが制御できない理由でオプションが使用できない場合は、それを削除します。そうしないと、ユーザーはそれを有効にする魔法の方法を探して気が狂ってしまいます。たとえば、プリンターがカラー印刷に対応していない場合は、カラーマネージメントオプションを表示しないでください。これは、そのプリンターをカラープリンターにするためにユーザーがプログラムでできることは何もないためです。

score 5 · Accepted Answer

UI からオブジェクトを削除することは、無効にするよりもユーザーにとってはるかに戸惑うといつも教えられてきました。仕方がない.01%のためにデザインするな！

score 4 · Accepted Answer

特定の状態に関係なく、UI を一貫したものにする必要があります。多くのユーザーは、コマンドの場所を覚えるために視覚的記憶に頼っています。毎回特定のアクションを検索しなければならないのは大変な労力であり、アプリでの主な作業からユーザーの注意を引いています。

したがって、アクションを表示して視覚的なコンテキストに保つのが最善です。ただし、このアクションの状態が変更されたことを視覚的に示します。これにより、アクションが存在するというフィードバックがユーザーに提供されますが、ユーザーがコマンドを実行できるようにするには、いくつかの条件を満たす必要があることが示唆されます。

色の彩度を変更することは、無効な状態を表す最も一般的な方法です。UI 要素がバックグラウンドでフェードアウトします。

score 3 · Accepted Answer

この特定のケースでは、オプション 2 が最適です。何かを非表示にするか無効にするかを決定するとき、私が従う一般的なルールは次のとおりです。

ユーザーが操作を実行できず、それを有効にするためにできることがある場合は、無効にする必要があります。

ユーザーが操作を実行できず、それを有効にするためにできることが何もない場合は、非表示にする必要があります。

あなたの例では、ユーザーが有効な契約を取り除くと、顧客を削除できます。そのため、削除操作を有効にすることを制御できるため、削除操作を無効にする必要があります。ただし、「顧客の削除」権限がなかったため、ユーザーが顧客を削除できなかったとします。この場合、ユーザーが顧客を削除できるようにするためにできることは何もないため、削除操作は非表示にする必要があります (ユーザーは自分自身に許可を与えることはできません)。

オプションが無効になっているときはいつでも、それを有効にするために何をする必要があるかを明確にする必要があります。この例では、ユーザーが削除ボタンの上にマウスを移動すると、操作が無効になっている理由を説明するツールチップが表示されます。

余談ですが…ユーザーが無効化されたボタンをクリックしようとしている場合、ボタンが無効化されていることに十分に気付かない可能性があります。ボタンのスタイルを変更して、有効と無効の違いをより明確にしてみてください (標準のコントロールを使用していないと仮定します)。

score 3 · Accepted Answer

オプション 1) をお勧めします。その理由をお話しします。

オプション 3) (最悪) 「削除オプションをまったく表示しない」 これは、ユーザーにそのような機能が存在することさえ気付かせません。したがって、それは否定するより悪い方法です。

オプション 2) 「削除オプションを表示するがグレー表示にする」

3) よりはましですが、ユーザーは機能が拒否された理由を疑問に思うかもしれません。また、自分は特権ユーザーではなく、権限がないと考え始めることもあります。

Option1) 「常に削除オプションを表示しますが、有効な契約があるためオプションを使用できないことをユーザーが選択すると警告します。」

これにより、何が欠けているかがユーザーに明確に伝わり、正確な機能についてユーザーに説明できます。ユーザーは、困惑を投げかけない透過的なシステムで作業することに常に満足しています。

score 2 · Accepted Answer

そのシナリオでは 2 を使用しますが、疑問符を追加して、それが無効になっている理由を説明します。 更新 1:いつアクティブ/無効になるかを明確にする機会が得られることに注意してください。

score 2 · Accepted Answer

オプションを表示することを好みますが、グレー表示されています。これが理由です。アクションが利用できる場合と利用できない場合があると、UI が混乱します。削除が表示される場合と表示されない場合があるのは魔法のようです。一方、グレー表示されている場合は、少なくとも後でオプションを探す場所を知っています。

score 2 · Accepted Answer

驚きを最小限に抑える原則を適用するだけです。予期しないことはしないでください。

グレー表示されたオプションは、現在のコンテキストでは使用できないことを明確に意味します。
欠落しているオプションは、何を意味する可能性があります。

UI 要素を完全に見えなくすることを検討する領域の 1 つは、アプリケーションが複数のレベルのアクセシビリティ (初心者、中級者、上級者など) を提供する場合、またはユーザーアカウントが「ゲスト」ユーザーを意味しないいくつかのセキュリティロールに従う場合です。たとえば、「マネージャー」ユーザーが行う完全なインターフェイスにアクセスします。

score 0 · Accepted Answer

ツールバーボタンを削除することが正しい方法である場合もありますが、一般的には.

それを削除すると、ユーザーはそれがどこにあるのか疑問に思うだけです。一方、無効にすると、ユーザーはそれがどこにあるかを知ることができますが、利用できないことがわかります。そのため、オプションがどこにあるのかを調べて時間を無駄にする代わりに、それが利用できない理由を見つけることに時間を費やすことができます。

score 0 · Accepted Answer

2 番目のオプションである削除オプションをグレー表示するだけで十分です。提案されているように、説明するために疑問符を追加することは、私には良い考えのようです。そうしないと、ユーザーは、一部の顧客を削除できる理由とそうでない顧客を削除できる理由がわからない可能性があります。

ただし、ユーザー A が削除オプションを有効にして既に UI を開いているときに、ユーザー B が新しい有効な契約を入力する可能性を常に考慮する必要があります。したがって、ユーザー A がクライアントを削除したい場合でも、アクティブな契約がないことを確認し、ある場合はエラーメッセージを表示する必要があります。つまり、最初のオプションで必要なすべてを実装する必要があります。そのため、コードの重複を避け、最も一貫した動作を提供するために、最初のオプションを選択する可能性が高く、常に削除オプションを表示およびアクティブのままにします。

user-interface - 利用できないアクションを UI に表示する必要がありますか?

11 に答える 11

Related

Reference