web-dev-qa-db-ja.com

減少したCTAボタンの扱い方

大きな青色のボタンに目立つCTA(「サインアップ」など)があり、その横に下線の付いたリンク(「ありがとう」)の付いたCTAがあるページがあるとします。ページの本文には、青の下線が引かれたテキストリンクがいくつか表示されています。

私の質問は、このリンクをページ全体の通常のテキストリンクとは異なる色にするのは素晴らしいことですか?多分灰色?または、ボタンとして機能している場合でも、リンクはリンクである必要がありますか?

...それは理にかなっていますか?

3
kdanielz

キャンセルなどの単語が明白な行動を促すフレーズのボタンのすぐ隣にある場合、色はそれほど重要ではないと思います。

enter image description here

灰色を使用しないように注意してください。無効なリンクまたは非アクティブなリンクとして解釈される可能性があるためです。

enter image description here

1
DaveAlger

UIのアクションコントロールのセマンティクスは何ですか?私が知ることができる限り

  • アクションの呼び出し!
  • CTAをサポートするための情報
  • 行動を避ける

意味的に異なるアイテムを異なるスタイルにするのは良いことです。だからはい、3つすべてを異なるスタイルにします。

コンバージョン率を上げるには、「アクションを回避する」ための視覚的な優先度を低くすることが理にかなっています。ただし、これはユーザーベースを苛立たせる可能性があるため、テストを行ってください。

1
Jason A.