10最悪のウェブサイトデザインミス

書かれた記事:
  • ウェブサイトのデザイン
  • 更新:Aug 03、2017

あなたが地元のコミュニティカレッジでコースを受講したかどうか、 長年のサイト設計、またはあなたが行くにつれて素人学習、訪問者が彼のサイトで時間を過ごすのを楽しんでほしい場合、Webデザイナーが避けるべきいくつかのものがあります。

あなたはたぶん、ウェブサイトを参照して "粘着性"という言葉を聞いたことがあります。

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

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

間違い#1:色のびびら

あなたの目や色を傷つける色がとても明るいので、互いに衝突すると、サイト訪問者はウェブページから逃げ出したいことがあります。 あなたのウェブサイトのテーマを計画するときは、互いに補完する色を選んでみてください。 黄色はほとんどアクセントとして見えるが、メインカラーとしてはほとんど機能しない。 虹色のすべての色を使用することはめったに良い考えではありません。

サイトタイトル:Moradito

デザインが悪い例

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

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

グラフィックスを使ってウェブページを乱雑にすると、2つの異なることが起こります。 まず、ページがビジーになり、訪問者はどこをクリックするか、最初に見たいものがわからないことがあります。 第2に、ブラウザのインターネット接続が遅い場合、ページの読み込みに時間がかかることがあります。 30秒後、ほとんどの人は出発して別のサイトに移動します。 私たちはすべてが即時である時代に生きています。 最初の数秒で顧客の注意を掴んでいないと、彼女を失う危険があります。

サイトのタイトル:Pine-Sol

デザインが悪い例

このサイトにはあまりにも多くのグラフィックがあり、ちょっと混乱しています。

数多くのグラフィックスの上に、画像はページ全体に移動するので、訪問者が画像の1つをクリックしたとしても、マウスでそれらを追う必要があります。

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

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

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

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

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

サイトのタイトル:私の博物館

デザインが悪い例

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

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

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

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

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

サイトのタイトル:Hemmy.net

デザインが悪い例

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

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

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

サイトのタイトル:Peter's Buses

デザインが悪い例

このページのグラフィックにはいくつかの問題があります。

まず、透明な背景ではなく白いバスがあり、それはページにちょうど打ち倒され、素人です。 右側の2枚の写真は、比率が維持されずに引き伸ばされ、サイズが変更されたため、問題があります。 写真が見えて、右の人物がひっくり返って見えて、Lilliputの土地で巨人になるかもしれない。

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

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

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

サイトタイトル:Cyber​​ D-Sign Clan

デザインが悪い例

デザインが悪い例

このデザインはとてもシンプルで、Microsoftの基本的なパターンの背景とWord Artとしてすぐに認識されます。

デザイナーは、MSが始まる標準的なデザインから言葉の色を変えさえしていない。 その上に、ポップアップページが読み込もうとします。 イントロをスキップしてメインページをクリックするとデザインが改善された場合、これは見落とされる可能性があります。 しかし、リンクされたページ(以下)のデザインは、まるで期待外れです。

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

ウェブサイトが視覚的に魅力的なデザインを持っていても、訪問者は不満を募らせ、悪いナビゲーションを残すことがあります。 たとえば、明確なリンクがないサイトや、どこに行くかを決めることが困難なアイテムが多いサイトなどです。 多くのウェブサイト所有者が直面する1つの問題は、急激に大きくなっている小さなサイトです。 サイトに5ページあるときに機能するナビゲーションは、サイトに500ページがある場合は機能しません。 どのようにサイトを再構築し、カテゴリやサブカテゴリに再構成することができるかを見て、訪問者がどこに行きたいかを正確に理解できるようにします。 また、検索ボックスを追加することも賢明です。

サイトタイトル:LawnSignDirectory.com

デザインが悪い例

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

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

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

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

サイトタイトル:バミューダトライアングル

デザインが悪い例

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

間違い#9:タイプミス

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

サイトタイトル:Web Tek Rocks

デザインが悪い例

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

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

間違い#10:あなたがそれを説明できないほど悪い

いくつかのウェブサイトは本質的に設計上の悪いものです。 時にはサイトをあなたの目に痛めつけるものではありませんが、サイト上のすべてのものはほとんどありません。

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

サイトタイトル:Afterlife

デザインが悪い例

このサイトは非常に恐ろしいので説明するのは難しいです。 まず、発作を起こしやすい人は、発作の起こりそうもない人でも発作を引き起こす可能性があるため、このサイトから離れるべきです。 サイトがスクロールし、アニメーションで点滅するグラフィックで満たされます。 その上に、グラフィックスはほとんどの場合魅力的ではなく、ギターを弾いているバンダナの赤ちゃんで終わります。 あなたが勇気づけるなら訪問。

Lori Soardについて

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

接続します。