Webデザインの目的で競合他社の調査を行う方法

ウェブサイトの所有者、開発者、またはデザイナーとして、オンラインでの存在感を高めるために、広範な競合分析を実行する必要があると聞いたことがあるでしょう。

その考えは確かに理にかなっています。 同じニッチでウェブサイトを調査し、デザインに関する彼らの決定をあなた自身のアイデアと比較することは、あなたのアプローチを改善し、潜在的なUXミスを回避するための素晴らしい方法かもしれません。 しかし、あなたのビジネスに関連する競争を見つけて、彼らのウェブサイトのデザイン（そしてそれがあなたのものとどのように比較されるか）を分析するプロセスは、あまりにも複雑に見えるかもしれません。 そしてそれは本当です-最初の試みでそれを正しい方法で行うのはそれほど簡単ではありません。

この記事では、それを適切に行うためのヒントとアドバイスを提供することにより、競合他社を調査する際の苦痛の一部を軽減します。 競合他社の調査は不可欠なだけではありません—それはあなたがあなたのウェブサイトの成功のために取る最も重要なステップかもしれません。

ウェブサイトを構築する際に競合他社を調査する必要があるのはなぜですか

私たちは質問から始めます：あなたはなぜあなたのウェブサイトのデザインを開発する間、競合他社の研究に時間を費やす必要があるのですか？

目前の競争をざっと見ただけでも（同じニッチのWebサイトで2つまたは3つのタブを開いて開始する）、重要な結果が得られます。

これらのいくつかのWebサイトをすばやくスキャンするだけで、次のことがわかります。

• あなたのニッチのウェブサイトがどのように見えるか（ページの構造、メニューの複雑さ、色など）;
• 彼らが使用しているトーンはどれですか（彼らはもっと楽しくて気楽なのか、それともプロフェッショナルでビジネス的なのですか？）;
• 望ましいタイプのコンテンツ（記事の執筆、ビデオのレビュー、またはその他の完全なもの？）;
• ユーザーアクティビティ（どのタイプのコンテンツがフィードバックを集めていますか？）

それはあなたに思考のためのいくつかの重要な食べ物を残す多くの有用な情報です。 新しいウェブサイトを立ち上げるとき、既存のトレンドを利用したいですか、それとも流れに逆らってまったく新しいものを立ち上げたいですか？ この質問への答えは、競合他社の調査にあるかもしれません。

さらに良いことに、競合他社を注意深く分析することで、豊富なバナーから複雑なモバイルバージョンまで、UXで犯した間違いを認識できる可能性があります。 あなた自身のウェブサイトからそれらの間違いを取り除くことはあなたの競争から聴衆を獲得する絶好の機会になるでしょう。

それを念頭に置いて、最も重要なこと、つまり競合他社の調査を行う方法と、それを行う際に何を探すべきかについて話しましょう。

どこから始めますか？ あなたの競争相手を見つけましょう

競合他社の調査を適切に行いたい場合は、最初から始めてください。まず、競合他社を適切に見つける必要があります。 それはあなたが研究を始める前にあなたがあなたの競争相手が誰であるかさえ知らないかもしれないからです。

あなたの競争を見つけるためのさまざまな方法があります。 あなたはあなたのウェブサイトのトピックに関連する一般的なキーワードをグーグルで検索することから始めて、結果をチェックすることができます。 ただし、SEOツールセットにアクセスできる場合は、専用のSEOツールセットを使用することをお勧めします。 SEランキング競合他社のSEO/PPC調査ツールのような機器は、競合他社の調査に関して多くの有用な洞察を提供します。

たとえば、オンラインショップの立ち上げを計画している場合は、大小を問わず、競合他社のいくつかを調査することをお勧めします。 SEランキングのツールにamazon.comまたはwalmart.com（このニッチで最大のWebサイトの2つ）を入力し、[競合他社]タブを選択するだけで、同じニッチからWebサイトの長いリストを取得できます。

何が最善かというと、それらを分類し、推定トラフィックやランク付けされたキーワードの数など、さまざまな指標で比較することができます。 おそらく一晩でAmazonを倒すことはできないので、重要です。自分のWebサイトを小さい人と比較して、そこから移動することをお勧めします。

このプロセスの終わりまでに、あなたはあなたと同じニッチからの競争相手の長いリストを持つでしょう。 そして今、楽しい部分が始まります。

機会＃1：デザイン

競争を調査するときに最初に気付くのは、彼らが採用することに決めたWebサイトのデザインです。 各Webサイトはおそらく互いに異なって見えますが、ページに情報を表示する方法、記事を構成する方法、使用しているイラストの種類など、全体として同じDNAを共有している可能性があります。

したがって、一般的なニュースWebサイトを立ち上げる場合、ページの上部に人気のある記事のグリッドが表示され、多くのサイトが同じように見えることに気付くかもしれません。

それ自体は悪いこと（または良いこと）ではなく、単なる思考の糧です。 あなたのニッチからの多くのウェブサイトがデザインへの同じアプローチを共有するならば、あなたはそれを知っているでしょう…

• このアプローチは機能しています。
• ユーザーはそれをよく知っています。

あなたがあなたのウェブサイトのデザインに取り組んでいるとき、あなたはあなたのウェブサイトと相互作用する方法をすぐに知っている既存のウェブサイトの聴衆を素早く引き付けるために証明されたアプローチで行くことができます。

または、明確で独創的であることを期待して、まったく新しいものをデザインすることもできます。 それはやや危険ですが、最後に報われるかもしれません。 それが、アウトラインが否定できない成功を収めるために使用したアプローチです。それは、そのニッチで他のもののようには見えません。上部の投稿のグリッドの代わりに、強調表示されたタイポグラフィを備えた1つの巨大な画像を使用し、イラストはすべてカスタムメイドです。古典的な白い背景の代わりに、黒、赤、さまざまなピンクの色合いの組み合わせを使用しています。

機会＃2：UX

競合他社のウェブサイトのデザインの一般的なモチーフを理解した後、少し長く彼らのページにとどまり、細部に注意を払い始めます。

それが意味することは次のとおりです：彼らのウェブサイトをスクロールして、あなたが好きではない（または好きではない）すべての小さなことを分析してください。 次に、これがあなたのWebサイトである場合に、変更または改善するもののリストを作成します。

たとえば、人気のあるビデオゲームのWebサイトをいくつか開くと、それらのイラストがちょっと悪いことに気付くでしょう。画像は淡白で、しばしば奇妙にトリミングされています。

それは見栄えが良くありません—彼らにとって。 しかし、それはあなたのウェブサイト上で恒星に見え、あなたを競争相手から区別するカスタムイラストに投資することによってあなたのウェブサイトを際立たせる絶好の機会をあなたに与えます。

UXリサーチを真に活用するには、GoogleスプレッドシートまたはMicrosoft Excelで表を作成し、競合他社のWebサイトのデザインのあらゆる側面を記述します。 メニューとカテゴリの場所、記事で使用されているフォント、検索バーの場所、広告とバナーの目立ちやすさに注意してください…リストは続きます。

競合他社が行ったことを好きか嫌いか、そして通常のユーザーがどのようにそれと対話するかを表に書き留めてください。 次のようになります。

テーブルが完成すると、好きなものと嫌いなものの豊富なリストが残ります。 競合他社の聴衆があなたの見解を共有する可能性があり、それは彼らを引き付ける絶好の機会です。

機会＃3：モバイル

最新のウェブサイトには、優れたモバイルエクスペリエンスが不可欠です。 一部のWebサイトでは、モバイルデバイスからのトラフィックの80％以上が報告されており、スマートフォンの売上は合計で数十億に上ります。ユーザーに優れたモバイルエクスペリエンスを提供することは非常に重要です。

そのため、多くのWebサイトがまだそれを行っていないほど困惑しています。 それらのいくつかは、ひどく設計されたレスポンシブバージョンを持っており、それらのいくつかは、モバイルバージョンをまったく実行せず、訪問者が電話でWebサイトのデスクトップバージョンをスクロールできるようにしています。

競合他社の一部が優れたモバイルエクスペリエンスを提供していない場合、それは明らかに一部のオーディエンスに勝つチャンスです。 Screenflyなどのツールを使用して、競合他社のWebサイトがモバイルデバイスでどのように表示されるかをすばやく比較できます。

機会＃4：細部への注意

一般的には、競合他社よりも1ノッチ高いバーを自分で設定するだけで、すべて設定できます。 たとえば、あなたの側にある他のすべてのサイトがSSLで保護されているが、標準のHTTPで起動することを計画している場合は、おそらくアプローチを再考する必要があります。 SSL証明書の購入は安価であり、HTTPSはより安全で信頼できます。 さらに、Googleは従来のHTTP Webサイトをまもなく「安全ではない」と指定する予定であり、それはあなたにとって良い兆候ではありません。

別の詳細：競合他社のドメイン名を見てください。 各ページのクリーンなドメイン名は見栄えが良いだけでなく、Googleのランキング要素であることが証明されています。

この例では、TechSpotのWebアドレスは、同じトピックに関するWirecutterの投稿よりもはるかに雑然としています。 競合他社がそのような詳細に注意を払っていないことがわかった場合は、検索エンジンページでの位置を盗むのはちょっとしたトリックかもしれません。

最後に一つだけ。 Webサイトに広告がない場合でも、ニュースレターの購読を促すか、新しいプロモーションについてユーザーに伝えるために、ユーザーにバナーを表示することを計画している可能性があります。 競合他社を調査するときは、バナーや広告の作成方法に特に注意してください。不適切に作成されたバナーは、ユーザーのブラウジング、中断、訪問者の迷惑になる可能性があるためです。

ついていくことを忘れないでください！

長期間にわたって競合他社を追跡することは、最初の競合他社の分析よりもさらに重要な場合があります。 そのため、競争のチェックが終わったら、まだタブを閉じないでください。

代わりに、それらのWebサイトをブックマークします。さらに良いことに、Feedlyなどのツールに追加すると、これらのWebサイトのすべての更新を簡単に追跡できます。 このようにして、競合他社のWebサイトの新しい変更にすばやく対応し、それらに適応することができます。

あなたの聴衆にふさわしいウェブサイトを構築する

ウェブデザインにおける競合他社の研究の全体的な概念は、1つの単純なアイデアを中心に展開しています。それは、可能な限り最高のバージョンのウェブサイトを構築することです。

現代のビジネスでは、競争を何をすべきか、何をすべきでないか、そしてどのようにしてそれらすべてよりも優れているかについての詳細なルールブックとして扱います。 あなたはただ分析的でなければなりません。

それでは、お返ししましょう。 ウェブデザインにおける競合他社の研究についてどう思いますか？ 過去にどのように使用したかについての例はありますか？ これについては、以下のコメントセクションで説明しましょう。