Uxデザイン

ウェブサイトの再設計を検討する理由–ヒントと推奨事項

2018年です。世界中の私たちの多くにとって、新年は新たな始まりを示しています。新しい目標、新しいアイデア、そして一部のビジネスでは、古いものに代わる新しいWebサイトのデザイン。

ウェブサイトはさまざまな理由で刷新されています。残念ながら、多くの企業はウェブサイトを更新する必要があることに気づいていません。さらに悪いシナリオでは、ライバル企業はウェブサイトを改善し、あなたのウェブサイトが遅れている間にコンバージョンを増やすことで競争力を獲得する可能性があります。

あなたのウェブサイトはこれらのいずれかで有罪ですか？もしそうなら、それは再設計の時間かもしれません！

ビジネスにはアイデンティティがありますが、ウェブサイトにはそれが反映されていません。
一部のリンクが壊れているため、ユーザーは変換フローから脱落します。
ユーザーはあなたとコミュニケーションをとろうとしていますが、それが難しいと感じています。
ウェブサイトは全体的に時代遅れに感じられ、ユーザーは感銘を受けません。
使い勝手が悪い。ユーザーはウェブサイトをナビゲートするのが難しいと感じています。
UIは混乱し、一貫性がありません。ユーザーは間違いを犯し続けます。

これらを修正するために何ができるかを見てみましょう。

ウェブサイトの刷新が必要な古いeコマースサイト

長い間更新されておらず、古くなっているeコマースサイト。

ウェブサイトビルダー：危険に満ちている

新しいビジネスは、Wix、Weebly、Squarespaceなどのシンプルなウェブサイトビルダーから始める傾向があります。これらのツールは、簡単なドラッグアンドドロップのWYSIWYG（「表示されるものが得られるもの」）エディターと無料のホスティングを使用してWebサイトを設計するプロセスを簡素化しますが、これらのツールがWebサイトを群衆から際立たせるほど洗練されていることはめったにありません。

新規事業の初期段階で資金が不足しているときは、ウェブサイトビルダーを使用することは理論的に理にかなっています。「ホスティングが含まれ、コードは不要」のアプローチは、企業が時間とお金をかけすぎずにオンラインプレゼンスを確立するのに役立ちます。ただし、これには多くの隠れたハザードが伴います。これは、最悪の機会に明らかになる傾向があるハザードです（たとえば、Webサイトがその提供を拡大する必要がある場合）。

ウェブサイトビルダー、Squarespace

ウェブサイトビルダーでは、機能はサービスが提供するものに限定されており、ウェブサイトを設定するためのこのカットアンドドライアプローチの結果として、拡張の機会は後で厳しく制限される可能性があります。これは、設計と開発のコストを削減するために、企業がWebサイトビルダーを単独で運用するときに陥るトラップの例です。

eコマースビジネスはウェブサイトビルダー（または無料のテーマを持つCMS）を使用します → クライアントは、「こんにちは、私たちは[会社名]であり、ここにいます！」と言うだけで1ページのWebサイトを設定します。 → 後で、クライアントはそれが不可能であることに気付くためだけに製品を追加したいと思っています。

多くの場合、企業はWebサイトのニーズがより複雑になった場合に何が起こるかについて考えておらず、道に迷っています。その上、検索エンジン最適化（SEO）、SSL（ランキングとセキュリティに影響を与える）、モバイルの使いやすさ（ランキングとコンバージョンに影響を与える）などの重要な要素が無視されてしまう可能性があります。

専門家として、それがあなたの出番です。

エキスパートデザイナーは、これらの重要な考慮事項を見逃してはならず、将来を見据えたWebサイトを作成する必要があります。 長期的には時間とお金を節約する 。

ランディングページデザインのベストプラクティス

要するに、最高のウェブサイトの再設計は、起こる必要のないものです。

ウェブサイトビルダー対デザイナーを雇う

によって設計されたウェブサイトでさえエキスパートデザイナー長期間放置すると雑草が生え始めます。ビジネスの他の側面に重点を置いているため、バージョン2のロードマップが作成されない場合があります。たとえば、SSLなどの重要な考慮事項が当時重要な考慮事項ではなかった場合があります。いずれにせよ、すべての企業は、特に顧客の懸念がある場合は、時々Webサイトの再設計を検討する必要があります。

ウェブサイトの再設計が必要になる主な理由と、それらの理由でウェブサイトを刷新する際に取るべき戦略について話しましょう。

新しいウェブサイトのデザインを切実に必要としているB2Bビジネス

10年間更新されておらず、その年齢を示しているB2Bサイト。

ブランディング（またはブランド変更）

ブランド変更には通常、新しいWebサイトのデザインが付属しています。ただし、これは新しいロゴをはるかに超えて拡張する必要があります。ブランディングは視聴者とのコミュニケーションに関するものであるため、声のトーンも考慮する必要があります（Webサイトのコピー、FAQセクション、またはオンラインカスタマーサポートを検討してください）。

ブランディングとは、ビジネスをどのように表現したいか（たとえば、役立つ、カジュアル、信頼できる）であるため、Webサイトの再設計の範囲は、企業が自分自身をどれだけ再考したいかによって異なります。顧客が信頼の問題を経験している金融機関は、たとえば、見た目も音も信頼できるブランド変更の恩恵を受けるでしょう。

既存のブランドを改善する場合でも、新しいブランドを最初から作成する場合でも、考慮する必要があることは次のとおりです。

色はあなたに特定の方法を感じさせますか？
画像/写真はユーザーに何かを感じさせますか？
全体的な視覚的美学はユーザーを満足させますか？
それはランディングページ説得力のあるコピー？
FAQのコピーは役に立ちますか？
全体的な声のトーンは、ビジネスが誰であるかを表していますか？
Webサイトには、ライブチャットなどの追加機能が必要ですか？

さらに重要なことに、Webサイトの再設計の基盤を構築するために使用できるユーザー/顧客調査はありますか？そうでない場合は、これが最初のタスクです。

ヘッダーファイルを使用したC ++

Mozilla、ウェブサイトの再設計の前後

Mozilla 、その再設計とブランド変更の前後。

機能の拡張

Webサイトの再設計は、通常、顧客が新機能を求めている場合に保証されます。革新的な企業は常に新製品（オンラインとオフラインの両方）を構築しており、ユーザーがそれらの製品をよりよく体験できるようにする新機能を必要としています。一方、中小企業は、ブログが必要なコンテンツマーケティングでビジネスを拡大したり、eコマースストアを通じて収益を上げたりすることを検討しているだけかもしれません。いずれにせよ、再設計は多くの場合、小さな外観の変更やブランド変更を超えています。

時々、「特徴」は未知であり、謎に包まれています。クライアントは、何かが機能していないこと（コンバージョン率の低さ、顧客の不満など）を知っていますが、その理由はわかりません。機能が実際にはほんの少しのUXの改善である場合もあります。製品自体は問題ありませんが、基本的に、Webサイトのユーザーエクスペリエンスには欠陥があります。

いずれにせよ、ユーザーをよりよく理解するためにWebサイト分析を使用する必要があります。

データを使用した再設計

ブランディングと同様に、UXはユーザー調査によって推進される必要があります。のようなウェブサイト分析ツールグーグルアナリティクスおよびヒートマップツールなど Hotjar そして CrazyEgg 再考が必要な重要な領域や、欠落している可能性のある機能全体を特定するのに役立ちます。

Analyticsは、ユーザーについて知っておく必要のあるすべてのことを教えてくれます。ユーザーが特定のWebページに費やしている時間、実際に変換しているかどうか、変換フローから脱落している場所、使用したデバイスなどです。出身地、ユーザーの人口統計、行動の流れ。膨大な量のデータは文字通り無限です。

このデータは、ウェブサイトの再設計の成功を測定する、しかしそれはまたできます 証明する ウェブサイトのどの領域がUXの観点から不足しているのか。クライアントが大幅に欠落しているものをまだ知らない場合は、Webサイト分析を使用して、製品アイデア全体の改善から何かを提案し、再設計が一緒にどのように見えるかについてのロードマップを考え出すことができます。ウェブサイトの再設計には計画が必要です。

ウェブサイト分析を使用していないウェブサイトを扱っている場合、最初の行動を促すフレーズは、前述の機能をインストールすることです。グーグルアナリティクス（永久に無料で、信じられないほど詳細なレポート）。 Googleアナリティクスを使用して懸念事項を特定したら、設計プロセスの次のステップはユーザビリティテストです。のようなツール Hotjar そして CrazyEgg ユーザーがクリックしている場所を正確に表示し、セッションのリプレイでユーザーがWebサイトでどのように動作するかを確認することもできます。 Google Analyticsでコンバージョン率の低いウェブページを特定した場合、これらのユーザー記録には次のように表示されます。なぜ。

その他の設計上の決定は、（せいぜい）知識に基づいた推測に基づいています。

毎月のセッションデータと直帰率を表示するGoogleAnalyticsダッシュボード

調査が終わったら、作成できますカスタマージャーニーマップ大多数のユーザーがどのようにコンバージョンしているかを強調します。これは、全社的に共有できるかなり興味深い資産であり、Webサイト外のコンバージョンフロー（ソーシャルメディア、カスタマーサービスなど）でチームが果たす役割をチーム全体に通知します。

さらに良いことに、クライアントが分析にある程度精通するのを助けることができるので、クライアント自身が成功または失敗を測定したり、将来のベンチャーのために独自のユーザー調査を実行したりできます。その後、クライアントがハンドルを握ることができれば、それは常に勝利です。

ブログの再設計

先に述べたように、初期段階の企業は、リーチを拡大するためにブログを開始しようとしています。このシナリオでは、ウェブサイトが訪問者を獲得し始めており、会社はコンテンツマーケティングでさらにリーチを拡大する準備ができていると感じています。

場合によっては（または実際には多くの場合）、ブログは企業が持つ最大のマーケティング資産です。ブログは、企業にブランドを後押しし、更新や新製品をユーザーに通知し、関連するコンテンツでターゲットオーディエンスを引き付ける機会を提供します。

そうは言っても、この時代では、かなりの時間、読者の注意を引くことは非常に困難です。これの一部はコンテンツ自体に起因しますが、UXの低下が原因であることが多く、ユーザーは戻るボタンを押して代わりに競合他社を試すことになります。

残念ながら、これは無料コンテンツの欠点です。UXが最適でない場合、ユーザーは喜んでWebページを放棄します。素晴らしいデザイナー読みやすさと読みやすさを向上させ、視覚的な注意散漫を排除し、コンバージョン率の高い場所にCTAを挿入する方法を知っている必要があります。

デザイナーはまた、ウェブサイト分析を使用してコンテンツのUXを改善する必要があります。どこユーザーは読書をやめ、なぜ —そしてそれに基づいてデータ駆動型の設計決定を行います。新機能にCMSが必要な再設計に取り組む場合も、クライアントが後で簡単に操作できるようにすることが重要です。

eコマースの再設計

eコマースデザイン UXの習得が最も難しい側面の1つであり、データ駆動型設計の経験を持つ設計者も必要です。これを考慮してください：によるとこの研究、eコマースストアは、（平均で）69.23％のカート放棄率に苦しんでいます。米国とヨーロッパでeコマースに7,380億ドルが費やされた場合、そのうちの2,600億ドルは、より良いチェックアウトフローと設計によって回収可能であると推定されています。 eコマースストアの場合、チェックアウトフローは次のとおりです。 インクルード 最も重要な側面であり、ユーザーがどこから脱落しているのかを特定できる設計者は、デザイナーそれはそれを改善することができます。

考慮すべき点がいくつかあります。

ウェブサイトは信頼とセキュリティを植え付けていますか？
Webサイトには有効なSSL証明書がありますか？
チェックアウトフォームには適切なラベルが付けられており、使いやすいですか？
入力フィールドに正しいキーボードタイプが表示されていますか？
ユーザーは検索できますか？探しているものが見つからないはずですか？
ゲストとしてチェックアウトしたいときに、ユーザーにサインアップを強制していますか？

eBay、再設計の前後

eBay、前後その再設計。

ビジネスサイドの取り扱い

プロセスの効率が十分でない場合、ビジネスの一部の側面（カスタマーサポートなど）では大きなオーバーヘッドが発生する可能性があるため、次のような統合サービスを使用してWebサイトをアップグレードします。インターコムまたはかやこユーザーにより良いエクスペリエンスを提供するだけでなく、企業がカスタマーサポートのコストと作業負荷を削減するのにも役立ちます。ウェブサイトの再設計に取り組むときは、チーム/組織としての最大の課題は何かをクライアントに尋ねてください。

レスポンシブデザインと使いやすさ

つまり、レスポンシブWebサイトとは、モバイルからデスクトップまで、事実上すべての画面サイズに適応するWebサイトです。モバイルトラフィックがデスクトップトラフィックを上回った 2015年にさかのぼると、Googleは検索結果でモバイルフレンドリーなウェブサイトを支持し始めました。ほとんどのウェブサイトは技術的にレスポンシブですが、かなりの数のウェブサイトが十分に最適化されていません。

インターネットユーザーの57％が、デザインが不十分なモバイルWebサイトを使用するビジネスは推奨しないと述べているため、レスポンシブデザインは非常に重要です。デザイナー「すべてを適合させる」以上のことをする必要があります。考慮する必要があることは次のとおりです。

タップターゲットは十分な大きさ（少なくとも44pxの高さ）ですか？
タップターゲットは親指でアクセスできますか、それとも手の届かないところにありますか？
簡単にするために、モバイルWebサイトは「トリミング」されていますか？
ウェブサイトは3G接続で高速にロードされますか？
全体的に、あなたはどのように評価しますかモバイルユーザビリティ？

古い著作権表示と壊れたリンク

このマイナーなものと考える人もいるかもしれませんが（おそらく相対的な意味ではそうです）、古い著作権表示、リンク切れ、スペルミスは、Webサイトが放棄されたか、わずかな注意が払われたことを示しています。ユーザーは、サブスクライブしているサービスが絶えず改善されていることを知りたがっているため、これらの情報はSaaS企業にとって特に重要です（ユーザーがWebサイトのフッターにある著作権表示を見て、最後に更新されたのはいつかを確認するのが普通です）。一般的に言って、古く見えるWebサイトは、ユーザーがそれがもうアクティブであるかどうか疑問に思うでしょう。

著作権の日付が非常に古いWebサイト

これらを修正するのはかなり簡単なので、「何よりもまず」と考えてください。

特に壊れたリンクの場合は、次のような無料のChrome拡張機能を使用できます私のリンクを確認してください Webページ上の壊れたリンクを見つけるため、または Grammarly スペルミスを特定します。

node.jsが必要な理由

技術要件

HubSpotによると、訪問者の82％が安全でないサイトを放棄しています。

技術要件は、ユーザー向けではない機能です。それにもかかわらず、それらは劇的な方法でユーザーに影響を与える可能性があります。たとえば、SSLは、eコマースストアに必要なセキュリティレイヤー（ただし、すべてのWebサイトに推奨）であり、機密データが安全であることを顧客に通知します。

SSLセキュリティがある場合とない場合のeコマースWebサイト

フロントエンドとバックエンドのコードの改善ウェブサイトをより速くします（または少なくとも、 感じる より高速）、そしてデザイン自体のシンプルさがその点で大きな役割を果たします（シンプルなデザイン=より少ないコード）。再設計中のウェブサイトの場合、これを無視したくないでしょう。

結論

デザインは約 問題を解決する —クライアントは、デザイナーがどのように生活を楽にするのか、またはどのようにビジネスの収益を増やすのかを知りたがっています。

スキルのリストは、クライアントがなぜ雇うべきかを教えてくれませんデザイナー。デザイナーはコミュニケーションをとることでクライアントに素晴らしいサービスを提供しますなぜクライアントのビジネスにはウェブサイトの再設計が必要であり、最終結果が何を達成するかを強調しています。

彼らのブランドは少し古くなっていますか？
UIはユーザー間で混乱を引き起こしていますか？
UXが原因で、ユーザーは変換フローから脱落していますか？
使いやすさ（モバイルまたはその他）により、ユーザーは戻るボタンを押すようになっていますか？
すべてのアカウントでひどいように見えますか？
ウェブサイトの改善は、ビジネスにどのように役立ちますか？

再設計が必要なものを知っていて、クライアントもこれを知っている場合、再設計のロードマップにはすでに素晴らしい基盤と測定可能な目標があります。

•••

ApeeScapeデザインブログの詳細：

基本を理解する

どのようにして良いウェブサイトを作りますか？

優れたウェブサイトはデータによって動かされます。分析を使用すると、ユーザーが経験していることがわかっている問題に対してUXを設計し、加えられた変更の成功を測定することもできます。

なぜあなたはウェブサイトの再設計が必要なのですか？

ウェブサイトはさまざまな理由でリニューアルされていますが、悲しいことに、多くの企業は自分のウェブサイトを更新する必要があることに気づいていません。さらに悪いシナリオでは、ライバル企業はウェブサイトを改善し、あなたのウェブサイトが遅れている間にコンバージョンを増やすことで競争力を獲得する可能性があります。