ウェブサイト分析: アクションリクエストボタンのデザインに必要な 6 つの要素

ウェブサイト分析: アクションリクエストボタンのデザインに必要な 6 つの要素

ここが実践の場です。

アクションリクエストボタンは、Web トラフィックを商業価値に変換する役割を果たします。

大きな効果は何ですか?

ウェブサイトのユーザー エクスペリエンス デザイナーは、このコンバージョンにおけるアクション要求ボタンの重要な役割を理解しているかもしれませんが、ウェブサイトから商業的な利益を得たいと考えているすべての人が次の 6 つの要素を理解する必要があります。

アクション リクエスト ボタンとは何ですか? アクション リクエスト ボタンは、Web 訪問者からクリック アクションを取得できるボタンです。

一般的に、クリックするとダウンロード、登録、または販売につながる可能性があります。また、より詳しい情報が記載されたページにユーザーを誘導し、ユーザーにアクションを促すこともあります (例: 「…についてさらに詳しく」)。

アクションリクエストボタンの6つの要素 1. サイズ

理想的には、CTA ボタンは、ページを混雑させることと背景に溶け込むことの間でバランスを取る必要があります。 ページ上の要素が大きいほど、その要素が重要であると認識されるため、ページ上で最も大きなボタンにする必要があります。

(上図のように) NCover の Web サイト ページでは、アクション要求ボタンを大きく表示して強調しています。さらに、「21 日間無料トライアル」などのその他の重要な情報を掲載するスペースも十分に確保されています。強いコントラストの色は、ユーザーがダウンロード ボタンをページの背景から区別するのにも役立ちます。

2. 場所

アクション要求ボタンを Web ページの折り返し部分に配置すると、この位置がユーザーにとって視覚的に対称的な中心となり、ユーザーに Web サイトの第一印象を与えることができるため、非常に効果的です。

(上図のように) Envy Store のログイン ページでは、真ん中にアクション リクエスト ボタンが表示され、ユーザーを迎えます。この丸いボタンは白い枠線に対して目立ち、周囲のテキストを読んだ後に買い手と売り手の両方に Web サイトに参加する強い動機を与えます。

(上記参照) 「寄付」、このアクション リクエスト ボタンは、戦争中の子どもたちを助けるために寄付をするよう全員に呼びかけるために使用されます。ページの上部にセカンダリ メニューを配置すると、ユーザーのアクションを効果的に誘導できます。そして戦略的に、テキストは、ユーザーが他のページを閲覧した後に戻ってくるように促すような背景に配置されています。

3. 色

行動喚起ボタンと背景色の間に色のコントラストがあることを確認してください。これにより、ユーザーがボタンに気づきやすくなり、アクションを起こす可能性が高まります。同時に、ボタンが再生できる最大の色空間を制限することを目的として、ボタンの色がページ全体のトーンとどのようによりよく一致するかを考慮する必要もあります。

(上図参照) このアプリのアクションリクエストボタンは、彩度の高い色によって背景色と明確に区​​別されています。その存在を無視しますか?

(上記のように) Resumator はナビゲーション バーで非常にわかりやすい色を使用して、「サインアップ」ボタンを強調しています。同じ赤が別のアクション ボタン「ツアーを開始」にも適用されており、これもこのコンセプトを反映しています。

4. スペースを残す

アクション要求ボタンがユーザーの注意を引くためには、空白も重要な要素です。ボタンの色が淡い場合や小さい場合は、空白スペースを戦略として使う方が効果的です。この戦略では、隣接する要素がより明確に区別されるため、ユーザーの注目をすぐに引き付けることができます。

(上図参照) MintThemes の Web サイト上のアクション リクエスト ボタンは、ユーザーの注意を引くために目立つ手段を使用するのではなく、代わりに空白スペースを使用して、ユーザーにアクションを促すこともできます。このアプローチは、Web ページの上部と下部にあるアクション要求ボタンに使用されます。

(上図のように) Blaz Robar の Web サイトはすっきりとシンプルで、アクション リクエスト ボタンに十分なスペースが与えられています。 このボタンはユーザーの注意を引くために競争する必要はなく、ユーザーのクリック動作をうまく引き起こすことができます。

5. コピーライティング

コピーライティングはユーザーのコンバージョン率において非常に重要な役割を果たします。

ユーザーに行動を促す簡潔で明確なコピーを目指します。 「今すぐ購入」や「カートに追加」などのボタンを読んだとき、すぐにクリックしたいという強い衝動を感じますか?一方、ユーザーが最初にコピーの意味を尋ねなければならない場合、コンバージョン率が低下します。

(上図のように) Intrahost では、このページのアクション要求ボタンのコピーが非常に簡潔かつ直接的であり、操作手順などの情報を読まなくても、ユーザーが直接作業を開始できるように誘導します。

(上図参照) Commendable Kids というウェブサイトでは、ユーザーに「今すぐ始めましょう」と呼びかけ、無料で使用できることをユーザーに明確に伝えています。 この追加情報は非常に役立ち、ユーザーがそのような情報を探すためにウェブサイトの奥深くまで進む必要がなくなります。

6. ユーザーにとってのメリット

チャンスを逃すかもしれないと感じたとき、私たちはより迅速に対応する傾向があります。ボタンに目を引くような励ましのコピーを組み込み、ユーザーが享受できるメリットを伝え、ユーザーの心を刺激します。

(上記参照) FileShare HQ Web サイトのアクション リクエスト ボタンには、メンバーになるメリット (数分以内にファイルをアップロードできる) がユーザーに伝えられます。

(上図のように) アプリ テンプレート ページのアクション リクエスト ボタンは、ユーザーがクラブにすぐに参加して、そのメリットをはっきりと伝えることで、このメリットを獲得するように促します。

アクションリクエストボタンは、ページのコンバージョン率において非常に重要な役割を果たします。現在、すべてのウェブサイトの目標はより均質化しています。上記の 6 つのデザイン要素を使用してアクション リクエスト ボタンを設計し、ユーザーの操作行動を刺激する必要があります。これにより、ウェブサイトのコンバージョン率に非常に良い影響がもたらされます。

(下図参照)Alipay 操作バナーのアクション ポイントをいくつか見てみましょう。もちろん、他の製品関連のアクション ボタンもいくつかあります。上記の設計要素を試して、アクティビティのコンバージョン率にどの程度役立つかを確認できます。アクションリクエストボタンのデザインについて、他にもアイデアがあるかもしれません。一緒に話し合いましょう。

原文: http://ped.alipay.com/archives/926.html

元のタイトル: ウェブサイト分析: アクションリクエストボタンのデザインに必要な 6 つの要素

キーワード: ウェブサイトのスコア、リクエスト、ボタン、必須、キラームーブ、これ、どこ、ウェブマスター、ウェブサイトのプロモーション、お金を稼ぐ

<<:  SEO ブロガーとのリンク交換を検討したことがありますか?

>>:  タオバオオンラインストア認証システムのアップグレードには写真の提出とウェブサイトの提出が必要

推薦する

クラウドコンピューティングで最も人気のある6つの用語を一度に理解する

クラウド コンピューティングの概念は比較的抽象的かもしれません。一般的に言えば、クラウド コンピュー...

クラウド コンピューティング戦略にセキュリティ対策を統合するための 5 つのヒント

多くの企業システム管理者は、組織のクラウドファースト戦略がビジネスセキュリティを危険にさらしていると...

企業ウェブサイトの運営とプロモーションモデル:O2Oを選択することは後退となる可能性がある

インターネットで生き残りたいなら、インターネット思考が必要です。多くの企業ウェブサイトは、インターネ...

OVHはどうですか?米国西海岸のヒルズボロデータセンターレビュー

OVHはどうですか? OVH米国西海岸はどうですか? OVH のヒルズボロ データ センターはどうで...

学生マーケティングで注文が戻ってくる

長沙には、あらゆる規模のウェブサイト構築および最適化会社やスタジオが 500 社以上あります。従来の...

anynode: ラスベガス VPS、年間 15 ドル、KVM/1G メモリ/1 コア/20g SSD/2T トラフィック (/月)

anynode は、solusvm を置き換えるためにコントロール パネルを再設計し、その他のラスベ...

キーワードランキングをGoogleの1ページ目に素早く向上させる新しい方法

これは私が最近 Google ランキングを改善するために使用している方法であり、これを皆さんと共有し...

百度百科事典は5月24日に大規模なアップデートを実施: 拡張読書にアンカーリンクを追加可能

百度百科事典は5月24日に大規模なアップデートを実施: 拡張読書をアンカーにリンクできる猫リンクです...

マルチクラウド環境を可視化する方法

マルチクラウドは、企業にとっての進化のステップであり、単一のクラウド プラットフォームの開始段階から...

1 つの記事で Yandex SEO を理解する: ロシアの対外貿易はここから始まります

画像出典: Tuchong Creative Yandex はロシアで最も広く使用されている検索エン...

spartanhost: シアトルの DDoS 防御 VPS、20% オフセール、新しい NVMe SSD

米国西海岸の Spartanhost シアトル データ センターには、NVMe SSD ディスクに基...

新規販売者向け SEO のヒント (パート 2): キーワードの重みを向上させる鍵は何ですか?

私の前回の記事を読んだ販売者はすでに SEO の原則と重要性について大まかに理解しているはずです。今...

Baidu最適化の8つの重要なポイントについて簡単に説明します

最近、Baiduの計算ルールは大きく変更され、多くのSEO担当者を不安にさせていると言えます。しかし...

詳細な分析: Redis 分散ロックは安全ですか?

[[413107]]序文Redis 分散ロックについては多くの記事が書かれていますが、インターネッ...