web-dev-qa-db-ja.com

行動を促すフレーズに赤い色を使用することについての研究?

まず、赤の使用に関する研究または一般的な観察を探していることを述べておくことから始めましょう。デザインについての批評にはあまり興味がありません。私が持っている特定の懸念は、赤がユーザーに何か間違ったことをしている、または停止するように警告している場合です。赤は通常、アラートとして使用されます。だから私は赤がおそらくユーザーを躊躇させることによってユーザーエクスペリエンスにどのように影響を与えるのかと思っています。

私が赤を使用している理由は、それが私たちのブランドアイデンティティと一致していて、リンクの色としてすでに赤を使用しているからです。

これが私の現在のボタンのプロトタイプです

デフォルト

default button state

ホバー

hover button state

だから私が検討している他のオプションは、フォントの色を維持し、境界線にも使用することです

[代替]ホバー

enter image description here

もちろん、ダウンロードは実際には二次的なものではなく、三次的な行動を促すものかもしれません。

1
JGallardo

ハブスポットは赤が緑を打つと言います

http://blog.hubspot.com/blog/tabid/6307/bid/20566/The-Button-Color-A-B-Test-Red-Beats-Green.aspx

彼らはそれをバックアップするためにかなり広範なデータを持っています、そして私の個人的な経験は同じことを示しています。

2
AutomaticLuke

あなたが要求しているように、私には確かに私をバックアップする研究はありません。しかし、私は発売された製品の経験に基づくいくつかのフィードバックを持っています。

多くの場合、行動を促すフレーズにブランドの色を使用しても問題はありません。赤がウェブサイト全体で見られる赤と何ら変わらない限り。キーは一貫性を使用することです。多くの場合、行動を促すフレーズに色を使用する場合、キャンセルボタンとして灰色のような中間色を使用します。

あなたの場合、ホバー状態としてボタンの色を赤で縁取りするように変更すると、ユーザーがエラーがあると考えて混乱する可能性があります。さまざまなホバー状態は、多くの場合、暗い色合いを使用するか、影を操作することで実現できます。まれに、一緒に別の色(灰色から赤)を使用する必要があります。

確かに赤の使用が混乱する可能性があり、あなたが言及したように、エラーがあるという合図があります。あなたはそれで遊ぶ必要があります。ただし、設計に一貫している限り、ユーザーはあなたが何をしているかを理解する必要があります。

あなたが使う良い例はターゲットだと思います。彼らは赤を使用しますが、あまり警戒しないようにグラデーションを追加します。

1
Francis Pelland

心理学に関して言えば、赤は他の色と同じではありません。赤は警告であり注意を喚起するものでもあり、刺激的で危険です。それはユーザーの注意を引くかもしれませんが、ボタンをクリックする自信を与えないかもしれません。

どのUIでも、ユーザーが自信を持ってナビゲートできるようにしたいのですが、ボタンをクリックしても安全かどうかについて、ユーザーはそれほど深く考える必要はありません。アクションをダウンロードするためのより良い戦略は、ボタンのテキストの横にある下向きの矢印アイコンを使用することです。

クライアント/ビジネスが本当にブランドアイデンティティを赤に固執させたい場合は、それが問題になるかどうかを確認するために、いくつかのユーザビリティテストを行う価値があります。それが問題である場合は、確固たる証拠を持って彼らに戻ることができます。

1
Franchesca