Webサイトの再設計を検討する理由–ヒントと推奨事項
公開: 2022-03-112018年です。世界中の私たちの多くにとって、新年は新たなスタートを告げるものです。 新しい目標、新しいアイデア、そして一部のビジネスでは、古いものを置き換える新しいWebサイトのデザイン。
ウェブサイトはさまざまな理由で刷新されています。悲しいことに、多くの企業はウェブサイトを更新する必要があることに気づいていません。 さらに悪いシナリオでは、ライバル企業はWebサイトを改善し、コンバージョンを促進することで競争力を獲得する可能性がありますが、あなたのビジネスは遅れをとっている可能性があります。
あなたのウェブサイトはこれらのいずれかで有罪ですか？ もしそうなら、それは再設計の時間かもしれません！
- ビジネスにはアイデンティティがありますが、ウェブサイトにはそれが反映されていません。
- 一部のリンクが壊れているため、ユーザーはコンバージョンフローから脱落しています。
- ユーザーはあなたとコミュニケーションをとろうとしていますが、それは難しいと感じています。
- ウェブサイトは全体的に時代遅れに感じられ、ユーザーは感動しません。
- 使い勝手が悪い。 ユーザーは、Webサイトをナビゲートするのが難しいと感じています。
- UIは混乱し、一貫性がありません。 ユーザーは間違いを犯し続けます。
これらを修正するために何ができるかを見てみましょう。
ウェブサイトビルダー：危険に満ちている
新しいビジネスは、Wix、Weebly、Squarespaceなどのシンプルなウェブサイトビルダーから始める傾向があります。 これらのツールは、簡単なドラッグアンドドロップのWYSIWYG（「表示されるものが得られるもの」）エディターと無料のホスティングを使用してWebサイトを設計するプロセスを簡素化しますが、これらのツールがWebサイトを群衆から際立たせるほど洗練されていることはめったにありません。
新規事業の初期段階で資金が不足しているときは、ウェブサイトビルダーを使用するのが理論的に理にかなっています。 「ホスティングが含まれ、コードは不要」のアプローチは、企業が時間とお金をかけすぎずにオンラインプレゼンスを確立するのに役立ちます。 ただし、これには多くの隠れたハザードが伴います。これは、最悪の機会（たとえば、Webサイトが提供を拡大する必要がある場合）で明らかになる傾向があるハザードです。
ウェブサイトビルダーでは、機能はサービスが提供するものに限定されており、ウェブサイトを設定するためのこのカットアンドドライアプローチの結果として、拡張の機会は後で厳しく制限される可能性があります。 設計と開発のコストを削減するために、企業がWebサイトビルダーを単独で運用するときに陥るトラップの例を次に示します。
eコマースビジネスはウェブサイトビルダー（または無料のテーマを持つCMS）を使用します→クライアントは「こんにちは、私たちは[商号]であり、私たちはここにいます！」と言うだけで1ページのウェブサイトを設定します。 →後で、クライアントはそれが不可能であることに気付くためだけに製品を追加したいと思っています。
多くの場合、企業はWebサイトのニーズがより複雑になった場合に何が起こるかを考えておらず、道に迷っています。 その上、検索エンジン最適化（SEO）、SSL（ランキングとセキュリティに影響を与える）、モバイルの使いやすさ（ランキングとコンバージョンに影響を与える）などの重要な要素が無視されてしまう可能性があります。
専門家として、それがあなたの出番です。
エキスパートデザイナーは、これらの重要な考慮事項を見逃してはならず、将来を見据えたWebサイトを作成し、長期的には時間とお金を節約する必要があります。
要するに、最高のウェブサイトの再設計は、起こる必要がないものです。
ウェブサイトビルダー対デザイナーを雇う
専門のデザイナーによって設計されたウェブサイトでさえ、あまりにも長い間苦しんでいると、雑草を育て始める可能性があります。 ビジネスの他の側面に重点を置いているため、バージョン2のロードマップが作成されない場合があります。 たとえば、SSLのような重要な考慮事項は、当時は重要な考慮事項ではなかった場合がありました。 いずれにせよ、すべての企業は、特に顧客の懸念がある場合は、時々Webサイトの再設計を検討する必要があります。
ウェブサイトの再設計が必要になる主な理由と、それらの理由でウェブサイトを刷新するときに取るべき戦略について話しましょう。
ブランディング（またはリブランド）
通常、ブランド変更には新しいWebサイトのデザインが付属しています。 ただし、これは新しいロゴをはるかに超えて拡張する必要があります。 ブランディングはオーディエンスとのコミュニケーションに関するものであるため、声のトーンも考慮する必要があります（Webサイトのコピー、FAQセクション、またはオンラインカスタマーサポートを考えてください）。
ブランディングとは、ビジネスをどのように表現したいか（たとえば、役立つ、カジュアル、信頼できる）であるため、Webサイトの再設計の範囲は、企業が自分自身をどれだけ再考したいかによって異なります。 たとえば、顧客が信頼の問題を抱えている金融機関は、見た目も音も信頼できるブランド変更の恩恵を受けるでしょう。
既存のブランドを改善する場合でも、新しいブランドを最初から作成する場合でも、考慮すべき点は次のとおりです。
- 色はあなたに特定の方法を感じさせますか？
- 画像/写真はユーザーに何かを感じさせますか？
- 全体的な視覚的美学はユーザーを満足させますか？
- ランディングページのコピーは魅力的ですか？
- FAQのコピーは役に立ちましたか？
- 全体的な声のトーンは、ビジネスが誰であるかを表していますか？
- Webサイトには、ライブチャットなどの追加機能が必要ですか？
さらに重要なことに、Webサイトの再設計の基盤を構築するために使用できるユーザー/顧客調査はありますか？ そうでない場合は、これが最初のタスクです。
機能の拡張
Webサイトの再設計は、通常、顧客が新機能を求めている場合に保証されます。 革新的な企業は常に新製品（オンラインとオフラインの両方）を構築しており、ユーザーがそれらの製品をよりよく体験できるようにする新機能を必要としています。 一方、中小企業は、ブログが必要なコンテンツマーケティングでビジネスを拡大したり、eコマースストアで収益を上げたりすることを検討しているだけかもしれません。 いずれにせよ、再設計は多くの場合、小さな外観の変更やブランド変更を超えています。
時々、「特徴」は未知であり、謎に包まれています。 クライアントは、何かが機能していないこと（コンバージョン率の低さ、顧客の不満など）を知っていますが、その理由はわかりません。 機能が実際にはほんのわずかなUXの改善である場合もあります。製品自体は問題ありませんが、基本的に、Webサイトのユーザーエクスペリエンスには欠陥があります。
いずれにせよ、ユーザーをよりよく理解するためにWebサイト分析を使用する必要があります。
データを使用した再設計
ブランディングと同様に、UXはユーザー調査によって推進される必要があります。 Google AnalyticsなどのWebサイト分析ツールや、HotjarやCrazyEggなどのヒートマップツールは、再考が必要な重要な領域や、欠落している可能性のある機能全体を特定するのに役立ちます。
Analyticsは、ユーザーについて知っておく必要のあるすべてのことを教えてくれます。ユーザーが特定のWebページに費やしている時間、実際にコンバージョンしているかどうか、コンバージョンフローから脱落している場所、使用したデバイスなどです。彼らがどこから来たのか、ユーザーの人口統計、行動の流れ。 膨大な量のデータは文字通り無限です。
このデータは、Webサイトの再設計の成功を測定するために使用できるだけでなく、Webサイトのどの領域がUXの点で不足しているのかを証明することもできます。 クライアントが大幅に欠落しているものをまだ知らない場合は、Webサイト分析を使用して、製品アイデア全体の改善から何かを提案し、再設計が一緒にどのように見えるかについてのロードマップを考え出すことができます。 ウェブサイトの再設計には計画が必要です。
ウェブサイト分析を使用していないウェブサイトを扱っている場合、最初の行動の呼びかけは、前述のGoogle Analytics（永久に無料で非常に詳細なレポート）をインストールすることです。 Google Analyticsを使用して懸念事項を特定したら、設計プロセスの次のステップはユーザビリティテストです。 HotjarやCrazyEggなどのツールは、ユーザーがクリックしている場所を正確に表示し、セッションのリプレイを使用して、ユーザーがWebサイトでどのように動作するかを確認することもできます。 Google Analyticsで変換率の低いWebページを特定した場合は、これらのユーザー記録からその理由がわかります。
その他の設計上の決定は、（せいぜい）知識に基づいた推測に基づいています。
調査が終わったら、カスタマージャーニーマップを作成して、大多数のユーザーがどのようにコンバージョンを達成しているかを強調できます。 これは、全社的に共有できるかなり興味深い資産であり、Webサイト外の変換フロー（ソーシャルメディア、カスタマーサービスなど）でチームが果たす役割をチーム全体に通知します。
さらに良いことに、クライアントが分析にある程度精通するのを助けることができるので、クライアント自身が成功または失敗を測定したり、将来のベンチャーのために独自のユーザー調査を実行したりできます。 クライアントがその後ハンドルを握ることができるとき、それは常に勝利です。
ブログの再設計
先に述べたように、初期段階の企業は、リーチを拡大するためにブログを開始しようとしています。 このシナリオでは、Webサイトが訪問者を獲得し始め、会社はコンテンツマーケティングでさらにリーチを拡大する準備ができていると感じています。
場合によっては（または実際には多くの場合）、ブログは企業が持つ最大のマーケティング資産です。 ブログは、企業にブランドを高め、更新や新製品をユーザーに知らせ、関連するコンテンツでターゲットオーディエンスを引き付ける機会を提供します。
とは言うものの、この時代において、読者の注意を引くことは非常に困難です。 これの一部はコンテンツ自体に起因しますが、UXの低下が原因であることが多く、ユーザーは戻るボタンを押して代わりに競合他社を試すことになります。
残念ながら、これは無料コンテンツの欠点です。UXが最適でない場合、ユーザーは喜んでWebページを放棄します。 優れた設計者は、読みやすさと読みやすさを向上させ、視覚的な注意散漫を排除し、コンバージョン率の高い場所にCTAを挿入する方法を知っている必要があります。
デザイナーはまた、ウェブサイト分析を使用してコンテンツUXを改善し、ユーザーが読むのをやめる場所とその理由を見つけ、それに基づいてデータ駆動型の設計決定を行う必要があります。 新機能にCMSが必要な再設計に取り組む場合も、クライアントが後で簡単に操作できるようにすることが重要です。
eコマースの再設計
eコマースデザインは、UXの習得が最も難しい側面の1つであり、データ駆動型デザインの経験を持つデザイナーも必要です。 これを考慮してください：この調査によると、eコマースストアは（平均で）69.23％のカート放棄率に苦しんでいます。 米国とヨーロッパでeコマースに7,380億ドルが費やされた場合、そのうちの2,600億ドルは、より良いチェックアウトフローと設計によって回収可能であると推定されています。 eコマースストアの場合、チェックアウトフローは最も重要な側面であり、ユーザーがどこから脱落しているのかを特定できるデザイナーは、それを改善できるデザイナーです。
考慮すべき点がいくつかあります。
- ウェブサイトは信頼とセキュリティを植え付けていますか？
- Webサイトには有効なSSL証明書がありますか？
- チェックアウトフォームには適切なラベルが付けられており、使いやすいですか？
- 入力フィールドに正しいキーボードタイプが表示されていますか？
- ユーザーは検索できますか？探しているものが見つからないはずですか？
- ゲストとしてチェックアウトしたいときに、ユーザーにサインアップを強制していますか？
ビジネスサイドの取り扱い
プロセスが十分に効率的でない場合、ビジネスの一部の側面（カスタマーサポートなど）は大きなオーバーヘッドを伴う可能性があるため、IntercomやKayakoなどの統合サービスでWebサイトをアップグレードすると、ユーザーのエクスペリエンスが向上するだけでなく、ビジネスがカスタマーサポートのコストを削減し、ワークロード。 ウェブサイトの再設計に取り組むときは、チーム/組織としての最大の課題は何かをクライアントに尋ねてください。
レスポンシブデザインと使いやすさ
つまり、レスポンシブWebサイトとは、モバイルからデスクトップまで、事実上すべての画面サイズに適応するWebサイトです。 モバイルトラフィックは2015年にデスクトップトラフィックをはるかに上回り、Googleは検索結果でモバイルフレンドリーなウェブサイトを支持し始めました。 ほとんどのWebサイトは技術的に応答性がありますが、十分に最適化されていないWebサイトはごくわずかです。
インターネットユーザーの57％が、デザインが不十分なモバイルWebサイトを使用するビジネスは推奨しないと述べているため、レスポンシブデザインは非常に重要であり、デザイナーは「すべてを適合させる」以上のことを行う必要があります。 考慮する必要があることは次のとおりです。
- タップターゲットは十分な大きさ（少なくとも44pxの高さ）ですか？
- タップターゲットは親指でアクセスできますか、それとも手の届かないところにありますか？
- 簡単にするために、モバイルWebサイトは「トリミング」されていますか？
- Webサイトは3G接続で高速にロードされますか？
- 全体として、モバイルユーザビリティをどのように評価しますか？
古い著作権表示と壊れたリンク
このマイナーなものと考える人もいるかもしれませんが（おそらく相対的な意味で）、古い著作権表示、リンク切れ、スペルミスは、Webサイトが放棄されたか、わずかな注意が払われたことを示しています。 ユーザーは、サブスクライブしているサービスが絶えず改善されていることを知りたがっているため、これらの情報はSaaS企業にとって特に重要です（ユーザーがWebサイトのフッターにある著作権表示を見て、最後に更新されたのはいつかを確認するのが普通です）。 一般的に言って、古く見えるWebサイトは、ユーザーがそれがもうアクティブであるかどうか疑問に思うでしょう。
これらを修正するのはかなり簡単なので、「何よりもまず」と考えてください。
特に壊れたリンクの場合は、Check My Linksなどの無料のChrome拡張機能を使用して、Webページ上の壊れたリンクを見つけたり、Grammarlyを使用してスペルミスを特定したりできます。
技術要件
HubSpotによると、訪問者の82％が安全でないサイトを放棄しています。
技術要件は、ユーザー向けではない機能です。 それにもかかわらず、それらは劇的な方法でユーザーに影響を与える可能性があります。 たとえば、SSLは、eコマースストアに必要なセキュリティのレイヤーです（ただし、すべてのWebサイトに推奨されます）。これは、機密データが安全であることを顧客に通知します。
フロントエンドとバックエンドのコードの改善により、Webサイトが高速になり（または少なくとも、高速に感じられます）、デザイン自体のシンプルさが大きな役割を果たします（シンプルなデザイン=コードの削減）。 再設計中のWebサイトの場合、これを無視したくないでしょう。
結論
デザインとは問題を解決することです。クライアントは、デザイナーがどのように生活を楽にするのか、またはビジネスの収益をどのように増やすのかを知りたがっています。
スキルのリストは、クライアントがそのデザイナーを雇うべき理由を教えてくれません。 デザイナーは、クライアントのビジネスにWebサイトの再設計が必要な理由を伝え、最終結果が何を達成するかを強調することで、クライアントに優れたサービスを提供します。
- 彼らのブランドは少し古くなっていますか？
- UIがユーザー間で混乱を引き起こしていますか？
- UXが原因で、ユーザーはコンバージョンフローから脱落していますか？
- 使いやすさ（モバイルまたはその他）により、ユーザーは戻るボタンを押すことができますか？
- すべてのアカウントでひどく見えますか？
- ウェブサイトの改善は、ビジネスにどのように役立ちますか？
再設計が必要なものを知っていて、クライアントもこれを知っている場合、再設計のロードマップにはすでに素晴らしい基盤と測定可能な目標があります。
•••
Toptal Designブログでさらに読む：
- eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
- 製品設計における人間中心の設計の重要性
- 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
- モバイルインターフェースのヒューリスティック原則
- 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法