WordPressでウェブサイトデザインのフィードバックを得る方法（ステップバイステップ）

WPBeginnerでは、WordPressサイトを何度も再設計してきました。そして毎回、ユーザーからのフィードバックが最終的な結果を形成する上で大きな役割を果たしました。

しかし、意味のあるフィードバックを得ることは、通常、ウェブサイトにフォームを追加するほど簡単ではありません。ほとんどの訪問者は、適切な質問を適切な方法で尋ねない限り、意見を共有しないことを学びました。

このガイドでは、WordPressでウェブサイトのデザインフィードバックを収集する方法を説明します。訪問者から貴重な洞察を得るのに役立った手順を順を追って説明します！

なぜウェブサイトデザインのフィードバックを求めるべきなのか？

専門家からデザインのヒントやコツを求めるのは良いことですが、ユーザーからウェブサイトのデザインフィードバックを得ることは不可欠です。なぜなら、彼らは日々あなたのウェブサイトを使用しているからです。そして、あなたがオンラインビジネスオーナーであれば、彼らはあなたの顧客である可能性も高いです。

ウェブサイトデザインのフィードバックがあれば、何が最適か推測する代わりに、訪問者の正確なニーズに合わせてWordPressサイトを最適化できます。彼らのコメントは、ペインポイントを特定し、ナビゲーションを改善し、全体的なユーザーエクスペリエンスを向上させるのに役立ちます。

ユーザーの声に耳を傾けることで、WordPressウェブサイトを再設計し、オーディエンスの共感を呼び、リピート訪問やコンバージョンを促進することができます。

ウェブサイトのデザインフィードバックを求める方法はたくさんあります。ブログ記事の最後にフィードバックフォームを追加する人もいれば、メールでフィードバックを求める人もいます。

当社の調査に基づき、WordPressでウェブサイトのデザインフィードバックを求める最善の方法は、ウェブページの一角に表示されるアンケートウィジェットを使用することだと考えています。これにより、ユーザーは閲覧体験を中断することなくコメントを提供できます。

この記事では、アンケートウィジェットメソッドを使用してウェブサイトのデザインフィードバックアンケートを作成する方法を説明します。プロセスを簡単なステップに分解しました。以下のリンクを使用して、任意のセクションにすばやくジャンプできます。

• ステップ1：UserFeedbackプラグインのインストールと有効化
• ステップ2：新しいウェブサイトフィードバックアンケートを作成する
• ステップ3：ウェブサイトデザインフィードバックフォームに質問を追加する
• ステップ4：アンケートの表示時期と表示場所を決定する
• ステップ5：メール通知の設定
• ステップ6：アンケートを下書きとして保存するか、公開します
• ボーナスヒント1：ウェブサイトのフィードバックとUserFeedbackのヒートマップを組み合わせる
• ボーナスのヒント2：ウェブサイトデザインフィードバックフォームの質問を思いつく方法
• ボーナスのヒント3：ウェブサイトデザインのフィードバックを収集しましたが、次は？

ステップ1：UserFeedbackプラグインのインストールと有効化

最初のステップは、UserFeedbackプラグインをインストールすることです。UserFeedbackは、WordPressウェブサイト向けに設計されたフィードバック収集プラットフォームです。

使いやすいフォームビルダーを使用すると、アンケートウィジェットをすぐに簡単に設定できます。スマートターゲティング機能により、ウェブサイト訪問者にとって邪魔にならないアンケートフォームを簡単に起動することもできます。

WPBeginnerでは、UserFeedbackを使用して、ウェブデザインのお客様が何を求めているかをより深く理解しました。これは非常に効果的でした。詳細については、UserFeedbackの完全なレビューをご覧ください。

UserFeedback の使用したいバージョンを選択したら、WordPress にインストールしてください。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

次に、Proバージョンを使用している場合は、Proライセンスキーを有効にできます。

これを行うには、WordPress ダッシュボードから UserFeedback » 設定 に移動します。その後、ライセンスキーを「ライセンスキー」フィールドにコピー＆ペーストし、「検証」をクリックします。

次に、下部にある「設定を保存」ボタンをクリックするだけです。

ℹ️ Proユーザーへの注意：次のステップに進む前に、フィードバックフォームの作成をはるかに簡単にするために、いくつかの追加アドオンを有効にする必要があります。これを行うには、UserFeedback » Addonsにアクセスしてください。

このページには、追加テンプレート、動作、ブランディング、質問タイプ、ターゲティングの5つのアドオンがあります。これらはすべて後でプロセスに重要になるため、すべてをインストールして有効にすることをお勧めします。各アドオンの「有効化」ボタンをクリックするだけです。

ステップ2：新しいウェブサイトフィードバックアンケートを作成する

この段階で、ウェブデザインのフィードバックフォームを作成する準備が整いました。それでは、UserFeedback » Surveys に移動してください。

ここで、上部近くにある「新規作成」ボタンをクリックしてください。

「テンプレートの選択」設定ページに移動します。

Liteバージョンを使用している場合は、「ウェブサイトフィードバック」または「ウェブサイトエクスペリエンス」テンプレートを使用できます。どちらも、ウェブデザインとウェブ開発のフィードバックに関連するすぐに使用できる質問が含まれています。

それでも、カスタムフィードバックフォームを作成するために、いつでも「最初から始める」を選択できます。

Proユーザーには、「ウェブサイトデザインのフィードバック（PRO）」を使用することをお勧めします。これは、ページを下にスクロールすると見つかります。チュートリアルではこのテンプレートを使用します。

ステップ3：ウェブサイトデザインフィードバックフォームに質問を追加する

3番目のステップは、ウェブサイトデザインフィードバックフォームに質問を挿入することです。

「ウェブサイトデザインフィードバック（PRO）」テンプレートを使用する場合、いくつかの質問が既に追加されていることがわかります。目標に応じて、それらを使用または削除できます。

フィードバックプラグインのフォームビルダーの基本的な設定を見てみましょう。

質問の追加、削除、および並べ替え

質問を追加するには、下部にある「質問を追加」ボタンをクリックして、質問タイプを選択してください。

質問タイプは7種類あります。

• チェックボックス
• ラジオボタン
• メールキャプチャ
• 単一テキストフィールド
• 長文回答
• スターレーティング（Pro ユーザー向け）
• ネットプロモータースコア（Proユーザー向け）

質問を削除するには、上記のスクリーンショットのように、質問ボックスの下部にある「質問を削除」ボタンをクリックします。

次に、「はい、削除します」をクリックします。

質問リストを並べ替えるには、質問ボックスの左側にある6つのドットのボタンをクリックできます。

次に、質問をドラッグアンドドロップします。以下を参照してください。

アンケートは質問数を約5問、最大でも7問程度に短く保つことをお勧めします。ユーザーは時間がかからないため、短いアンケートを完了する可能性が高くなります。

質問設定とロジックの設定

UserFeedback Proを使用している場合は、質問ボックスの「設定」タブに切り替えて、アンケートの質問を設定するための追加オプションを確認できます。

各質問タイプには独自の [設定] があるため、それぞれのオプションを必ず確認してください。

たとえば、チェックボックスまたはラジオボタンを使用している場合、質問を必須にする、回答をランダム化する、追加のコメント用のテキストボックスを有効にするなどの設定を確認できます。

「設定」の隣には「ロジック」タブがあります。ここで、質問に条件付きロジックを有効にできます。これは、ユーザーが前の質問で特定の回答をした場合に、質問を表示または非表示にすることを選択できることを意味します。

下の例では、ウェブサイト体験の評価が3未満だった訪問者には、「今日のウェブサイト訪問の目的は何でしたか？」という質問が表示されます。

感謝メッセージのカスタマイズ

アンケートの最後に、訪問者には感謝のメッセージが表示されます。Proユーザーの場合、このメッセージの内容をお好みに合わせて編集できます。

このメッセージの内容をカスタマイズして、ブランドアイデンティティに合った言葉遣いにすることができます。これを行うには、「ウィジェットにメッセージを表示」を選択し、ボックス内のテキストを変更するだけです。

または、「ページにリダイレクト」オプションを選択することもできます。訪問者がアンケートに回答したことに対して報酬を与えたい場合は、これを行うことをお勧めします。

特別なWordPressまたはWooCommerceのサンキューページに送信して、限定割引にアクセスしたり、プレゼント企画に参加したりできます。

ユーザーを専用ページにリダイレクトすることは、感謝の気持ちを示すだけでなく、ユーザーエクスペリエンスを向上させます。訪問者は、自分の時間と意見が評価され、大切にされていると感じることができます。

アンケートウィジェットのプレビュー

アンケートウィジェットの外観をプレビューしたい場合は、「作成」の隣にある上部近くの「プレビュー」ボタンをクリックしてください。

Pro版をご利用のお客様は、ウェブサイトのデザインに合わせてアンケートポップアップのデザインをカスタマイズすることも可能です。これにより、ウェブサイト全体で一貫したユーザーエクスペリエンスを維持することが重要です。

以下を調整できます。

• 配色を明るい色から暗い色へ、またはその逆へ
• ウィジェットの背景色
• テキストの色
• ボタンの色

WordPressで色を変更する方法について詳しく知りたい場合は、WordPressウェブサイトの色をカスタマイズする方法に関するガイドをお読みください。

ボタンの色は、背景とよく対照される色を選ぶことをお勧めします。そうすることで、ボタンが際立ち、訪問者にとって見つけやすくなり、クリックしてフィードバックを提供するよう促すことができます。

WebAIMのコントラストチェッカーツールを使用して、ある色が別の色とどの程度コントラストしているかを確認できます。

すべてが良好に見えたら、下部にある「次のステップ：設定」ボタンをクリックするだけです。

ステップ4：アンケートの表示時期と表示場所を決定する

アンケートの質問を作成した後、設定ステップにリダイレクトされます。Proユーザーの場合、アンケートのトラッキング、ターゲティング、および動作設定を構成できます。

トラッキング

この設定では、MonsterInsightsプラグインを使用してGoogle Analyticsのトラッキングを有効にすることを選択できます。WordPressサイトのパフォーマンスをGoogle Analyticsでトラッキングするのが初めての場合は、MonsterInsightsが最も簡単なツールです。

当社では、コンバージョン追跡のためにMonsterInsightsを自社ウェブサイトで使用しており、非常にうまく機能しています。詳細については、MonsterInsightsの完全なレビューをご覧ください。

Google Analyticsの設定に関する詳細については、初心者向けWordPressへのGoogle Analyticsのインストール方法に関するガイドをお読みください。

ターゲティング

この設定により、さまざまなデバイスやウェブページに基づいてアンケートウィジェットを表示する場所を選択できます。

「デバイスタイプ」については、デスクトップ、タブレット、モバイルを選択するのが最善です。人々はさまざまなデバイスでウェブを閲覧するため、すべてのタイプのフィードバックを収集することで、すべてのユーザーのデザインを改善するための洞察を得ることができます。

スマートフォンで見栄えを良くするためのヒントやコツについては、WordPressサイトをモバイルフレンドリーにする方法に関するガイドをご覧ください。

「ページ」では、アンケートウィジェットをすべてのページに表示するか、特定のページにのみ表示するかを選択できます。

ホームページ、製品/サービスページ、お問い合わせページなどの主要なページにウィジェットを表示することをお勧めします。これらは訪問者があなたのサイトについて意見を形成することが多い場所です。

これらのページからフィードバックを得ることで、ユーザーエクスペリエンスに関する貴重な洞察が得られ、重要な改善を行うのに役立ちます。

行動

この設定では、アンケートがウェブサイトに表示されるタイミングと表示される期間を決定できます。

「表示タイミング」では、アンケートを表示するタイミングを選択できます。

• すぐに
• 数秒遅延した後
• デスクトップでユーザーがページを離れようとしているとき
• ユーザーがページを半分までスクロールしたとき

ウェブサイトのデザインフィードバックを求めているため、訪問者がWordPressサイトをしばらく閲覧し、第一印象を形成した後にアンケートを表示することをお勧めします。

このためには、「_秒後に」または「ユーザーがページを半分スクロールしたとき」を選択できます。

「デスクトップでユーザーがページを離れようとしているとき」を選択するのも良い考えです。UserFeedbackは、ユーザーが離脱しようとしたり、別のタブに移動しようとしたりするのを検出できます。

ユーザーがサイトを離れる際にアンケートが表示されるため、より正直に、ウェブサイトに関する考えを共有してくれる可能性があります。

「表示頻度」で、アンケートが表示される頻度を選択できます。以下から選択できます。

• 「常に、UserFeedbackアンケートが完了するまで」
• 「1回のみ」
• 「常に」（アンケートが完了していても）

アンケートを頻繁に表示して、訪問者を圧倒したり、迷惑をかけたりしたくはありません。そのため、ユーザーをイライラさせないように、最初のオプションまたは2番目のオプションを選択することをお勧めします。

さらに詳しく知りたい場合は、ポップアップマーケティングの将来に関する完全なガイドをご覧ください。ポップアップマーケティングの将来。

次のセクションは「Survey Run Time」です。ここでは、アンケートウィジェットを実行する期間を指定できます。「Indefinitely」（無期限）または特定の期間まで設定できます。

アンケートは、1週間または1ヶ月など、期間限定で実施することをお勧めします。そうすることで、訪問者がフィードバックアンケートを頻繁に見ることがなくなり、十分な情報が得られているにもかかわらず、新しいフィードバックが継続的に寄せられることを防ぐことができます。

それでも、特定の季節やイベント中にアンケートを実行することを検討する価値があるかもしれません。これは、より多くのトラフィックが見込まれる場合に、さまざまな訪問者からのフィードバックを得て、さまざまな視点や経験を確認できるようにするためです。

設定ページの最下部には、「アンケートを最小化して開始」オプションのトグルがあります。これを有効にすると、アンケートウィジェットの邪魔になりにくくなりますが、目立たなくなる可能性もあります。

オンにすると、アンケートポップアップは最初の質問を自動的に表示しません。代わりに、最小化されたボタンとして表示され、ユーザーはクリックして都合の良いときに開いて参加できます。

すべての設定を構成したら、下部にある「次のステップ：通知」ボタンをクリックしてください。

ステップ5：メール通知の設定

次のステップは、メール通知を設定することです。この設定をオンにするかどうかはあなた次第です。多くのフィードバックが寄せられると予想される場合、メールの受信トレイがいっぱいになる可能性があります。

緊急またはすぐに対処が必要なフィードバック応答については、メール通知を受け取るように設定することも良いでしょう。例えば、ユーザーがあなたのウェブサイト体験を5つ星のうち1つと評価した場合、その問題について調査し、できるだけ早く対応したいと思うかもしれません。

その場合、「ワークフロー」セクションで「メールを送信」ボタンを有効にすることができます。

次に、「すべての新しい回答を指定されたメールアドレスに送信する」フィールドにメールアドレスを入力します。

このボックスには複数のメールアドレスを挿入することもできます。これは、多くの異なるチームメンバーと協力している場合に役立ちます。アドレスは、その後にスペースを入れずにカンマで区切ってください。

次に、「条件付きロジックを有効にする」ボックスをチェックします。「メールを送信する場合」の下で、メール通知を送信する条件を指定できます。

上記の例では、ユーザーがウェブサイト体験を5つ星のうち3つ未満と評価した場合に、UserFeedbackにメール通知を送信するように依頼しました。

完了したら、「次のステップ：公開」ボタンをクリックするだけです。

ステップ6：アンケートを下書きとして保存するか、公開します

最後のステップは、アンケートを下書きとして保存するか、公開することです。

ページの最上部には、ウェブサイトのフィードバックアンケートの概要と、設定した設定が表示されます。

下にスクロールすると、「公開」セクションが表示されます。ここでは、「アンケートステータス」を好みに応じて「下書き」または「公開」に設定できます。後でアンケートの作業を続けたい場合は、「下書き」を選択してください。

今すぐライブウェブサイトでアンケートを実行したい場合は、「公開」を選択します。Proユーザーは、「後でスケジュール」設定をオンにして、アンケートを開始する日付を選択することもできます。

最後に、「保存して公開」または「保存してスケジュール」をクリックします。

そしておめでとうございます – ウェブサイトのデザインフィードバックアンケートを正常に作成しました！

ウェブサイトにアクセスして、ウィジェットの外観を確認してください。

Proユーザーでウィジェットの外観をカスタマイズしたい場合は、WordPressダッシュボードからUserFeedback » Settings に移動してください。次に、「Widget」タブをクリックします。

ここで、アイコン、フォント、配置、テーマカラーなど、ウィジェットのデザイン要素を変更できます。

フィードバックの回答を表示するには、UserFeedback » 結果に移動します。

このレポートには、合計応答数やインプレッション数などの情報が表示され、フォームに回答した人数を把握するのに役立ちます。

追加ヒント1：ウェブサイトのフィードバックとUserFeedbackのヒートマップを組み合わせる

ウェブサイトのフィードバックを収集することは価値がありますが、ユーザーが実際にウェブサイトとどのようにやり取りしているかを理解することで、さらに深い洞察を得ることができます。

ここで UserFeedback の強力な ヒートマップ機能が役立ちます。訪問者がどこをクリックし、どのくらいスクロールし、どのコンテンツエリアが最も注目されているかを追跡することで、訪問者がページをどのように使用しているかを正確に示します。

ヒートマップの設定は、WordPressダッシュボードで数回のクリックで完了するため、訪問者の行動の追跡をすぐに開始できます。

ウェブサイトのフィードバックと組み合わせることで、ヒートマップデータはウェブサイトのデザインについてより情報に基づいた意思決定を行うのに役立ちます。

たとえば、ヒートマップでユーザーがホームページの特定のポイントをスクロールしていないことが示されている場合、訪問者にどのようなコンテンツを探しているのか、またはさらに探索するのを妨げているものは何かを尋ねるアンケートを作成することができます。

詳細については、WordPress向けの最適なヒートマップおよびセッション録画ツールとプラグインに関するガイドをご覧ください。

ボーナスのヒント2：ウェブサイトデザインフィードバックフォームの質問を思いつく方法

この時点で、ウェブサイトのデザインフィードバックツールとしてUserFeedbackの使用方法を理解しているはずです。次に、フィードバックの質問を作成する際に考慮すべき要因について説明します。

• さまざまな種類の質問を組み合わせて使用します。 分析が容易な選択式質問を含めることができます。たとえば、「当社のウェブサイトデザインを1から5のスケールで評価するとしたら、どのように評価しますか？」などです。
• 自由記述式の質問を追加して、より詳細なフィードバックを取得しましょう。たとえば、「当社のウェブサイトを操作中に特に難しいと感じた点はありますか？」自由回答形式の質問では、読者のペインポイントを掘り下げて、改善が必要な問題領域を特定できるようにしてください。
• 競合サイトを最近訪問したことがあるか、ユーザーに尋ねることを検討してください。 これは、独自のデザインに貴重な洞察を提供できます。例として、「過去1か月間に類似のウェブサイトを探索しましたか？もしそうなら、それらのどのような機能が好きでしたか？」といった質問が考えられます。
• 肯定的なフィードバックとユーザーからのお客様の声を求めましょう。例えば、「当社のウェブサイトのどの機能または側面が最も役立ちましたか？」といった質問です。この質問は、維持すべきウェブデザインの成功した側面を強調するのに役立ちます。

最後に、ユーザーのメールアドレスを尋ねることを忘れないでください。これは、フォローアップの質問がある場合に連絡できるようにするためです。

ボーナスのヒント3：ウェブサイトデザインのフィードバックを収集しましたが、次は？

フィードバックが集まったら、ウェブサイトを改善するためにいくつかの変更を実装し始めることができます。どこから始めればよいかわからない場合は、WordPressウェブサイトを再設計する方法に関するガイドがお役に立ちます。

また、ウェブサイトを最適化するためにできることのアイデアをいくつかご紹介します。

• WordPressテーマを（適切に）変更する – ユーザーが現在のデザインが時代遅れまたはナビゲートが難しいと感じる場合は、新しいテーマへの切り替えを検討してください。
• 学習を続ける WordPressでの編集方法 – WordPressは常に進化しているため、最新の機能やウェブサイト編集プラグインを常に把握しておくことが重要です。
• AIウェブサイトビルダーの使用を検討する – 初心者で、デザインの大幅な見直しが必要だとフィードバックされた場合、AIウェブサイトビルダーを試す価値があるかもしれません。これらのツールは、プロフェッショナルな見た目のサイトを素早く作成するのに役立ちます。
• ヒーロー画像を追加する – 再設計の際によく行うことの1つは、ホームページに印象的なヒーロー画像を追加することです。これにより、訪問者の注意をすぐに引き、ブランドのメッセージを伝えることができます。
• サイトのモバイルフレンドリー性を向上させる – ユーザーがモバイルデバイスで多くの問題を報告している場合は、モバイルウェブサイトの大幅な改修が必要です。
• 配色を変更することを検討する – フィードバックで現在の色が魅力的でない、またはブランドに合っていないと示唆された場合は、配色を更新することを検討してください。

この記事が、WordPress でウェブサイトのデザインに関するフィードバックを得る方法を学ぶのに役立ったことを願っています。また、ウェブサイトビルダーと手動コーディングの比較に関するガイドや、優れた WordPress ウェブサイトの例のリストも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。