UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由

一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも

[coliss]

無効状態のボタンをグレーアウトにしない理由をUXの観点から解説。

[ttkazuma]

押せないボタンは上からテプラ貼らないと!!（使命感

[otihateten3510]

押そうとするとボタンが逃げるようにする

[sawat]

iOSは半透明 (alpha=0.5) が使われてますよね

[style_blue]

元々色盲の人もいるんだから色でステータスを表すなとは昔から言われているんですけどねー

[karauma]

“多くのデザイナーはこの無効状態をユーザーに伝える方法として、ボタンをグレーアウトにします。ただし、この方法ではボタンの有効状態が無効状態に似ていないため、ユーザーは同様に驚くことになります。”

[yomogi]

ボタンがグレーアウトされていても操作してしまう可能性あり。無効状態を示すには、グレーアウトではなく色付きのまま不透明度を40%以下に調整。

[dgwingtong]

グレーがもうお約束に感じるけど

[tumo300-500]

ほほー

[Falky]

グレーを使うと一般的には色差が出やすいので、一概に色覚異常への配慮が欠けてはないと思いますよ。明度は要配慮だけど。//今はalpha使えるんだからalpha使うのが早いよね。デフォルトカラーが正しく選ばれていれば。

[haruten]

昔の表現が乏しかった頃は無効ならとりあえずグレーという認識だったかもしれないが、表現が洗練されてきて、グレーとは何か、無効とは何か、を考えなければならなくなったということか