web-dev-qa-db-ja.com

赤はいつボタンの正しい色ですか?

大きな悪い赤いボタン についてのこの質問を読んだ後、赤いボタンをクリックするとユーザーがクリックすることで一般的に合意されたので、私は考えていました:では、いつ彼らは良いアフォーダンスとインタラクションデザインですか?

  • 通常、赤いボタンはネガティブなことを意味するので、ユーザーは赤いボタンを期待していると思います。

  • 赤いボタンは、ユーザーにそれを避けるのではなくクリックするように促します。

上記の2つのステートメントは互いに相容れないようです。ボタンの赤い色は「アウト」ですか?それを使用するのが良いと思われるのはいつですか?

24
Vic Goldfeld

赤いボタンは、本来primaryアクションがnegativeである場合に適しています。

つまり、ユーザーはとにかくボタンを押すことを望んでいる可能性が高く、トリガーされるアクションはキャンセル、終了、削除、またはその他の「否定的な」アクションです。 iOSの例をいくつか示します。

enter image description here

右側の画像では、ユーザーはすでに示されていますを持っていることに注意してください。現在のページを離れたいので、「下書きの削除」ボタンをクリックしたいと思うでしょう。このアクションがこのコンテキストでsecondary重要だった場合、私は赤(および画面上のその場所とサイズ)を使用しません。

このパターンは、アクションのnatureを強化すると同時に、コンテキストに応じてクリック/タッチする可能性が高い場所に注意を喚起します。

31
peteorpeter

上記のコンテキストには関係ないかもしれませんが、あなたの周辺視野では、赤が最も簡単に区別できる色であることを漠然と覚えています。このアプリケーションは、画面ではなく、実際のUIでよく使用されます。画面は通常、周辺視野を必要としないサイズで十分小さいと思います。

4
Sheff

もちろん、GoogleがWebアプリケーションのMOSTに関するこの「ルール」に完全に違反していることを考えると、この「従来の知恵」のすべてに適切に疑問を投げかけることができます。

これは同じことに関するG +の会話です: https://plus.google.com/113117251731252114390/posts/RNM3ki72Yby

1
Jay Stevens

赤はほとんどの場合、潜在的なリスクを示します。ただし、アクションの色に加えて、シーケンス、配置、グループ化(画面2を参照)、形状/サイズが重要です。アテンションボタンには他の色を使用します。

1
sysscore

ブランドガイドラインで住所を見つける必要があることは確かですが、いくつかの点で確実に赤い色は「拒否」を意味しますが、以下の画像をチェックすると、アクションを得るために赤い色を使用した例がいくつか表示されます。 Netflix

invision

1
Mohsen Samoodi