あなたのウェブサイトを再設計する15の理由

ウェブサイトはあなたの家によく似ています—あなたはそれに時間とお金を投資して、あなたのスタイルに沿ったユニークで住みやすいものにします。

しかし、それは一回限りの取引ではありません。 新しい家具を購入するか、再配置することができます。 一定の維持と修正が必要なものがあります。 また、家族を拡大することにした場合は、完全なオーバーホールが必要になります。 家の世話をしないと、家は荒廃し、住んだり訪れたりするのが楽しくなくなる場所になります。

あなたのウェブサイトはまさにそのようなものです。

再設計、維持、再配置、およびオーバーホールが必要です。 時折再設計しなければ、あなたのウェブサイトは訪問者が彼らの時間（またはお金）を費やすことを嫌うものになるだけではありません。 それはまた、その背後にあるブランドの生産性、成功、評判を傷つけるものになるでしょう。

それでは、主要なWebサイトの再設計またはマイナーな更新の時期をどのようにして知ることができますか？

あなたのウェブサイトを再設計する15の理由があります—そして私達はそれらを識別する方法とそれらにアプローチする方法を次の投稿でカバーしました。

ウェブサイトの再設計は、パフォーマンスが低下している、または停滞しているウェブサイトを修正するのに確かに役立ちますが、ビジネスを再活性化またはレベルアップするときにも役立ちます。 ウェブサイトを再設計する時が来たという15の兆候を見てみましょう。

最近、ウェブサイトが古くなるのは簡単です。 毎年のデザイントレンドレポートをご覧ください。 トレンドに長くとどまるものはありません。

この問題は、知識の不足、十分な時間の不足、または純粋な過失のいずれかが原因で、Webサイトに注意を向けている人がいない場合に悪化します。

兆候に注意してください：

• ホームページのバウンス率は、トラフィックが少ない場合でも95％を超えています。
• このウェブサイトは2年以上前に設計されており、それ以来触れられていません。
• このサイトは現在、Web上の他のサイトのようには見えません（そして良い方法ではありません）。

それを修正するためのヒント：

サイトが実際にどれだけ古くなっているかを確認するには、分析を行う必要があります。

それは表面的なものである可能性があります（モバイルレスポンシブでない場合や、フラットデザインの代わりにスキューモーフィズムを使用している場合など）。 または、問題がより体系的である可能性があり、コピー、ユーザージャーニー、さらにはサイトとその機能の構築に使用されるソフトウェアを修正する必要があります。

古くて維持されていないように見えるウェブサイトは問題です。 しかし、使いにくい魅力的なWebサイトもあります。

訪問者がウェブサイトを使用するのに苦労する可能性のある多くの方法があります。ナビゲーションは雑然としていて複雑です。 ユーザージャーニーは混乱を招き、行き止まりになります。 存在するCTAが多すぎます。 コピーは読みやすいようにフォーマットされていません。

兆候に注意してください：

• 平均ページ滞在時間は非常に短い（10秒以下）か、長すぎてバウンス率が高くなります。
• 毎日かなりの量のトラフィックがありますが、リードやコンバージョンは生成されていません。
• グーグルアナリティクスのユーザーフローと行動フローツールは、ほとんどの訪問者があなたが彼らのために定めたユーザーの旅や経路をたどらないことを明らかにしています。

それを修正するためのヒント：

サイトでのアクティビティに関して何が起こっているかを確認するには、ヒートマップとセッション記録を使用する必要があります。 訪問者にフィードバックを求めることも役立ちます。

ユーザビリティの問題に関するいくつかの仮説を立てたら、それを基本に戻し、Webデザインの原則を念頭に置いて再設計に集中することは悪い考えではありません。 UIが適切で予測可能な構成、バランス、およびコンポーネントを利用していない場合、ユーザーは必然的にそれを理解するのに苦労します。

場合によっては、これは、会社が立ち上げ時に何を提供するのか明確でない場合に発生します。 または、後でその最強の製品が何であるかを発見し、それにのみ焦点を当てることを選択した場合。

堅牢なWebデザインのアンケート、業界調査、およびユーザーペルソナの開発により、通常、これは発生しません。 ただし、すべてのWebデザイナーが、将来的に問題を引き起こす可能性のあるプロセスにそれを含めるわけではありません。また、なぜ今、再設計を行う必要があるのでしょうか。

兆候に注意してください：

• このウェブサイトにはたくさんの問い合わせがありますが、それらは会社が提供できない、または提供するつもりがなかった人々からのものです。
• 圧倒的な量のトラフィックと注目を集めるウェブサイトの提供物または在庫の1つのセグメントがありますが、残りはほとんど無視されます。
• 検索バーのクエリは、人々がここに来たものとはまったく異なる何かを探していることを明らかにします。

それを修正するためのヒント：

最終的には、これが発生している理由によって異なります。

たとえば、Webサイトが広すぎるオーディエンス向けに構築されている場合、またはオファリングが会社によって縮小されている場合、修正は、余分なページとコンテンツを削除し、Webサイトの最も人気があり収益性の高い抽選を優先することです。

あなたがする必要があるのは、別のユーザーペルソナ開発演習です。 これで、訪問者が誰で、なぜそこにいるのかを示すWebサイトからの大量のデータを利用できるという利点を享受できます。 必要なものでない場合は、ユーザーのペルソナプロファイルを修正し、それに応じて再設計を計画できます。

ビジネスがピボットすることは珍しいことではありません。 それがあったニッチがもはや関連性がないためである場合もあれば、追跡するユーザーのより良いセグメントを見つけたためである場合もあります。

会社の使命、目的、またはオファーが変更された場合、ブランド変更（完全な再設計ではない場合）は完全に適切です。

兆候に注意してください：

• ロゴとブランディングは、もはや会社の物語や使命に適合していません。
• ウェブサイトの画像とメッセージは不正確または関連性がありません。

それを修正するためのヒント：

これは、新しいブランド（ロゴ、カラーパレット、タイポグラフィなど）を作成するのと同じくらい簡単です。 さらに、もちろん、その過程でWebデザインスタイルガイドを更新するようにしてください。

ただし、変化しているのがブランドの外観だけではない場合は、会社のWebサイトとメッセージングの全面的な再設計としてこれに取り組む必要があります。

すべての企業が、新製品の発売時や新しいサービスの利用可能になったときにWebサイトを再設計する必要があるとは限りません。

ただし、定期的にサービスに大幅な変更を加え、その方法で収益のかなりの部分を生み出す企業にとって、再設計はWebサイトの関連性と収益性を維持するための非常に重要な部分です。

兆候に注意してください：

• リードの生成と販売の点で他のすべてを超える1つまたは2つの製品があります。
• 顧客が新しいものや流行の商品を購入できなくなったため、コンバージョンはサイト全体で減速し始めました。

それを修正するためのヒント：

主要な製品リリースを行い、少なくとも年に1回はウェブサイトのデザインとコンテンツを刷新するアップルのような企業は、これを管理するための献身的なデザイナーを必要としています。

したがって、再設計の要求が来たときにそれを受け入れるのではなく、積極的に行動してください。 これが彼らのビジネスモデルの標準的な部分であるどんなクライアントのためにでもあなたのウェブサイト提案と契約で進行中の再設計作業を計画してください。

これは、サイトでのトラフィックやアクティビティの不足を確認することではありません。 これは、人々がWebサイトを見つけたが、そこにいるときに変換しないことについてです。

問題がデザインの品質やサイトの使いやすさに関係していないと仮定すると、これは代わりにSEOの問題である可能性があります。

兆候に注意してください：

• ウェブサイトに向かうトラフィックは安定して流れていますが、見込み客や売り上げは存在しません。
• グーグル検索コンソールは、ウェブサイトがいくつかの用語でよくランク付けされていると言いますが、それらは無関係であるか曖昧です。
• 人々はフォームに記入するか、ライブチャットを使用しますが、それはあなたがWebサイトにないものがあるかどうかを尋ねることができるようにするためです。

それを修正するためのヒント：

ウェブサイトが間違った種類の人々をそれに引き付けている場合、問題はおそらくウェブサイトが見込み客にどのように配置されているかです。 これは、メタデータが不明確または誤解を招く場合に発生する可能性があります。

このタイプの再設計プロジェクトでは、最初にWebサイトが現在ランク付けされているキーワードを調べて、ユーザーの意図が何であるかを判断する必要があります。 あなたのウェブサイトとそのメタデータ（focusキーワードやメタディスクリプションなど）は、ブランドとその機能について間違ったシグナルを送信している可能性があります。

誤解がどこにあるかを理解したら、再設計プロジェクトにはSEOメタデータの修正だけが含まれるわけではありません。 また、ナビゲーションやサイトマップ、コンテンツなどが、Googleと訪問者の両方がそこで何を見つけるかについて混乱させていることも確認する必要があります。

かつて繁栄していたウェブサイトが突然間違った方向に進み始めるのは、特に誰も何も変更しなかったときに、気分が悪くなります。

現在、Webサイトが古くなるのを許可することは、これが発生する可能性のある1つの方法です。 ただし、ユーザーの移動中に何かが壊れたために、かつては好評だったWebサイトがもはやそうではない可能性が高くなります。

兆候に注意してください：

• データは、コンバージョンの突然の減少を示しており、ウェブサイトへの既知の変更がないことと一致しています。

それを修正するためのヒント：

コンバージョンを失っている場所を見てください。 それは全面的ですか？ それとも、在庫やウェブサイトのほんの一部の領域が変換されなくなっていますか？

ユーザビリティテストを使用して、何が起こっているのかを把握できます。 自分でWebサイトをウォークスルーすると、実際に問題が発生する可能性があります（404エラーページが最もバイラルな記事のページに置き換わったように）。

ヒートマップとセッションの記録を使用して、訪問者がそれほど明白でない場合に何が訪問者を驚かせたかを確認することもできます。 プロセス（チェックアウトページの読み込みなど）の読み込みに時間がかかりすぎることに気付くかもしれません。 読み込み速度が遅いことは、既知の変換キラーです。

バグやエラーが多いのは、貧弱または安価に作成されたWebサイトだけではありません。

WordPressプラグインが更新されていないか、サポートされていない場合に発生する可能性があります（誰かがそれに注意を向けない限り気付かない可能性があります）。 たとえば、ページリダイレクトを設定した場合でも、訪問者を適切なページにプッシュする代わりに、リダイレクトの無限のループに陥り、最終的にどこにも行き着かない場合もあります。

兆候に注意してください：

• ウェブサイトの主要部分にはトラフィックがありません。
• エンゲージメント率とコンバージョン率は枯渇し、コンタクトフォームとチェックアウトフォームはゴーストタウンのように感じられます。

それを修正するためのヒント：

セキュリティとプライバシーの問題。 非読み込みページ。 リンク切れ。 画像がありません。 訪問者をオフにする可能性のある技術的な問題はたくさんあります。

訪問者は問題が発生したときにサイトにフィードバックを残すことができますが、それはあなたが彼らに発見してもらいたい種類の問題ではありません。

あなたのウェブサイトが苦しんでいるものを見つけるための最良の方法は、ウェブサイトの監査を行うことです。 考えられるすべての隅と隅を確認し、すべてのボタンとフォームをテストし、すべてのビデオを見るなど、時間を費やしてください。 次に、それを必要とする要素とページを再設計できます。

何年も誰も触れていない本当に古いウェブサイトを扱っているのでない限り、訪問者をピンチしてズームさせ、完全な再設計を必要とするウェブサイトに遭遇する可能性は低いでしょう。

代わりに、一部のモバイルデバイスでバグがあるか、レンダリングが不十分なコンポーネントを含むモバイルレスポンシブWebサイトを見つけることになります。 これらは、マイナーな再設計とクリーンアップで簡単に修正できます。

兆候に注意してください：

• モバイルの訪問者数は良好ですが、モバイルのパフォーマンスはデスクトップバージョンよりも大幅に劣っています。
• Google検索コンソール（アカウントをお持ちの場合）は、モバイルユーザビリティの問題に関する通知をウェブサイトの所有者に送信しています。

それを修正するためのヒント：

Google検索コンソールがモバイルユーザビリティの問題を検出した場合は、そこでウェブサイトの監査を開始できます。 通常、要素が近すぎたり、コンテンツが途切れたりすることに関連するエラーが表示されます。

Googleはこれらの問題のいくつかを見つけることができますが、自分で監査を行うことに勝るものはありません。 そのため、モバイルの応答性が問題であると特定した場合は、時間をかけて隅々まで調べて、他に何かが起こっているかどうかを確認してください。

グーグルは何年もの間モバイルファーストのデザインについて話してきました。 そして最近、そうでないものよりも高いランキングでモバイルファーストのウェブサイトに報酬を与え始めました。

すべてのモバイルファーストデザインとは、実際には、最初にモバイルバージョンのサイトをデザインし、次にデスクトップサイトをデザインすることを意味します。

これにより、すべての訪問者に対して、より最小限で合理化されたエクスペリエンスを作成できます。 また、あるユーザーセットの要素を取り出して、他のユーザーに残すこともできなくなります（モバイルでは見栄えの悪いセクションなど）。 そのため、モバイルファースト設計のデバイス間でエクスペリエンスは一貫しています。

兆候に注意してください：

• あなたのウェブサイトは特定の検索用語で本当によくランク付けされていますが、トラフィックのほとんどはデスクトップから来ています。
• Google PageSpeed Insightsのスコアは、デスクトップよりもモバイルの方がはるかに低くなります。

それを修正するためのヒント：

あなたのデータはこの問題を示唆しているかもしれませんが、これはグーグルアナリティクスや検索コンソールを見なくてもわかることです。

デスクトップファーストのWebサイトは、モバイルファーストのWebサイトよりも見た目も感じも重い傾向があります。 さらに、読み込みが非常に遅いモバイルサイトは、モバイルファーストではないという死んだプレゼントです。

したがって、この再設計に取り組むときは、最初にモバイルページをワイヤーフレーム化するようにしてください。 次に、モバイルとまったく同じコンテンツを使用しますが、デスクトップデザインに自然に収まるようにします。

実際、これはElementorページビルダープラグインを使用してWebサイトを構築または再設計することの優れた点の1つです。 モバイルまたはタブレットビューで開始するときに、ワイヤーフレームを作成してプロトタイプを作成できます。

Webサイトの再設計は、必ずしもフロントエンドインターフェイスの外観を変更することではありません。 場合によっては、実行中のソフトウェアを確認する必要があります。 例えば：

• ウェブホスティング
• コンテンツ管理システム
• テーマ
• プラグイン
• ページビルダー
• サードパーティの統合

このタイプの再設計作業中に、これらすべてのツールが実際にWebサイトとその訪問者に可能な限り最高のサービスを提供しているかどうかを判断する必要があります。

これは、訪問者がサイトにどれだけうまく反応するかだけでなく、サイトがビジネスにとってどれほど生産的になるかを改善するための新しいツールを見つける良い機会でもあります。

兆候に注意してください：

• あなたまたはあなたのクライアントはあなたのサイトのコンテンツを管理するのに苦労しています。
• ウェブサイトは頻繁にオフラインになります。
• ウェブサイトとWordPress管理者はどちらも読み込みが非常に遅いです。
• プラグインとテーマのアップデートがウェブサイトを壊しています。

それを修正するためのヒント：

あなたはウェブサイトを使用している人々と話をしたいと思うでしょう。 訪問者ではなく、所有者、管理者、コンテンツマネージャー、開発者などです。 彼らがそれに苦労している場合、またはウェブサイトが彼らのためにもっと何かをすることを望んでいる場合、彼らはあなたに知らせます。

次に、代替オプションの調査に時間を費やします。 たとえば、現在のWebサイトは、リソースを大量に消費する多目的テーマを使用して構築されている可能性があります。ページビルダープラグインは、デザインの面で、かさばることなく、同じくらい多様性を提供します。

Webサイトのツールとソフトウェアを切り替える計画を立てたら、Webサイトの再設計の成果物をクライアントに渡すときに、それぞれへのログインを含めることを忘れないでください。

ウェブサイトは、ブランドにデジタルの顔を付けるためだけに存在するのではありません。 また、そのように設定すると、非常に強力な販売およびマーケティングツールになる可能性があります。

そして、それはあなたが今直面しているかもしれないものです。 クライアントがマーケティング戦略や機能を欠いているウェブサイトを持っているか、それを次のレベルに引き上げたいと考えています。

兆候に注意してください：

• このウェブサイトには、マーケティングや販売の機能はありません。
• ウェブサイトにはブログがありますが、誰もブログにアクセスしたり、数秒以上費やしたりすることはありません。
• ウェブサイトへのオーガニック、紹介、ソーシャルトラフィックは存在しません。

それを修正するためのヒント：

最初に理解することは、どのタイプのマーケティングまたは販売戦略が欠けているかです。

• SEO
• コンテンツマーケティング（ブログ）
• ソーシャルメディアの統合
• ニュースレターの登録
• セールスファネル

これらすべてが欠けている場合でも、一度に1つずつ集中する必要があります。 SEOは最も重要なものであるため、正常に機能しない場合は、そこから開始する必要があります。

また、販売およびマーケティング機能をどのように追加または強化するかについて、これだけを見てはいけません。 それらの存在がナビゲーション構造やホームページのコンテンツなどにどのように影響するかを検討してください。

そのため、はい、サイトに新しい機能を追加する必要がありますが、デザインの残りの部分を調整して、サイトの視認性を高める必要があります。

すべてのブランドは、競合他社よりも優位に立つことを望んでいます。 彼らが競争が何をしているのかについて羨ましがり始めた瞬間、それは問題です。

ありがたいことに、Webサイトの再設計は、競争力を維持するためにビジネスモデル全体を再構成するよりもはるかに簡単です。

とは言うものの、それはまだ再設計であり、クライアントの羨望の根底にあるものと、彼らが再びそれを誇りに思うようにWebサイトを再設計する方法を理解するには時間がかかるでしょう。

兆候に注意してください：

• Ahrefsのようなツールは、同様のコンテンツがあるにもかかわらず、競合他社のWebサイトは、クライアントよりも多くのトラフィック、高いランキング、およびより多くのバックリンクを取得することを示しています。
• あなたのクライアントはあなたに他のウェブサイトへのリンクを送って、「私たちはこれをすることができますか？」と尋ねる傾向があります。

それを修正するためのヒント：

クライアントの嫉妬が立証されている場合（つまり、競合他社のサイトが実際に競合他社のサイトを上回っていることをデータが示している場合）、再設計は間違いなく適切です。

ただし、このタイプのプロジェクトでは、小さなチャンクで再設計に取り組む必要があります。 競合他社のWebサイトのパフォーマンスがクライアントのWebサイトよりも優れている理由を客観的に正確に把握していない限り、サイトのコピーキャットオーバーホールを行うよりも、増分変更をA / Bテストする方がはるかに賢明で経済的です。

あなたが人々に彼らの不満を伝えるためのプラットフォームを与えるならば、彼らの多くはそれを使うでしょう。

Webサイトに関しては、Webサイトのエクスペリエンスに関連して否定的なフィードバックを残したり、遭遇したバグを報告したりする場所がたくさんあります。

• お問い合わせページとフォーム
• チャットウィジェット
• フィードバックウィジェット
• ソーシャルメディアへのリンク
• 商品レビュー

苦情の傾向に気づき始めたら、機能を再設計したり、問題のある要素を修正したりするための計画を立てることができます。

兆候に注意してください：

• フィードバックチャネルは、WebサイトのUIまたはその機能に関する同じ種類の苦情を報告する傾向があります。

それを修正するためのヒント：

訪問者と顧客は何が起こっているのかを正確に教えてくれるので、何が起こっているのかを解釈するために大量の調査やデータの調査を行う必要はありません。 それは良い。

しかし、人々があなたのサイトの特定の要素に関する問題を報告し始めたからといって、それはあなたがもっと深く見るべきではないという意味ではありません。

たとえば、ブログの投稿を読んでから5秒後に表示されるポップアップについて不満がある場合は、他のページにポップアップが表示されるのと同じように邪魔になるかどうかも検討する必要があります。 または、ポップアップと広告が全体として完全に機能する必要があるかどうか。

代わりに、彼らが何を好むかを検討することも重要です。 彼ら全員が「ポップアップはありません！ より粘着性のあるバー！」、オプションを比較検討し、訪問者が不満を持っているものを置き換えるための最良のデザインまたは機能を見つけようとする必要があります。

これは、ウェブサイトを再設計する理由としてはそれほど一般的ではありません。 季節ごとに変化するeコマースサイトでない限り、一時的な再設計に時間を費やすのは賢明ではありません。

とは言うものの、eコマースのニッチで仕事をしている場合、これは（ほとんどの）クライアントのために行う仕事の一部と見なす必要があり、最初のWebサイト提案段階で話し合う必要があります。

兆候に注意してください：

• 過去数年間のデータは、休日や季節を見越して、ウェブサイトの活動と収益が毎年ほぼ同じ時期に増加していることを示しています。

それを修正するためのヒント：

季節や休日の再設計のために完全なオーバーホールを行う必要はありません。 ホームページやナビゲーションなど、サイトの主要な領域に焦点を当てるだけです。

もう1つ覚えておくべきことは、顧客との大きなチャンスを逃す可能性があるため、これに遅すぎる作業を開始したくないということです。 しかし、季節の再設計を早すぎて押し出し、あまりにも早い休日の表示で訪問者を悩ませ始めたくない場合もあります。

データを使用して、それに応じて一時的な再設計をスケジュールします。

ご覧のとおり、Webサイトを再設計するこれらの15の理由は、物事を変更したいこととはほとんど関係がなく、パフォーマンスを向上させるためにサイトを更新する必要があることと多くの関係があります。

これらの兆候のいずれかに遭遇した場合、またはクライアントが助けを求めてきた場合、次のステップはWebサイトの再設計プロセスを開始することです。

あなたを助けるために、私たちはあなたがあなたの再設計プロジェクトを準備し、計画し、そして実行するのを助けるためにこのウェブサイト再設計ガイドをまとめました。