最悪のウェブデザインの間違い:悪いウェブサイトの10の例

書かれた記事:
  • ウェブサイトのデザイン
  • 最終更新日:Apr 16、2020

地元のコミュニティカレッジでコースを受講したかどうか、 ウェブサイトを作成してきた 何年にもわたって、またはあなたが行くにつれてアマチュアの学習者である場合、すべてのWebデザイナーが訪問者に自分のサイトでの時間を楽しんでもらいたい場合、いくつかのことを避ける必要があります。

おそらく「スティッキー」を参照してください。

これは単に訪問者が欲しがるサイト、つまりブラウザにとどまり、ブックマークして頻繁に訪れるサイトを意味します。 それはまったく別の話題であるためにサイトを固執させるようになる非常に多くの要素があります。

しかし、間違いなく訪問者が逃げたいサイトを作ることができるウェブデザインミスがあります。 ここでは避けてはいけないデザインはありません。

間違い#1:色のびびら

非常に明るい色はあなたの目を傷つけるか、互いに衝突する色は、サイトの訪問者がWebページから逃げることを欲しがらせる可能性があります。

あなたのウェブサイトのテーマを計画するとき、お互いを補う色を選択するようにしてください。 イエローはアクセントとしてはよく見えますが、メインカラーとして機能することはめったにありません。 虹のすべての色を使用することも、めったにありません。

悪いウェブの例ite:モラディト

デザインが悪い例
このサイトは、パズルタイプのパターンで想像できるほぼすべての色を使用しています。 それを記述する唯一の方法は醜いです。

間違い#2:多すぎるグラフィックス

グラフィックでウェブページを乱雑にすると、XNUMXつの異なることが起こります。

まず、ページは非常に忙しくなり、訪問者はどこをクリックするか、最初に見たいものがわからなくなる可能性があります。

次に、ユーザーのインターネット接続が遅い場合、ページの読み込みに時間がかかりすぎる可能性があります。 30秒後、ほとんどの人が離れて別のサイトに移動します。 私たちはすべてが身近な時代に生きています。 最初の数秒で顧客の注意を引かないと、顧客を完全に失うリスクがあります。

悪いウェブの例ite:パインソル

デザインが悪い例
このサイトには非常に多くのグラフィックがあり、雑然として見えるだけです。 多数のグラフィックスに加えて、画像はページ全体で移動するため、訪問者がいずれかの画像をクリックしたい場合でも、マウスで追跡する必要があります。

間違い#3:読み込み時間が遅い

あなたのウェブサイトは非常にゆっくりと移動しますので、訪問者は戻ってくる前にコーヒーとドーナツを飲みに行く時間がありますか?

フラッシュ、サウンド、高解像度のグラフィックス、またはJavaスクリプトのような要素をあまりに多く追加すると、サイトの読み込みが遅くなり、遅くなる可能性があります。 ほとんどの訪問ユーザーは高速になりますが、ダイヤルアップしすぎるとサイトにアクセスすることができない農村のお客様がまだまだ存在することに注意してください。

ヒント: サイトの速度を確認して、改善のアドバイスを受ける Googleのページスピードの洞察.

速度はユーザーエクスペリエンスに不可欠なだけでなく、非常に重要なランキング要素です。 2010のページスピードは検索エンジンランキングの要素となり、2016の6月には、ページ速度のランキング要素を更新して、モバイルページのページスピードを具体的に見ていくとの報告がありました。 Googleの検索の半分以上をモバイル検索で処理すると、モバイルページのスピードも最適化する必要があります。

- 出典: より良いサイト速度であなたのSEOを高める

悪いウェブの例ite:私の博物館

デザインが悪い例
このウェブサイト上のフラッシュは、非常にゆっくりと読み込まれます。 その上に、フラッシュをスキップするための目に見えるリンクがありません。 ダウンロード速度が遅いブラウザでは、このサイトが読みづらいので、サイトから退出してしまうことはありません。

間違い#4:あまりにも多くの広告

コンテンツのウェブサイトやブログは、商品を販売するのではなく、広告でお金を稼ぐ。 しかし、多くのウェブサイトの所有者が失敗するところでは、訪問者がコンテンツと広告の違いを理解できないほど多くの広告を追加することになります。 訪問者が記事または記事の残りの部分を検索するために検索しなければならない場合、そのページに広告が多すぎます。 サイトに配置された1つまたは2つの広告が最適です。 それ以上に、あなたはあなたのブラウザに迷惑をかける危険性があります。

実際、 デジタル広告レポート UpstreamとYouGovが2012で行った調査によると、消費者の20%は、ある企業があまりにも多くの広告をした場合、その企業を再び使用することはない、と語った。

悪いウェブの例ite:Hemmy.net

デザインが悪い例
このウェブサイトのいくつかのページでは、ページの上部にある表示領域全体が、さまざまな種類の90%広告についてです。 ページのコンテンツにアクセスするには、下にスクロールする必要があります。 そこにも、全体に散在する追加の広告があります。 それはサイトに集中するのが難しいほど気を散らしています。

間違い#5:素人写真の編集

アマチュアは、適切に編集されていない画像よりも大きなものを叫ぶものはありません。 この種の問題を抱えるWebサイトでは、ぼやけた境界線、見えにくい自動補正色、2枚の写真がつながっていること、または奇妙なサイズ変更された割合を明らかにする不十分なレイヤー技術がある可能性があります。

ヒント: 無料の画像編集ツールをオンラインで利用する: canva, Pic Monkey

悪いウェブの例ite:ピーターのバス

デザインが悪い例
このページのグラフィックにはいくつかの問題があります。 まず、ページの下部に配置された、アマチュアっぽく見える透明な背景ではなく白のバスがあります。 右のXNUMXつの写真も、比率が維持されずに引き伸ばされてサイズが変更されているため、問題があります。 写真は目をそらし、右の人は引き伸ばされて見えるので、リリパットの地で巨人になることができます。

間違い#6:3歳で作成できるデザイン

あなたのウェブサイトがMicrosoft Wordを開いたように見え、ワードアートを作成してインターネット上にサイトを投げた場合、デザイン要素を再考することができます。 シンプルさは、より混雑したサイトの一部からの歓迎された救済ですが、あまりにも単純すぎると、あなたのサイトが少年で安価に見える危険にさらされます。

悪いウェブの例ite:Cyber​​ D-Signクラン

デザインが悪い例
デザイナーは、MSが始まる標準的なデザインから言葉の色すら変更していません。 このデザインは非常にシンプルなので、Microsoftの基本的なパターンの背景やワードアートとしてすぐに認識できます。
デザインが悪い例
その上で、ポップアップページが読み込まれます。 イントロをスキップしてクリックしてメインページに移動した後でデザインが優れていた場合、これは見落とされる可能性があります。 ただし、リンクされたページ(下)のデザインは同じように残念です。

間違い#7:ナビゲーション不良

Webサイトのデザインが視覚的に魅力的である場合でも、訪問者は苛立ちを感じ、ナビゲーションが不十分になる可能性があります。

たとえば、明確なリンクがないサイトや、アイテムが多すぎてどこに行くべきかを決めるのが難しいサイト。 多くのWebサイト所有者が直面する500つの問題は、小さなサイトが突然大きくなることです。 サイトにXNUMXページある場合に機能していたナビゲーションは、サイトにXNUMXページある場合には機能しません。 サイトがどのように再加工され、カテゴリとサブカテゴリに再構築されるかを確認して、訪問者が目的の場所を正確に理解できるようにします。 検索ボックスを追加するのも賢明です。

悪いウェブの例ite: LawnSignDirectory.com

デザインが悪い例
訪問者は、自分のエリアの検索可能な方向性を期待していますが、ページの左側に数十のリンクが表示され、右の広告といくつかの特色のあるビジネスがあります。 このサイトは、訪問者が彼らが探しているリソースを簡単に見つけることができるように、組織構造の改良から利益を得ることができます。

間違い#8:テキストの問題

忙しい背景を使用し、十分なコントラストを提供しないテキストカラーを選択するWebデザイナーは、Webページを判読不能にします。 1つの記事を読んだ後にビジターの目が傷ついたら、なぜ彼女はあなたのサイトのさらに多くのページを読むためにくっついていたでしょうか? 多忙な背景を選択する必要がある場合は、少なくともボックス、レイヤー、またはコンテンツテーブルを無地の背景に置き、反対のテキストカラーを選択します。 灰色の灰色を避けるようにしますが、濃い赤色の白い部分、薄いピンク色の黒い部分などを選択してください。

重なり合う単語は、部分的にはグラフィックスの上に重なっており、部分的に堅実な背景にあるパラグラフと同様に、読みにくい。

悪いウェブの例ite:バミューダトライアングル

デザインが悪い例
このサイトには対照的な問題があるだけでなく、テキストが他のテキストと重なっているため、読むのがほとんど不可能です。

間違い#9:タイプミス

奇妙なタイプミスや文法の問題以上に、プロフェッショナルではないものは何も叫ばない。 完璧な人は誰もいませんが、近づいてみることができます。 友人や家族にあなたのページを見て、これらのエラーを見つけるのを手伝ったり、あなたのページを証明するためにプロのエディタを雇うように頼んでください。 以下の例は楽しいものです。 これは実際のウェブデザイン会社ではありませんが、プロの見えない会社がどのように現れているかを見てみましょう。

ヒント: 〜する方法を学ぶ あなた自身の文章で誤字や誤りを捉える.

悪いウェブの例ite:Web Tek Rocks

デザインが悪い例
1つのタイプミスは見落とされる可能性がありますが、このサイトでは、いくつかの日陰のサイトにエラーがどのようにあるかを示しています。 あなたのサイトをウェブ上に置くのを手伝ってくれる会社にとっては、あなたのサイトを構築する前に、自分のサイトで問題を修正するのに時間を費やす方が良いでしょう。 「スペシャル」はSPECAILのスペルです。 "専門知識"は "experteze"と綴られています。 彼らはオンラインであなた自身を助けるために提供します。 "私たちはできる 内蔵 あなたのサイトは誰よりも速く!

間違い#10:史上最悪のウェブサイトデザイン–説明できないほど悪い

一部のWebサイトは、本質的にデザインが非常に悪いです。 これらの不十分に設計されたウェブサイト–それはあなたのサイトをあなたの目に痛くさせる一つのことではなく、サイト上のほとんどすべてのものです。

醜い色、悪いナビゲーション、および他のアイテムの組み合わせがあるかもしれません。 幸いにも、これらのサイトはまれですが、それらを表示すると、 Studio上ではサポートされていません。 あなたのサイトを設計するときに行うこと。

悪いウェブの例ite:来世

デザインが悪い例
このサイトはひどいので、説明するのは難しいです。 まず、発作を起こしやすい人でも発作を引き起こす可能性があるため、発作を起こしやすい人はこのサイトから離れてください。 サイトはスクロールし、アニメーションや点滅するグラフィックスでいっぱいです。 その上、グラフィックスはほとんど魅力的ではなく、バンドの赤ちゃんで終わり、ギターを弾いています。 あえて訪問してください。

Lori Soardについて

Lori Soardは1996からフリーランスの作家および編集者として働いています。 彼女は英語教育の学士号とジャーナリズムの博士号を持っています。 彼女の記事は新聞、雑誌、オンラインに掲載されており、いくつかの書籍が出版されています。 1997以来、著者や中小企業向けのWebデザイナーやプロモーターとして活動してきました。 彼女は短期間で人気のある検索エンジンのウェブサイトをランキングし、数多くのクライアントのためのSEO対策を深めていました。 彼女は読者から聞き取りを楽しんでいます。

接続します。