実際に成功している7つの悪いウェブサイトと私たちがそれらから学ぶことができること
公開: 2020-06-01
なんと90％のユーザーが、デザインの悪いWebサイトからバウンスすることをご存知ですか？
人々がウェブを閲覧するとき、彼らは彼らが望む場所に速く行き、彼らが探しているものを簡単に見つけたいと思っています。
ただし、すべてのWebサイトがユーザーを満足させる方法で構築されているわけではありません。 また、メッセージの配信に失敗するだけでなく、訪問者を遠ざける人もいます。
これがウェブデザインが重要な理由です。
続きを読む：
- 悪いウェブサイトの要素は何ですか
- 悪いウェブサイトのデザインの影響を発見する
- 最も貧弱に設計されたウェブサイトに精通する
目次
- 悪いウェブサイトのデザインを作るもの：あなたの訪問者を遠ざけることができる5つの要因
- 悪いデザインの影響は何ですか？
- 実際に成功しているトップ7の悪いウェブサイト
- これらの貧弱なデザインのウェブサイトから私たちが学べること
- 悪いウェブサイトの要点
悪いウェブサイトのデザインを作るもの：あなたの訪問者を遠ざけることができる5つの要因
調査によると、訪問者はわずか7秒でブランドについて意見を述べることができます。 また、87％の消費者がオンラインで商品を検索しているという事実を考えると、あなたのウェブサイトが第一印象の第一の情報源です。
彼らが悪いデザインを見たらどうなるか想像できますか？
真実は、彼らが歓迎されない要素に不満を感じた場合、彼らはあなたのコンテンツやメッセージをナビゲートしたり消費したりする努力をしないということです。
しかし、何が悪いウェブサイトのデザインを作るのでしょうか？
あなたは、オンラインの一部の組織によってこれまでで最悪のWebサイトの1つとして説明され、それを認識していません。
悪いデザインに貢献し、訪問者を遠ざける上位5つの要因は次のとおりです。
1.明確な組織の欠如
人々は目的のためにあなたのウェブサイトを訪問します。 彼らがあなたのページのいくつかに着陸すると、彼らはあなたの会社と製品についての特定の情報を探すか、購入するようになります。
ただし、デザインが不十分なWebサイトでは、必要なものを簡単かつ迅速に見つけることができない場合、多数の潜在的なクライアントを失う可能性があります。
組織の観点から悪いデザインを言うとき、私たちは以下を参照します：
- 行動への呼びかけがない、または不十分
- 検索ボタンがない、または見つからない
- 見出しと小見出しはありません
- テキストの大きな段落
- ナビゲーションバーの多くのオプション
- 長いドロップダウンメニュー
とりわけ、雑然としたデザインはあなたのサイトを非常に乱雑にする可能性があります。 それはあなたの訪問者を混乱させて苛立たせ、より高いバウンス率をもたらします。
2.気晴らしが多すぎる
あなたがあなたのウェブサイトにあまりにも多くの要素を含めることによってあなたのメッセージを売ることができると思うなら、あなたは間違っています。
Webユーザーは、シンプルさとコンテンツが多すぎることを切望し、1つのページに煩わしい侵入をすると、逃げたくなるだけです。
設計が不十分なWebサイトは、視覚的な順序が不足していることが多く、さまざまなコンポーネントを過度に使用しているため、販売メッセージから注意をそらしながらユーザーの注意をそらします。
ユーザーを悩ませる可能性のある悪いウェブサイトのデザインの要素のいくつかは次のとおりです。
- アニメーションやGIFの過度の使用
- ビデオと音楽の自動再生
- 画面いっぱいに表示されるポップアップ広告
シンプルで居心地の良いサイトを持つことで、ユーザーは訪問の恩恵を受け、あなたが販売するものに対してはるかに良い反応を示すことができます。
3.無反応
Statistaによると、2020年2月のモバイルデバイス（タブレットを除く）は、Webビュー全体の51.98％を生成しました。
これは、デスクトップよりもスマートフォンを介してインターネットにアクセスする人が増えたことを意味します。
実際、同社は2024年までに、約1億8,750万人の米国を拠点とするWebユーザーがモバイルデバイスを使用して少なくとも1回の購入を行うと予測しています。
そして、あなたが悪いデザインを持っているという理由だけであなたのウェブサイトが反応しないならば、あなたは利益を失い、あなたの競争にあなたの見通しを与えるかもしれません。
4.ページの読み込みが遅い
Think with Googleが行ったモバイルページの速度に関する調査によると、モバイルページの読み込みに1秒から10秒かかると、バウンス率の数が123％増加する可能性があります。
同様に、悪いデザインの影響により、サイトのコンポーネントが400から6,000になると、コンバージョンが95％減少する可能性があります。
私たちは、人々がデジタル体験を求めているデジタル世界に住んでいます。 彼らは本質的にせっかちであり、彼らが探しているものを早く手に入れたいと思っています。
ページの読み込みが遅いと、訪問者が遠ざかります。これに寄与する要因のいくつかは次のとおりです。
- 閃光
- 画像が多すぎます
- 大きなビデオ
- CSSとJavaScriptの過度の使用
- 不要なコードの使用
5.不明瞭なメッセージ
不適切に設計されたWebサイトが犯す最大の過ちの1つは、ユーザーに明確なメッセージを提供せず、ユーザーが誰であり、何を提供するかについて一貫性がないことです。
訪問者がサイトに到着すると、それが何であるか、何が売られているかを簡単に知ることができるはずです。
メッセージが不明瞭な悪いウェブサイトのデザインは、通常、視覚的および書面の両方でコンテンツがほとんどまたは不足しているデザインです。
これも：
- 商品画像
- ハウツービデオ
- 私たちについてのページ
- ブログ
- お客様の声
- レビュー
- ケーススタディ
- もっと
そこに価値がない場合、誰もあなたのページに固執することはありません。
ビジネスとして、あなたはリードをもたらす必要があるだけでなく、意味のあるコンテンツで彼らの注意を引き付け、彼らが回心できるように彼らを興味深くそして従事させ続ける必要があります。
悪いデザインの影響は何ですか？
見た目を良くするためだけに、くだらないデザインの要素については取り上げませんでした。 現実には、悪いウェブサイトのデザインはあなたのビジネスに大きな影響を与える可能性があります。
方法は次のとおりです。
- それはあなたのSEOを傷つけます：グーグルは彼らが彼らのユーザーに可能な限り最高の経験を提供することに焦点を合わせていると言います。 これは、訪問者に価値を提供するWebサイトをランク付けすることを意味します。 これが、デザインが不十分なWebサイトのSERPランキングが低くなる傾向がある理由です。
- それはあなたの信頼を台無しにします：あなたが何をすることにどれほど優れていても、悪いデザインはあなたの評判を損なう可能性があります。 すべての要素は、提供するものと同等である必要があります。そうしないと、ユーザーを混乱させ、ユーザーを離れさせることになります。 言い換えれば、あなたが真面目なビジネスであるならば、誰もあなたのプロのメッセージを真剣に理解しないので、あなたはgifやアニメーションでページを混雑させることはできません。
- コンバージョンに費用がかかります。専門的でない、苛立たしい、または友好的でないように見えるものは、単にユーザーエクスペリエンスを損ない、潜在的なクライアントを遠ざけます。 そして、それらのユーザーがバウンスすると、戻ってくる可能性はほとんどありません。 これには、コンバージョンと利益がかかります。
実際に成功しているトップ7の悪いウェブサイト
すべてのビジネスオーナーが良いウェブサイトデザインと悪いウェブサイトデザインの違いを理解できるわけではありません。 特に彼らのビジネスがうまくいっているときはそうではありません。
しかし、彼らが気付いていないのは、彼らのくだらないデザインを魅力的でユーザーフレンドリーなデザインに変えることで、はるかに良い結果をもたらすことができるという事実です。
あなたのウェブサイトは、結果を最大化するためにかなり改善できるものの1つですか？
悪いウェブサイトの次の7つの例を調べて、同じ間違いを犯しているかどうかを調べます。
1. LingsCARS
LingsCARSは英国のカーリースプロバイダーであり、雑然としすぎているためにウェブサイトのデザインが悪い。
2番目の訪問者がホームページにアクセスすると、目がくらむような色に襲われ、ナビゲートを困難にする要素が多すぎることに気を取られます。
そのデザインは混乱を招き、アニメーション、GIF、点滅するライト、ウィジェットを過度に使用しているため、スパムのように見えます。
さまざまなタイポグラフィとフォントがあり、さまざまな色の太字のテキストが多すぎて、背景が乱雑です。
ユーザーがこのサイトにアクセスすると、何を見ればよいのかわからなくなり、使用されているすべての要素が注目を集めているように感じられます。
とりわけ、サイトの読み込みが遅いため、人々は本当に動揺し、購入の決定に影響を与えます。
ただし、このWebサイトは、優れたWebデザインの見た目に関するすべての規則に違反しており、史上最悪のWebサイトとして説明されていますが、実際にどれほど成功しているかを示す数字がいくつかあります。
- 月間トラフィック量：10,700
- キーワードランキング：6,600
- ドメインのリンク：10,000
ユーザーを遠ざけるこれらの悪いウェブサイトの1つと見なされていますが、独自性があり、競合他社から際立っていることで、オーディエンスを維持することができました。
2.エールスクールオブアート
Yale School of Artは、デザインが完全に古くなっているため、デザインが不十分なWebサイトのグループに入れることができます。 それはあなたに誰もそれを全く維持していないという感覚を与えます。
これは、「ベストプラクティス」として定義され、より良い結果をもたらすすべてのUX標準に反します。
読みにくい小さな文字と組み合わされた大きな文字があります。
ホームページは半分に分割されており、左側にのみコンテンツがあります。 また、どれだけズームインまたはズームアウトしても、コンテンツは左側にとどまり、まだ消費が難しいと感じています。
ネガティブスペースの過度の使用がありますが、背景の複雑さのために、それは重要な要素にそれを維持するのではなく、訪問者の注意をそらします。
世の中で最悪のウェブサイトの1つとしてランク付けされているにもかかわらず、エールスクールオブアートには次のようなものがあります。
- 月間交通量：10,800
- キーワードランキング：5,500
- ドメインのリンク：24,900
3.予算はセクシーです
Budgets Are Sexyは、主に訪問者に単調さを感じさせるため、デザインが悪いです。
一方では、配色は退屈であり、テキスト段落が視覚的コンテンツを支配します。
ウェブサイトの構造は直感的ではなく、メインナビゲーションメニューに提供されているオプションが多すぎて、ユーザーが探しているものを見つけようとするときに時間を浪費します。
ウェブサイトの右側にはさらにいくつかのセカンダリナビゲーションバーがあり、いくつかの重要な情報を検索する人をさらに混乱させます。
「史上最悪のウェブサイト」の1つとして説明されている、Budgets Are Sexyは、その提供の品質のおかげで、長年にわたって訪問者を維持することに成功しています。
ウェブサイトには：
- 月間交通量：16,000
- キーワードランキング：44,200
- ドメインのリンク：346万
4.Yコンビネータ
Y Combinatorはスタートアップ、プログラマー、起業家のためのフォーラムであり、ウェブサイトは2007年以来同じデザインになっています。
それはいくつかの理由でユーザーにとって不親切です。 一方では、スレッドを開くと、他のWebサイトに移動しますが、同じタブで開きます。 そのため、ユーザーは戻るボタンを何度もクリックして別のスレッドを表示する必要があり、これは苛立たしいことです。
一方、訪問者を引き付ける視覚的なコンテンツはなく、文字が小さすぎるため、読むにはズームインする必要があります。
また、検索バーがありますが、ページの一番下に配置されています。
ユーザーが探している情報を簡単に見つけられるように、フォーラムに検索バーを設けることがいかに重要かはわかっていますが、ほとんどのフォーラムは下にスクロールせず、それに気づきません。
これはユーザーのエクスペリエンスに影響を与え、バウンス率のパーセンテージを増加させます。 実際、SimilarWebによると、2020年3月のサイトのバウンス率は50.21％でした。
しかし、多くの組織によって最もくだらないデザインの1つとしてリストされている、Y Combinatorは、リピーターを維持することに成功しており、次のことを行っています。
- 月間交通量：412,000
- キーワードランキング：100万
- ドメインのリンク：2,910万
5.自然医学
自然医学は、スキマーが探しているものを見つけるのを困難にするだけでなく、訪問者を遠ざける巨大なテキストの段落がある、不十分に設計されたWebサイトのもう1つです。
悪いウェブサイトのデザインは、多くのドロップダウンオプションとあなたがそれらを読むことができるようにズームインする必要がある小さな文字のフレーズを備えたナビゲーションメニューによって特徴付けられます。
目立たないにもかかわらず、これらのオプションのいくつかは、404ページが表示される新しいタブで開きます。
ページ全体に小さな文字とリンクされた単語が多すぎるため、読みやすさが低下します。 また、サイトの構造を整理し、コンテンツを整理するための見出しはありません。
それらのデザインは応答性が低く、モバイルデバイスではうまく機能しませんが、古くなっているため、誰もそれを維持していないことがわかります。
しかし、これまでで最悪のWebサイトのひとつとしての評判があるにもかかわらず、NaturalMedicineは着実なリピーターの流れを達成しています。
実際、次のようなものがあります。
- 月間トラフィック量：6,400
- キーワードランキング：19,500
- ドメインのリンク：60,500
6.Gatesnfences
Gatesnfencesは、ユーザーに提供するエクスペリエンスが悪いため、デザインが不十分なWebサイトのグループにリストされています。 彼らがサイトに着陸すると、彼らは彼らが探しているものを見つけるためにどのようなステップを踏むべきかわからない。
一方では、彼らのナビゲーションメニューには、訪問者を混乱させ、彼らが案内されるのを難しくするあまりにも多くのオプションが含まれています。
一方、フレーズは色が非常に明るく、読みにくく、集中するのも困難です。
コンテンツを適切に構造化するための見出しはありません。そのため、この悪いWebサイトのデザインは訪問者を遠ざけます。
太字のテキストの過度の使用とCTAの欠如も、Webサイトのデザインの悪さの一因となっています。 また、サイトが安全でないという事実も、高いバウンス率に直面する可能性があります。
最悪のウェブサイトの中に置かれている：
- 月間交通量：3,700
- キーワードランキング：7,700
- ドメインのリンク：16,700
7.アングレン
悪いウェブサイトになると、Arngrenはあなたを90年代に戻し、広告のすべてのスペースが満たされているイエローページの広告を読んでいるかのように感じさせます。
どこを見ればいいのかわからない訪問者を混乱させる画像が多すぎます。 小さな文字は重要な情報を見つけるのを難しくし、全体として売れる明確なメッセージを伝えることができません。
サイトにはイライラするレイアウトがありません。 そして、それは無限に見える貧弱なナビゲーション構造を持っているからです。 大胆で明るく、色が違うフレーズがあり、邪魔な効果があります。
雑然としたデザインは連絡先情報を見つけるのを非常に難しくし、宣伝メッセージを表現するための書かれた内容がありません。
このデザインを悪くしているのは、サイトが安全ではないという事実でもあり、SEOとその信頼性に悪影響を及ぼします。
たぶん、他の上記のウェブサイトほどうまくやっていないかもしれませんが、Arngrenは次のことをしています：
- 月間交通量：1,500
- キーワードランキング：2,300
- ドメインのリンク：6,930
これらの貧弱なデザインのウェブサイトから私たちが学べること
史上最悪のウェブサイトと言われていますが、上記の例は、その提供の質のおかげで成功を収めることができました。
ただし、リピーターは多いものの、新規ユーザーの獲得・転換は難しいと考えられます。
これは明らかに彼らの悪いデザインによるものです。
これらのくだらないデザインは、次の理由で訪問者をクライアントに変えることができません。
- 散らかっています
- 不明瞭なメッセージ
- 無反応
- 読み込み時間が遅い
- 読みやすさが悪い
言い換えれば、満足のいくユーザーエクスペリエンスを提供できません。
これらのくだらないデザインから私たちが学ぶことができることがあれば、それは私たちが聴衆に焦点を当てたデザインに投資するべきであるということです。
訪問者がページにアクセスしたら、探しているものをすばやく簡単に見つける必要があります。 そして、あなたは事業主として彼らに価値を提供し、彼らがそこにいることについて気分を良くするべきです。
これらの悪いウェブサイトが彼らのデザインを改善するならば、彼らははるかに良くすることができます。 そして、彼らはUXとUIに焦点を当てることによってのみそれを行うことができます。
悪いウェブサイトの要点
Webユーザーがサイトにアクセスすると、魅力的なものを見たいと思うようになります。
キャッチーでモダンなデザインに投資することは重要ですが、ウェブサイトのデザインは見た目だけではないことも理解しておく必要があります。
そして、ほとんどの企業は、できるだけ多くの要素を追加すれば、ユーザーの注意を引くと信じています。
しかし、彼らは間違っています。
訪問者にとって、散らかっているのを見るのは迷惑でイライラします。 それはサイトが伝えるメッセージから彼らをそらすだけでなく、彼らを遠ざけることにもなります。
したがって、読みやすさの低下、コンテンツの不足、応答性の欠如、ページの読み込みの遅さも同様です。
これらの悪いウェブサイトは、魅力的であると同時に完全に機能するデザインに投資する必要があることを企業に教えています。なぜなら、私たちが住んでいるデジタルの世界では、ユーザーを満足させることほど重要なことはないからです。