apeescape2.com
  • メイン
  • モバイル
  • トレンド
  • 人とチーム
  • 設計プロセス
Uxデザイン

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

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

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

あなたのウェブサイトはこれらのいずれかで有罪ですか?もしそうなら、多分それは再設計する時です!



  • 会社はアイデンティティを持っていますが、ウェブサイトはそれを反映していません。
  • 一部のリンクが壊れているため、ユーザーは変換フローを離れます。
  • ユーザーはあなたとコミュニケーションをとろうとしますが、それは難しいと感じています。
  • ウェブサイトは一般的に時代遅れに感じられ、ユーザーを畏敬の念を抱かせます。
  • 使い勝手が悪い。ユーザーはWebサイトをナビゲートするのが困難です。
  • UIは混乱し、一貫性がありません。ユーザーは間違いを犯し続けます。

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

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

長い間更新されておらず、その時代を示しているeコマースサイト

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

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

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

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

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

eコマースビジネスはウェブサイトビルダー(または無料のテーマを持つCMS)を使用します → お客様は、「こんにちは、[会社名]です。ここにいます!」とだけ言うために1ページのWebサイトを設定します。 → 次に、顧客は製品を追加したいのですが、それが不可能であることがわかりました。

レスポンシブデザインのCSSメディアクエリ

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

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

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

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

ウェブサイトビルダー対デザイナーの雇用

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

Webサイトの再設計が必要になる主な理由と、それらの理由でWebサイトを最新化するときに取るべき戦略について説明します。

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

10年間更新されていないB2Bサイトで、その年齢を示しています

ブランディング(またはブランド変更)

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

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

既存のブランドを改善する場合でも、新しいブランドを最初から作成する場合でも、次の点に注意してください。

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

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

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

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

拡張機能

Webサイトの再設計は、顧客からの新機能の需要がある場合に正当化されることがよくあります。革新的な企業は常に新製品(オンラインとオフラインの両方)を作成しており、ユーザーがそれらの製品をよりよく体験するのに役立つ新機能を必要としています。一方、中小企業は、ブログが必要になるか、eコマースストアを通じて収入を生み出すコンテンツマーケティングでビジネスを拡大しようとしている可能性があります。いずれにせよ、再設計は多くの場合、小さな外観の変更やブランド変更を超えています。

レスポンシブデザインのCSSメディアクエリ

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

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

データを使用した再設計

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

アナリティクスは、ユーザーについて知っておく必要のあるすべてのことを教えてくれます。ユーザーが特定のWebページに費やした時間、コンバージョンの有無、コンバージョンフローを離れる場所、使用したデバイス、出身地、ユーザーの人口統計などです。 、行動の流れ;膨大な量のデータは文字通り無限です。

このデータは、 ウェブサイトの再設計の成功を測定する 、しかしまたすることができます 試してみる ウェブサイトのどの領域がUXの点で不十分であるか。それでも顧客が何が欠けているのかわからない場合は、Webサイト分析を使用して、機能強化から完全な製品アイデアまで何でも提案し、ロードマップを作成して再設計がどのようになるかを確認できます。ウェブサイトを再設計するには計画が必要です。

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

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

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

独自の気象観測所を構築する

研究が終わったら、作成することができます カスタマージャーニーマップ 大多数のユーザーがどのようにコンバージョンしているかを強調します。これは、会社全体で共有できる非常に優れた資産であり、オフサイトの変換フロー(ソーシャルメディア、カスタマーサービスなど)でチームが果たす必要のある役割についてチーム全体に通知します。

さらに良いことに、クライアントが分析に慣れるように支援できるため、クライアントは自分で成功または失敗を測定したり、将来の取り組みのために独自のユーザー調査を実施したりできます。それ以降、お客様がハンドルを握ることができれば、それは常に勝利です。

ブログの再設計

上記のように、初期段階の企業は、リーチを拡大するためにブログを開始しようとしています。このシナリオでは、Webサイトは訪問者の獲得を開始し、現在、同社はコンテンツマーケティングでさらにリーチを拡大する準備ができていると考えています。

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

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

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

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

電子商取引の再設計

ザ・ eコマースデザイン 習得するのはUXの最も難しい側面の1つであり、データ駆動型の設計経験を持つ設計者も必要です。これを考慮してください:によると このスタジオ 、eコマースストアのカート放棄率は69.23%(平均)です。米国とヨーロッパで7,380億ドルが電子商取引に費やされた場合、そのうちの推定2,600億ドルは、より良い支払いフローと設計によって回収できます。 eコマースストアの場合、アウトバウンドフローが最も重要な側面であり、ユーザーがどこから離れているかを特定できる設計者は デザイナー それはそれを改善することができます。

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

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

eBay、再設計の前後

前後のeBay その再設計の

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

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

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

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

ウェブアプリからモバイルアプリへ

インターネットユーザーの57%が、デザインが不十分なモバイルWebサイトのビジネスを推奨しないと述べていることを考えると、レスポンシブデザインは大企業であり、目標は デザイナー 彼らは「すべてを適合させる」以上のことをする必要があります。これはあなたが心に留めておくべきことです:

  • タップターゲットは十分な大きさ(少なくとも44pxの高さ)ですか?
  • 親指でタップターゲットを使用できますか、それとも手の届かないところにありますか?
  • 簡単にするために、モバイルWebサイトは「トリミング」されていますか?
  • ウェブサイトは3G接続ですぐに読み込まれますか?
  • 全体的に、あなたはどのように評価しますか モバイルユーザビリティ ?

古い著作権通知と壊れたリンク

このマイナーなものと考える人もいるかもしれませんが(おそらく比較的言えばそうです)、古い著作権表示、リンク切れ、スペルミスは、Webサイトが放棄されたか、少量が注意されていることを示しています。ユーザーは、サブスクライブしているサービスが絶えず改善されていることを知りたがっているため、これらの情報はSaaS企業にとって特に重要です(ユーザーは、Webサイトのフッターにある著作権表示を見て、前回の更新時期を確認するのが普通です)。 )。一般的に言って、古いWebサイトは、ユーザーがすでに公開されているかどうか疑問に思うでしょう。

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

これらは非常に簡単に修正できるため、「最初に」検討してください。

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

技術要件

HubSpotによると、訪問者の82%が安全でないサイトを離れています。

技術要件は、ユーザーが直面しない特性です。ただし、ユーザーに大きな影響を与える可能性があります。たとえば、SSLは、eコマースストアに必要なセキュリティレイヤー(ただし、すべてのWebサイトに推奨)であり、機密データが安全であることを顧客に通知します。

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

フロントエンドとバックエンドのコード拡張 ウェブサイトをより速くします(または少なくとも、 感じる より高速)、そしてレイアウト自体の単純さがその点で大きな役割を果たします(単純なレイアウト=より少ないコード)。再設計されたWebサイトの場合、これを無視したくありません。

結論

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

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

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

何を再設計する必要があるかを知っていて、顧客もそれを知っている場合、再設計ロードマップにはすでに優れた基盤と測定可能な目標があります。

Nuxt.jsを使用したサーバー側のレンダリングされたVue.jsアプリの作成

Webフロントエンド

Nuxt.jsを使用したサーバー側のレンダリングされたVue.jsアプリの作成
暗いUI。善と悪。規則ルール。

暗いUI。善と悪。規則ルール。

Uxデザイン

人気の投稿
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
Googleスプレッドシートに移行する理由
Googleスプレッドシートに移行する理由
機械学習の問題に取り組む方法
機械学習の問題に取り組む方法
JWT for RESTAPIを使用したSpringSecurity
JWT for RESTAPIを使用したSpringSecurity
感圧タッチはUIとUXにとって何を意味しますか?
感圧タッチはUIとUXにとって何を意味しますか?
 
ApeeScapeサーベイ:最近の卒業生は、学位や仕事の柔軟性を使うよりもお金に関心があります
ApeeScapeサーベイ:最近の卒業生は、学位や仕事の柔軟性を使うよりもお金に関心があります
教師あり機械学習アルゴリズムの調査
教師あり機械学習アルゴリズムの調査
ApeeScapeデザインブログカラーオブザイヤー2020
ApeeScapeデザインブログカラーオブザイヤー2020
Firebaseをサーバーレス化–モバイルおよびWebアプリケーションを簡単に
Firebaseをサーバーレス化–モバイルおよびWebアプリケーションを簡単に
マインドズアイ–データ視覚化心理学の考察
マインドズアイ–データ視覚化心理学の考察
人気の投稿
  • Webデザインのブートストラップとは
  • 最高の有料出会い系サイト2016
  • SQLServerのクエリ最適化手法
  • クラスpythonの変数
  • AWS認定ソリューションアーキテクトの準備方法
  • プロトタイプの作り方
カテゴリー
Uxデザイン 製品の担当者とチーム 革新 トレンド Webフロントエンド 仕事の未来 モバイルデザイン エンジニアリング管理 人とチーム Uiデザイン

© 2021 | 全著作権所有

apeescape2.com