web-dev-qa-db-ja.com

状態に基づいて機能ボタンを表示/非表示/無効にする必要がありますか?

重複の可能性:
無効化されたオプションを非表示にする必要がありますか?

私は現在、顧客のタスク画面からワンクリックでエンドユーザーが追加のレポート/データを利用できるようにする必要があるプロジェクトチームと協力しています。これらのレポートは、顧客のタスク画面のボタンをクリックした後にユーザーに表示されるモデルに表示されることが決定されました。

問題は、すべての顧客がそれらのアカウントに基づいてこれらのレポートを持つことではありません。ただし、すべてのアカウントでこれらのタイプのレポートをいつでも表示/非表示にすることができます。一貫性を保つため、常に表であるレポートセクションを表示する予定です(以下のモックアップを参照)。

では、ボタンを使用して各レポートの状態をどのように表示するのでしょうか。表示するレポートがない場合、ボタンを無効として表示しますか?情報が利用できないときにボタンをすべて非表示にしますか?ボタンを常に有効にしておき、その時点でユーザーが「いいえ」のレポートを持っている情報だけを有効にしますか?

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
JeffH

レポートが利用できない場合は、ボタンを無効にします。そして、ボタンのラベルを変更してください。 「網掛けはクリックできないことを意味する」という考え方は一般的なパラダイムです。そして言葉遣いはその考えを強く補強しています。

ユーザーがボタンをクリックして、それが利用可能かどうかを確認しないでください。彼らを本当に怒らせるためにそれは多くのクリックを必要としません。それは「ハ、ハ。あなたをだまされた!あなたはこれをする/することはできない」と出くわすでしょう。

3
radarbob

有効なボタンをクリックした後にユーザーにレポートがないことを通知することは、私が日曜日の朝にコーヒーをもらうためにあなたに送るのと少し似ています。ユーザーとして、私がボタンをクリックして何もしないとだけ言うように誘惑したら、私はあなたを憎みます。

disabled状態のアイデアは、ある時点でenabledになるはずですが、ユーザーには「まだそれを行うことはできません」と伝えたいと考えています。まだ有効になっていないフォームのsaveボタンのように。

ユーザーとしては、これらの無効にされたボタンが有効になることを期待しているので、おそらく混乱するでしょう。

(現在のビューのライフサイクルで)何もしないことのないコントロールや視覚要素を含める理由はわかりません。

したがって、レポートボタンを非表示にします。

0
Izhaki

ジェフ、

私はこれで隠れキャンプにいます。なぜユーザーに考えさせるのか?

私の逸話的な経験では、類似の要素のグループを熟読して「これはボタンがありません。どこにありますか?」と言うユーザーを見たことがありません。彼らは自分の目でページをスキャンし、提示されたものに単に応答します。要素がないことは、やることがないことを示す最も説得力のある方法です。

別の提案を提供するためだけに。レポート名の左側にあるクリック可能な「レポート」アイコンボタンを試してください。これにより、リストアイテムが明確になり、レポートアイコンは利用可能/利用不可能という明確なパターンに従い、簡単にスキャンできる線に沿ってクリックできます。

mockup

お役に立てれば。

0
Itumac