コンバージョン率を損なう9つのWebデザインの間違い

ウェブデザインとは

Webデザインは、Webサイトに必要なもの、外観、感触、目的、構造、および必要な機能を概念化するプロセスです。 心のイメージができたら、各ステップを慎重に計画してから、Webサイトを構成する電子ファイルを作成する必要があります。

一般的なWebデザインの間違い

集中

• あなたの会社が何をしているのか/提供しているのかを明確に述べていません。
• 明確なCTA（Call to Action）の欠如–しばしば忘れられるか、ページの下部に残されます。
• 連絡先情報を見つけるのが難しい–トップバーに電話番号を入力します。
• 安全ではない（HTTPS）–安全なサイトの読み込みが速くなり、検索ランキングが高くなり、Webサイトが安全でない場合、訪問者の84％が購入を断念します。
• 分析なし–何が機能し、何が機能しないかを追跡していない場合、Webサイトを最高の広告ツールにすることに集中していません。
• たとえば、特定の対象者向けに設計されていない場合、学校のWebサイトはレストランのWebサイトとは大きく異なります。

設計

• 見た目–これは非常に重要です。訪問者を感動させ、さらに探索したくなるまで10秒もかかりません。 全体的なテーマと色は視聴者にアピールする必要があります少ないほど多いので、雑然としたホームページは訪問者を遠ざけます。 コンバージョンにつながるには、ナビゲーションバーやその他の機能を明確に確認する必要があります。
• 色の使いすぎ–色が多すぎると変換が台無しになる可能性があります–色の心理学を理解することが重要です（たとえば、美容と健康のサイトに青や白などの大胆な色を使用します）。
• ロードに時間がかかりすぎる–スイートスポットは3秒です。 バウンスの可能性は、1秒ごとに指数関数的に増加します。
• モバイル対応ではありません
  • モバイルエクスペリエンスが悪い場合、ユーザーの52％が会社に関与する可能性が低くなります。
  • 91％がニーズとスピードを優先しています。
  • 61％は、必要なものがすぐに見つからない場合に先に進みます。

• レスポンシブデザインを使用しない–レスポンシブウェブデザインは、CSS3メディアクエリを使用して、すべてのプラットフォーム（コンピューター、ラップトップ、タブレット、スマートフォンなど）でウェブサイトを機能させます。
• ページ間で一貫性のないインターフェイス–ページごとに新しいデザインは必要ありません。混乱を招き、強力なブランドデザインをサポートしていません。
• ポップアップ–モバイルの使用を妨げる可能性があり、ランキングに影響します
• H1タグは美的理由で削除されましたが、これは検索エンジンのクローラーが最初に探す要素です。
• 画像内のテキスト–検索エンジンは画像を表示できないため、テキストを読み取らないため、オーバーレイする必要があります。
• ボタンとリンクが小さすぎてクリックできません。特にモバイルでは、指が同時に複数のボタンに触れて間違った場所に移動することほどイライラすることはありません。
• ファビコンなし–ユーザーは複数のページを開くのが好きで、サイトに戻りたい場合は見つけるのが困難です。
• ホームページを自動的にスクロールするカルーセル–ユーザーの注意をそらします。
• バックグラウンドでの自動音楽–ただイライラする。
• 自動的に再生されるビデオ–繰り返しますが、ただイライラします。 変換キラー。
• 404の一般的なページ–ほとんどのユーザーは、これらのいずれかを取得すると放棄します。 エラー処理をすぐにソートします。
• サーバーの応答時間が遅い–最適化する必要があります。
• 設計基準に従わない–ユーザーは寛容ですが、ナビゲーションバーや検索機能などの基本を期待しています。
• ホワイトスペースの使用が不十分–少なすぎると窮屈に見え、多すぎると専門家ではなくなります。
• ブラウザのキャッシュなし–ページの再読み込み速度に影響し、ランキングが低くなります。
• すべてのブラウザで動作するわけではありません–すべてのWebサイトは、すべてのブラウザで動作するように設計する必要があります。
• JavaScriptなしでは機能しません–訪問者がJavaScriptをオフにしても、サイトは引き続き機能します。
• コードは圧縮されていません。つまり、CSS、HTML、およびJavascriptを縮小しています。 これにより、読み込み速度が向上します。

ナビゲーション

• 新しいウィンドウで開くリンクがたくさんある–戻るボタンがない場合やナビゲートが難しい場合は、帯域幅を消費するだけでなく、訪問者が戻ってこない可能性があります。
• ウェブサイト/非表示メニューに隠されたリンク–訪問者は「私がどこにいるのか」を知る必要があるため、明確なメニュー、パンくずナビゲーション、およびデザインの手がかりが必要です。 メニューはモバイルで非表示にすることができます。
• ロゴの中央揃え–ワンクリックでホームページを見つけるのが6倍難しくなります。
• 訪問したリンクの色を変更しないため、訪問者は間違ったページに戻って放棄し続けます。
• 制御不能なナビゲーション–アニメーション化されたものはすべて、コンバージョンを非常に速く殺す可能性があります。

タイポグラフィ

• 読みやすさ、読みやすさ、明快さ–これらは重要な要素です。
• フォントが小さすぎて読みにくい–本文テキストは、プラットフォーム間で互換性があるため、14pxを超えるサイズのSansSerifを使用する必要があります。 カーリーフォントは子供向けです。
• フォントが多すぎる–訪問者はプレゼンテーションに気を取られ、メッセージに集中できないため、混乱を招きます。 3つは十分です。
• 競合するフォント–不快感を与える可能性があり、変換には何もしません。
• 不十分なカーニング（記号）、追跡（単語）、先頭（文）–スペースは重要であり、明瞭さと読みやすさを向上させます。

コンテンツ

• 弱いSEO–検索エンジンのクローラーには検出されません。ロングテールキーワードを使用してください。
• 訪問者のニーズに焦点を当てたコンテンツではなく、「私たちの素晴らしさ」に焦点を当てたコンテンツは、実際にオフにすることができます。
• ヘッダーとサブヘッダーはありません–さらに、読みやすくするために、メッセージ内のキーワードを検索する検索エンジンのクローラーを見逃します。
• スキャンできないコンテンツ–段落は短くする必要があり、読みやすくするために箇条書きまたは番号リストを使用します。訪問者はページをスキャンして、必要な情報が含まれている可能性があるかどうかを確認します。
• 貧弱な文法と長い文章–これも読みやすさの問題であり、専門家ではないように見えます。
• 通常の品質のコンテンツを投稿しない–検索エンジンのクローラーがランキングのためにキーワードを取得するには、コンテンツピラミッドの幅を広くして低くする必要があります。 定期的に更新されていることを知っていれば、訪問者は戻ってきます。

画像

• 関連性のないストックフォト–画像は目に心地よく、関連性があり、特定の1つの被写体に焦点を合わせている必要があります。
• サイズとスケーリングが不十分–読み込み時間に影響し、専門家ではないように見えます。
• 応答しない画像のサイズ設定–この問題に対処するためにCSSメディアクエリが使用されます
• メタデータがありません–画像を投稿する前にファイル名を確認してください。987098709.jpgは専門的ではないようです。
• 画像圧縮なし–読み込み時間が長いほど、ランキングは低くなります。

ソーシャルメディア

• 社会的関与を奨励しない–成長のための最良の機会を逃している。
• ページ上部のソーシャルメディアアイコン–読者がサイトを離れて気を散らし、他の場所に置くように促すことが証明されています。

ユーザー体験

• 貧弱な検索機能–訪問者は優れた検索エンジンに甘んじており、最高または最も関連性の高いものが表示されることを期待しています。キーワードのバリエーション、ハイフン、複数形、タイプミスを処理する必要があります。
• 問い合わせに応答しない–応答のないサイトほど迅速に訪問者を遠ざけたり、不在時に自動応答を設定して緊急に連絡したりすることはできません。

法的な問題

• プライバシーポリシーはありません–現在、多くの国で法的要件があり、信頼を築くのに役立ちます。
• 保証情報なし–訪問者はあなたの製品の背後に正当性があることを知りたがっています。
• 返品ポリシーなし–良好な商取引では、顧客が考えを変えるために少なくとも一定期間を提供し（一部の国では法律で義務付けられています）、製品が不適切であることが判明した場合は返品を受け入れる必要があります。 悪いレビューはしばしば悪いリターンの経験に焦点を合わせます。

優れたWebサイトでは、ユーザーに、何かがうまくいかないかどうかを知らせたり、改善のための提案を提供したりするように求められます。一部のWebサイトには、使いやすさのためのスタースコアリングシステムがあります。 常にあなたのウェブサイトで最善を尽くしてください-それはあなたの会社と文化の潜在的な顧客の第一印象であり、あなたのコンバージョン率を左右する可能性があります。