ユーザーエクスペリエンスを向上させ、コンバージョン率を高めるための簡単なガイド
公開: 2018-06-26私は何年にもわたって、ユーザー エクスペリエンスについて多くのことを書いてきました。ユーザー エクスペリエンスを向上させる方法、いつ実装するか、どのようにテストするかなどです。
広く取り上げているのには理由があります。 SEOからカスタマー サービスまで、ビジネスのあらゆる側面に影響します。
実店舗を所有している場合は、エンド キャップのディスプレイ、サイネージ、通路のナビゲーション、販売サポートなどについて心配するでしょう。 これらのことはオンラインでも重要ですが、特別なツールなしでは観察と追跡がより困難です。
顧客があなたのソーシャル メディア プロファイルをチェックしたり、ブログ エントリを読んだり、販売ページを閲覧したりしている間、顧客の家に入って肩越しに見渡すことはできません。
多くのマーケティング担当者は、代わりに当て推量に目を向け、他社のデータやオーディエンスに関する知識に基づいて推測を行います。
それはうまくいくかもしれません。 しかし、コンバージョン率が低く、売上が低いままになる可能性も同じです。
Crazy Egg では、顧客の肩越しに見ることができるツールを提供していますが、気味の悪い方法ではありません。 代わりに、ウェブサイト訪問者の活動のスナップショットと記録を取り、そのデータについて結論を導き出すことができます。
ユーザーが最も頻繁にクリックする場所は? 彼らはいつスクロールを止めますか? そして、どの参照元が最も多くのトラフィックを引き起こし、最も質の高いトラフィックをもたらしているでしょうか?
実際の訪問者の行動に基づいてユーザー エンゲージメントのポイントを確認することで、まったく新しいデータの世界を開くことができます。
それでは、ユーザー エクスペリエンスを向上させる最善の方法と、それがコンバージョンや売上にどのように結びついているかを掘り下げてみましょう。
今日取り上げる内容は次のとおりです。
- ユーザー エクスペリエンスとは
- ユーザー エクスペリエンス (UX) を改善することの重要性
- UXジェネラリストVSユーザーエクスペリエンススペシャリスト
- ユーザー エクスペリエンスを向上させ、より多くのコンバージョンを獲得する方法
- Crazy Egg Tools を使用して UX を改善する方法
ユーザー エクスペリエンスとは
ユーザー エクスペリエンス (UX) とは、消費者が Web サイトを操作するときに表示する一連の動作を指します。 ウェブサイトのデザインからフォームのデザインまで、いくつかの要因が UX に影響を与えます。
より具体的には、ユーザー エクスペリエンスは、Web サイトやその他のアプリケーションに対するユーザーの印象を、その使いやすさと快適さに基づいて定義します。 UX を改善すると、顧客がブランドと対話するためのより望ましい場所が作成されます。
ユーザー エクスペリエンスを向上させると、Web サイトとターゲット ユーザーの間の摩擦が減ります。
たとえば、チェックアウト プロセスを合理化すると、訪問者が商品を購入する可能性が高くなります。 彼らは、自分が望む製品やサービスを購入するために、ことわざの輪をくぐり抜けなければならないとは感じていません。
特にコンバージョンに重点を置いた、シンプルでナビゲートしやすい Web サイトを作成することで知られています。 私はブログに大量のコンテンツを無料で投稿していますが、訪問者が私に連絡したり、連絡先情報を提供したり、チームとのミーティングを設定したりする機会もたくさん提供しています.
Quicksprout のホームページは次のとおりです。
ユーザーがサイトの別の部分に移動したり、オファーを変換したりするために必要な情報のみが表示されます。
UX のベスト プラクティスには、多くの場合、訪問者が気を散らしたり混乱したりしないように、訪問者に提示する情報を最小限に抑えることが含まれます。 ただし、これは Web デザインにミニマリストのアプローチを採用する必要があるという意味ではありません。
ツールの使用を開始して UX を改善する
ユーザー エクスペリエンス (UX) を改善することの重要性
ユーザー エクスペリエンスを向上させると、Web サイトの訪問者をコンバージョン ファネルに導くことができます。 顧客は、購入する途中で遭遇する障害が少なくなります。
コンバージョン ファネルは、見込み客を見込み客に、見込み客を顧客に変えます。
見込み客が初めてあなたのウェブサイトを訪れます。 ブログの投稿を読んだり、メインのナビゲーション ページをざっと見たりするかもしれません。 その人があなたのビジネスに好意的な印象を持っている場合、ソーシャルであなたをフォローしたり、あなたのメールリストにサインアップしたりするかもしれません.
見込み客の連絡先情報を入手したら、見込み客を獲得できます。 ヒント、アドバイス、割引、無料ツールを通じて優れた価値を提供することで、その顧客を購入に向けて育てることができます。
ただし、ユーザー エクスペリエンスを改善するために時間を割いていない場合は、見込み客やリードが冷めてしまう可能性があります。 彼または彼女は、あなたのウェブサイトや他のオンライン プレゼンスをナビゲートする際に遭遇した摩擦のために、あなたのビジネスにこれ以上の時間 (またはお金) を与えないことを決定します。
ユーザー エクスペリエンスが重要な理由
The UX Design Collective の寄稿者で、UX デザインの専門家である Caio Braga と Fabricio Teixeira は次のように述べています。
Braga 氏と Teixeira 氏によると、消費者は即時性と使いやすさを期待するようになっています。 彼らは、製品のバックログや機能更新の発表など、決して実現しない障害に簡単にイライラします。
ユーザー エクスペリエンスは、きれいな Web デザインをはるかに超えています。 Web サイトがユーザーに期待するものを提供せず、ユーザーにとって最適な選択をするのに役立たない場合、収益を失う可能性があります。
さらに重要なことは、ブランドの信頼性と認知度が消費者の間でますます重要になっていることです。 彼らは社会的証明のようなものを探しますが、それが何と呼ばれているかはわかりません。 お客様の声やその他のブランド人気の証拠を公開しないことは、あなたを傷つける可能性があります.
UX もより細分化されています。 チェックアウト フォームに不要なフィールドを 1 つでも追加すると、ショッピング カートが放棄される可能性があります。 訪問者を引き付けるのに 1 分もかかりませんが、たとえ成功したとしても、 UX の障害のために売り上げを失う可能性があります。
ユーザー エクスペリエンスは、顧客が Web サイトに何を求め、何を期待しているかについての洞察を提供するため、重要です。 配信に失敗すると、ブランドにとって悲惨な結果になる可能性があるため、全体像だけでなく細部にも注意を払う必要があります.
UXジェネラリストVSユーザーエクスペリエンススペシャリスト
ユーザー エクスペリエンスを向上させる方法を自分で学ぶ必要はありません。 UX ゼネラリストと UX スペシャリストは、ユーザー エクスペリエンスを改善し、より多くのコンバージョンを生み出すために企業と相談します。
UX スペシャリストは、ウェブサイトのデザインやコンバージョン ファネルの最適化など、UX の 1 つの領域について信じられないほどの熟練度を持っています。 彼または彼女はその 1 つの領域に焦点を当てて、サイトにアクセスするすべてのユーザーのユーザー エクスペリエンスを向上させるのに役立ちます。
UXジェネラリストはより幅広い知識を持っています。 ユーザーエクスペリエンスをより全体的に見て、Web サイトのフォームと機能の各側面を改善および強化して、コンバージョンを最大化するのに役立ちます。
これは、Crazy Egg などのツールを使用して自分で行うことができます。これは、視覚的なデータ レポートを作成し、サイトでの訪問者のアクティビティを記録する方法をいくつか提供します。
たとえば、クレイジー エッグ リスト レポートでは、Web サイトでクリックが発生している領域の概要を把握できます。 各行の要素のタイプ (リンクやフォームなど) と、ページの残りの部分に対するクリックの割合を確認できます。
上のスクリーンショットで気付くと思いますが、「非表示」と「両方」というラベルの付いた 2 つのタブがあります。 [表示] セクションに表示されるデータには、他のレポートに表示されるクリックも含まれますが、[非表示] クリックも同様に有益です。
Web サイトのページには、訪問者がそれらを操作した後に表示される、ドロップダウン リストやモーダルなどの動的なコンテンツや非表示の要素が含まれている場合があります。 これらのタイプのクリックは、[非表示] タブにのみ表示されます。
両方の種類のクリックを表示するには、[両方] タブをクリックします。
Crazy Egg やその他のツールを使用すると、自分でユーザー エクスペリエンスを向上させることができます。 データ分析だけでは解決できない問題に遭遇した場合は、ジェネラリストまたはスペシャリストを雇って、特定の障害の克服を支援してもらうことができます。
たとえば、ページの全体的なプレゼンテーションや視覚的なレイアウトに問題がある可能性があります。 専門家は、彼または彼女の経験のおかげで、代替案を検討するのに役立ちます。
私のアドバイスは、まずゼネラリスト、つまりユーザー エクスペリエンスについてより幅広い知識を持っている人と協力することです。 UX の特定の側面に深刻な問題がある場合は、その専門家に専門家を推薦するよう依頼してください。
Crazy Egg を使用している場合は、その専門家を雇う前に、ツールの使用経験があるかどうか尋ねてください。 そうすれば、仕事上の関係がより簡単に進展する可能性があります。
ユーザー エクスペリエンスを向上させ、より多くのコンバージョンを獲得する方法
サイト全体のユーザー エクスペリエンスを改善し始めたばかりの場合は、圧倒されるかもしれません。 パニックにならない。 プロセスを 1 ステップずつ実行し、ターゲット ユーザーへのアピールに満足するまで、サイトの各領域に十分な注意を払います。
専門家を雇わずにユーザー エクスペリエンスを向上させるためのガイドをまとめました。 お金を節約し、コンバージョンを促進して、ビジネスが成長し続けるようにします。
個別の CTA
多くの Web サイトでは、複数の CTA を別の CTA のすぐ横または上に配置しています。 ユーザーはあなたが何を求めているのかわからないため、読者を混乱させ、両方の CTA のクリック数を減らす可能性があります。
上記の例のように、Web サイトでヒート マップを実行する場合、隣接する要素でのクリック アクティビティが多すぎるのは望ましくありません。 上記のように、クリックがロゴと主要な CTA を中心に行われていることがわかります。 ナビゲーション リンクにも明るいスポットがあります。
メインの CTA の下に別の CTA を追加すると、両方の領域に暗いスポットが表示される可能性があります。
ただし、ページに複数の CTA を含めることができないというわけではありません。 長いブログ、ランディング ページ、または販売ページがある場合、断続的な CTA を追加すると、コンバージョンを促進できます。

上のスクリーンショットでは、左側にスクロール マップ、右側にヒート マップが表示されています。 ヒート マップでは、2 つの CTA で重要なアクティビティが見られます。 ただし、それらは互いに重なり合っているわけではありません。 これらは、多数のコピー要素とサイドバー要素で区切られています。
左側の対応するスクロールマップは、2 番目の CTA を配置することにした理由を示しています。 ユーザーはその時点でスクロールを停止するため、ユーザーをコンバージョンに導く別の機会が必要です。
要素を別々の部分に分割する
ウェブサイトを見て全体像を見るのは簡単ですが、細かい部分はどうでしょうか。 Web サイトのすべての要素には、ユーザーがクリックする可能性があるいくつかの異なる領域があります。
クレイジーエッグオーバーレイのレポートです。 各プラス記号は、ユーザー アクティビティの領域を示します。 これは単純な Web フォームですが、7 つの異なる領域があります。
各プラス記号を選択して、獲得しているクリック数を正確に把握し、得られた情報に基づいて行動を起こすことができます。ランディング ページなどの価値のあるページに画像がハイパーリンクされていることを確認します。
人々がどのようにナビゲートしてクリックしているかを深く理解する
ユーザー エクスペリエンスを向上させる最善の方法は、ユーザーの行動を理解することです。 人々が Web サイトに到着したときに何をするかわからない場合、将来の訪問者のためにどのように最適化できるでしょうか?
たとえば、スクロールマップは、長い形式のページでユーザーがスクロールを停止した場所を示します。 アクティビティが徐々に減少し始めている場所を確認できます。
スクロール マップは、色に基づいて活動領域を示します。 ホット スポットは赤と白で表示されます。これらは、人々が最も多くの時間を過ごす領域です。 青い点は寒冷地を示します。 訪問者はコンテンツをすばやくスクロールしたり、ページを離れたりしました。 緑色は、サイトのホット エリアとコールド エリアの間のエリアを示します。
上の長いスクリーンショットは、さまざまなレベルのエンゲージメントを示していますが、本当に「ホット」な領域はすぐに停止することに気付くでしょう。 これは、ユーザーがブログ フィードの上部で興味深いものを見つけてクリックしたためと考えられます。 スクロールする理由はありません。
スクロールマップの個々の領域を詳しく見ると、より多くの洞察が得られます。 ここでは、スクリーンショットの上部に小さな緑があり、その後に青の海が続きます.
一番上にCTAがあることに注意してください。 多くの人がそのポイントまでスクロールしたことがわかっているため、これは戦略的な領域ですが、その後すぐにブラウジング活動が急激に減少します.
テストを開始できるように、潜在的な設計変更と改善を特定します
Crazy Egg を使用して、ヒートマップ、スクロールマップ、紙吹雪マップ、オーバーレイ レポート、リスト レポート、およびその他のスナップショットを実行できますが、結果についても何かを行う必要があります。 データを収集したら、各領域で A/B テストを開始して、何が最適かを判断します。
オーバーレイ レポートを生成すると、潜在的に A/B テストできる要素の正確な数がわかります。
ここに、個々のガイドへのリンクを含むサイドバー要素のスクリーンショットがあります。 それぞれに青いプラス記号が付いているので、各リソースにクリック アクティビティがあることがわかり、リストの左側にあるプラス記号をクリックすると、個々のリンクをクリックした人数がわかります。
この観察に基づいて実行できるアクションを次に示します。
- リストを短くして、Web サイト全体のフローを集中させ、選択肢を減らすことでユーザー エクスペリエンスを改善するかどうかを判断できます。
- 最も多くのクリックを獲得しているガイドを特定し、最も人気のあるガイドがリストの一番上に来るようにリストを並べ替えることができます。
ウェブサイトを再設計しないように企業に警告するために私が作成したこのビデオをご覧ください。 コンバージョンを最適化し、頭痛の種を減らすのに役立つ魅力的な代替手段を提供します。
最も重要なページを最適化する
ユーザー エクスペリエンスの改善を開始するときは、優先順位が不可欠です。 多くの場合、最も重要なページは、ホームページ、ランディング ページ、販売ページ、概要ページ、および連絡先ページです。
しかし、更新する価値のあるページは、ビジネスによって異なります。 たとえば、e コマースを行っている場合は、販売ページから始める方が賢明かもしれません。
1 つのページから始めて、いくつかのユーザー行動レポートを実行し、A/B テストを開始します。 一度に 1 つの領域に集中します。 最も重要なページを最適化したら、引き続きリストを下に移動します。
時間がかかりますか? はい。 UX の改善は、一夜にしてできることではありません。健全な決定を下したいのであれば、確かなデータが必要だからです。
顧客サービスを改善する
顧客サービスを十分に強調することはできません。 迅速な行動、親切な対応、便利なツールで見込み客に好印象を与えなければ、見込み客は競争に敗れてしまいます。
顧客サービスといえば、製品が破損して自宅に到着したときに電話する 800 番号のことをよく考えます。 しかし、カスタマー サービスはユーザー エクスペリエンスの重要な要素です。
Crazy Egg の Web サイトには、広範なヘルプ セクションがあります。 お客様が質問に対する回答を見つけるのに役立つ FAQ、ビデオ デモなどがあります。
簡単なことのように思えるかもしれませんが、これにより、お客様が自分で答えられる質問について電話やメールで問い合わせる必要がなくなります。
Crazy Egg Tools を使用して UX を改善する方法
Crazy Egg では、顧客の肩越しに見ることができるツールを提供していますが、気味の悪い方法ではありません。 代わりに、ウェブサイト訪問者の活動のスナップショットと記録を取り、そのデータについて結論を導き出すことができます。
ユーザーが最も頻繁にクリックする場所は? 彼らはいつスクロールを止めますか? そして、どの参照元が最も多くのトラフィックを引き起こし、最も質の高いトラフィックをもたらしているでしょうか?
実際の訪問者の行動に基づいてエンゲージメントのポイントを確認することで、まったく新しいデータの世界を開くことができます。
Crazy Egg を使用してユーザー エクスペリエンスを向上させる方法については、これまで多くの情報を取り上げてきましたが、ユーザー ベースについてさらに詳しく知ることができるもう 1 つの機能について触れたいと思います。
ユーザーの記録により、サイトでの 1 人のユーザーのアクティビティを垣間見ることができます。 クリックやスクロールからフォーム フィールドへの入力まで、ユーザーが Web サイトをどのように操作しているかを正確に確認できます。
記録は、閉塞を理解するのに役立ち、提供するレポートを補完します。 たとえば、放棄されたショッピング カートが多数発生している場合は、チェックアウト ページでセッションの記録を開始することをお勧めします。
ユーザーがチェックアウト フォームに入力するまでの距離を確認できます。 プロセスの特定の部分でユーザーが躊躇していることに気付いた場合は、問題をより深く調べて、問題の根本を発見することができます。
ユーザー エクスペリエンスを改善し、より多くの顧客にチェックアウト プロセスを案内することで、どれだけ多くの収益を生み出すことができるかを検討してください。
結論
私がユーザー エクスペリエンスに情熱を注いでいる理由は 2 つあります。
- 私は成長と収益が好きです。 私は常にトップに立つために競争しているので、ビジネスが確実に成長し、より多くのコンバージョンを生み出すために何でもします.
- 私は見込み客と顧客を気にかけています。 私のウェブサイトやチームとのやり取りを楽しんでもらいたい.
同じ優先順位を採用すれば、UX はより明確になります。 コンバージョンを増やし、人々があなたのウェブサイトでよりくつろげるようにするために必要な手順がわかります。
以下は、私が行った細かい点のいくつかを覚えておくのに役立つ便利なチェックリストです。
- 個別のCTA
- ウェブサイトの要素を別々の部分に分割する
- 人々がどのようにナビゲートしてクリックしているかを深く理解する
- ウェブサイトの潜在的な変更と改善を特定し、テストする
- 最も価値の高いページを最適化する
- 顧客サービスを改善する
これらのビルディング ブロックから始めて、Crazy Egg ツールを他の顧客データと組み合わせて、ユーザー エクスペリエンスを向上させるために何を変更またはテストする必要があるかを把握します。
ビジュアル レポートの仕組みをご覧ください