web-dev-qa-db-ja.com

ボタンの視覚的な「アクティブ」状態はアフォーダンスを改善しますか?

一部のWebサイトでは、特定のボタンまたはリンクに「アクティブ」状態を追加するのを怠っていることに気づきました。ボタンが押されたときの視覚効果。通常、ボタンは物理的に押し込まれているように見えます(通常、CSSを介して:activeセレクター)。例として、このサイトの右上にある[質問する]ボタンをクリックしてみてください。ホバーすると暗くなりますが、クリックしても視覚効果はありません。

jQuery UIのボタンウィジェット は、アクティブ状態のボタンの優れたデモです(ただし、アクティブ状態ではボタンが「押されている」という印象は特に与えられません)。

私は今、疑問に思っています。アクティブ状態は、エクスペリエンスを向上させるための視覚的な見栄えですか、それともボタンのようなコントロールのアフォーダンスに役立ちますか?

7
Ben Brocka

どちらも。

それは視覚的なセンスと、ボタンが通常提供するアフォーダンスの確認です。しかし私の経験では;さまざまな状況でactive状態のボタンを押しましたが、何も返されず、何も起こりませんでした。これは falseアフォーダンス につながり、その時点でactive状態はその値を失いました。

ポイントは、active状態は、その部分の合計と同じくらい価値があるということです。 active状態が削除され、ボタンがボタンと同じように動作する(応答時間が重要である)場合、ボタンは問題点となり、視覚的なフレアになります。ボタン内にactive状態を追加するための主要な基礎として表面化します。

3
Aaron McIver

ボタンの「アクティブ」状態が押されている/押されていると、アフォーダンスが向上し、サイトの応答性が向上します。これは、 "直接操作" および skeuomorphic の概念が、実世界の対応物と同じように感じられるようにするUIの義務付けであるタッチデバイスで二重に当てはまります。可能。また、実際にはDID正常にボタンを押すことができます。

また、より興味深いディスカッションについては、この関連する質問をチェックしてください: "マウスダウンでアクションを実行するのはいつ良いアイデアですか?"

3
Daniel Newman

他の場所で述べたように、ユーザーはアプリケーションに根本的に不信を抱いており、期待どおりに動作しないという恐ろしい習慣があります。ボタンのロールオーバー状態などは、アプリケーションが応答することを確認し、期待どおりに反応するという想定を強化します。

実際の3D効果は、物理的なボタンのアフォーダンスが必要だとは思わないので、おそらく他の何よりも魅力的です(ボタンを押す=アクションの前兆は、人間が150年以上経験したものではありません)。

永続的な「プッシュされた」状態については、ボタン(ナビゲーション項目など)の大きなリストがある場合にうまく機能し、ユーザーは選択した微妙なリマインダー(この例では、ナビゲーション構造内のどのページユーザーが読んでいます)。

1