多くの研究は、あなたのサイトに滞在するためにあなたの新しい訪問者を説得するために一秒未満を得ることを示しています。 それを想像してみてください。
あなたは今まであなたの友人とそれを共有して喜んで時間LOLあなたを作ったサイトのデザインに出くわしたことがありますか? そして私達は会社のビジネスがおかしい、またはあるウェブサイトの要素が間違っていることを意味しない。 いいえ、それは90年代から来ているように見える全体のデザインです。, それが実質的にもインスピレーションの源に悪ウェブサイトデザイントップスです。
私たちの深い研究は、その成果を負担している:あなたがウェブサイトを作るべきではない方法を示しますこれらの11の悪いウェブサイト2021
悪いウェブサイトがあなたのものではない場合(私たちは願っています、そうではありません)、AI Website Builder Webliumを試してみてください。,良いWebデザインと悪いWebデザインの間のences
- 良いナビゲーション(理解しやすい)
- 良い配色
- 視覚的に魅力的なインターフェイス
- クリーンなレイアウト
内容
ペニージュース–悪いデザインの例
ウェブサイトを訪問してください:https://www.pennyjuice.com
ペニージュースは、悪いインターフェイスデザインの例の私たちのリストの最初のものです–サイト,それは、直感的なナビゲーションであること,魅力的なデザイン,または提供される製品の明確な説明.,
あなたがウェブサイトに着陸したときにあなたが気づく最初の衝撃的なことは、鮮やかな色の厄介な虹です。 レイアウトは明確なナビゲーションを欠いている:あなたはすべてのページを下にスクロールしない限
Blinkeeウェブサイト–悪いデザイン例
ウェブサイトを訪問:https://blinkee.com
Blinkeeは輝くと点滅するものを販売することについてです-それは しかし、残念ながら、それはあなたが一目ではっきりと理解する唯一のものです。,
暗い背景で点滅するさまざまなものの概念はOKですが、実行は迷惑に過ぎません。 これらすべての製品は点滅をしようとしていく。
Blinkeeのウェブサイトを最悪のウェブサイトの一つにする他の多くの重要な問題があるので、私たちはこれらの瞬間に注意を払いたい:
- すべてがここでアニメーション化されているので、デザイン全体が発作を引き起こす可能性があります。,
- 配色は本当の問題です:黒の背景に対してテキストを読む必要があります。
- ウェブサイトのフレームも問題です:左側のフレームはテキストを囲み、右側のフレームはちょうど中空です。
あなたは右のすべての製品カテゴリを見つけることができます:あなたはそれらのいずれかをクリックすると、時にはあなたは、詳細な製品情報を持つ別のページに到達しますが、時にはあなたはかなりユーザー敵対的であるカテゴリからすべての製品を囲む別のウェブページに着陸します。,
Arngrenウェブサイト
ウェブサイトを訪問してください:http://arngren.net
一部のリソースは、同時に良いウェブサイトと悪いウェブサイトの例になることがありますが、Arngrenウェブサイトについてはそれを言うことはできません。
このノルウェーの分類されたサイトは、現代のwebデザインのすべての既存のルールを拒否します! ページの小さいスペースのために戦っていてadsが90年代に普及していたひどいイエローページを、覚えなさい。 さて、あなたは2021年に生命にもたらされた同様のデザインを見ます。,
ウェブサイトを悪いデザインカテゴリにリストする理由:
- 色の使い方が間違っています。
- ナビゲーションが悪いです。
- 小さくて混乱するタイポグラフィ。
- ビジネスについての明確なメッセージがないこと。
- 色をランダムに使用します。,
Great Dreams bad designed website
ウェブサイトを訪問してください:http://www.greatdreams.com
Great Dreamsウェブサイトは、テキストの色と背景のコンボを与え 特にテキストサイズがそれほど小さい場合。
あなたはメインページに着陸し、それは醜いデザインを反映して、その底に到達するには長すぎるとあまりにも鈍いです。 ちょうどこの奇妙なトップメッセージを見て:”最新の問題を取得するには、ページを更新してください”!,
しかし、最も重要な問題は、ウェブサイトが明確なテーマを持っていないということです。 このオールインワンサイトは、高度なオンライン百科事典のふりをするように見えます!
下にスクロールすると、webページの幅が変更されていることがわかります–これは純粋な魔法でなければなりません。 このウェブサイトのさまざまな部分の色の狂った選択もそうです。
Pacific Northwest X-Ray Inc.,
ウェブサイトを訪問してください:http://www2.pnwx.com
2021年の最も顕著な悪いウェブサイトの一つは、太平洋岸北西部はほとんど彼らのサービスが何であるかを説明していません–そしてそれは彼らが作った最初の間違いです。
ウェブサイトのテキストと背景色が矛盾しています。 アンチエイリアシングがないため、コンテンツを読むことは本当に困難であり、webページのテキストにはパディングや適切な空白がありません。
ウェブサイトを悪いデザインカテゴリにリストする理由:
- 読みやすさが悪いタイポグラフィ。,
- フォントの色がウェブサイトのデザインと一致しません。
- は適切な行動の呼び出しを欠いています。 あまりにも下部にある唯一の電話番号があります。
- フラッシュは死んでいます。
スザンヌ-コリンズの本のウェブサイト
ウェブサイトを訪問してください:http://www.suzannecollinsbooks.com
あなたはスザンヌ-コリンズの仕事が好きであっても(”ハンガーゲーム”は多くの人々を狂わせる)、あなたは彼女のウェブサイトに失望するでしょう。
最初のことは、ユーザーがコンテンツを読みやすくするためにwebページを200%にズームインする必要があることです。, ズームバックすると、すべてが画面の外側の端に移動します。 それは私たちが空白を使用することになっている方法です。
任意の本をクリックしてみてください、そして何も起こらない–それは逃した機会の最良の例です。 “Works”セクションをクリックしてみると、書籍、awards&レビューと同じ画面に着陸しますが、そこには説明はありません。
ウェブページの一番下に行くと、著者の本を購入するためのオンラインストアのリストがあります。, しかしリンクに当れば、あなたが捜す本が付いている著者のwebページで得るかわりに、店のホームページで上陸する。 もう一つの機会を逃した。
バイエルンBrathouse醜いwebデザインの例
ウェブサイトを訪問:http://bavarianbrathaus.info
あなたの最初の子供の図面を覚えていますか? 今、あなたはウェブサイト上で同様のものを見る機会があります。
このサイトのデザインは、80年代の通りの壁のように見えます!, レンガのような背景には視差効果はなく、退屈なグラフィックはバイエルンのボートハウスのウェブサイトを悪いモバイルウェブサイトの顕著な例
悪いデザインカテゴリにウェブサイトをリストする理由:
- 楽しい審美的なデザインの欠如。
- ナビゲーションが悪いです。
- 適切で明確なメッセージなしで左側のコピーでオーバーロードします。
- 会社のビジネス価値に準拠していない鈍いグラフィックス。
- CTAはありません!,
ベラ-デ-ソトの醜いウェブサイトのデザイン例
ウェブサイトを訪問する:http://www.bellads.info
あなたがウェブサイトに入るたびに、あなたはこれらの人
他に何が悪いウェブサイトのトップにこのサイトをもたらしますか? あなたが20%にズームアウトしても、あなたは下の全体の巨大な画像を見ることはありません。 メインページには非常に多くの異なるコンテンツと非常に多くの低品質の画像があり、めまいがします。,
また、ホームページは長すぎて幅が広いので、探している情報を見つけるには、水平方向と垂直方向にスクロールする必要があります。
アンティークボトルコレクターリソース
ウェブサイトを参照してください:http://www.mrbottles.com
ウェブ上で最悪のウェブサイトの一つは、アンティークボトルコレクターには多くの問題があります…
悪いデザインカテゴリにウェブサイトをリストアップする理由:
- テキストの色は常に変化し、あなたの頭の回転を作ります。,
- 画像は、順序や書式設定なしで別の場所にランダムに配置されます。
- ユーザー敵対的なナビゲーション。
- あまりにも多くのコンテンツ、あなたは本当に読みたくないです。
Patimex醜いwebデザイン
ウェブサイトをご覧ください:http://www.patimex.com
Patimexは醜いウェブサイトの私達のリストに大きな追加です–最初は、あなたがズームインとズームアウトする必要があり、彼らは常にズームアウトする必要があり、神経質なグラフィックスの多くを参照してください-彼らは常にズームアウトする必要があり、彼らは常にズームアウトする必要があり、彼らは常にズームアウトする必要があります。画面フレーム。,
ウェブサイトをbad designカテゴリにリストする理由:
- ウェブページのテキストは&でフェードインしていますが、それはこのサイトで最も悪いことではありません。
- その後、あなたはウェブページ上で再生されている音楽があることを伝える小さな音符に気づく…そして、このクレイジーなカントリーミュージックは、バーベキュー
- 脈動Patimexのロゴは、webデザイナーを謎することができます別のものです:あなたもそれをクリックできない場合、なぜロゴが注目を集めるのでしょうか?,
ウェブサイトのナビゲーションは正常に動作し、それはおそらくPatimexのウェブサイトでOKである唯一のものです。
Rudgwick Steam&郡ショー
ウェブサイトをご覧ください:http://www.rudgwicksteamshow.co.uk
この会社のサイトは、悪いウェブサイトの これはあなたが見てきたひどいデザインの最大の選択です。 ウェブサイトに着陸するとき、どこから始めるべきか分からないちょうど混乱する。,
ウェブサイトを悪いデザインカテゴリにリストする理由:
- ナビゲーション上のリンクが機能しません。
- 負のバイブを与える色のランダムな使用。
- ウェブサイトの明確な画像を欠いています。
- 大きな無意味なグラフィックス
挨拶メッセージは、明確な意味と意味を欠いています。 サイト全体がリストのように見えます!
ユーザーフレンドリーなナビゲーションや読みやすさの欠如は、あなたの悪い印象に追加されます。 ちなみに、ナビゲーションメニューのリンクは機能しません!,
タグチームの兆候–悪いウェブサイト
ウェブサイトをご覧ください:http://www.tagteamsigns.net/
イライラを感じたい場合は、このウェブサイトへようこそ。 迷惑な要素の多くはここにあります:あなたの許可なしに音楽を再生する;本当に醜いアニメーションの始まり;ロードが遅い;モバイルデバイス上で使用で
ヘッドハンターヘアスタイリング
ウェブサイトを訪問:https://www.headhunterhairstyling.com/
このウェブサイトについてひどい何ですか?,
ヘッドハンターヘアスタイリングが非常に基本的なゆっくりする負荷のようにほとんどすべてのこれらのウェブサイトからこの一覧です。 かご理解のほど、よろしくお願い重要なことは悪いサイトだけでなく、悪いデザインを担当。
まず、webサイトを技術的な面から完璧にする:javaスクリプトとフレームワークを最小限に抑え、画像を圧縮し、webコードをオーバーロードしないようにしてください。
電化回
ウェブサイトを訪問してください:http://electrifyingtimes.com/
このウェブサイトは戸口のように作られたと思います。, 出入口を設けているサイトやページの作成にランクの高い特定の検索エンジ. 彼らは悪いユーザーかつ複数の類似ページユーザの検索結果を妨げら入手できます。
Mednat.org -悪いウェブサイト
ウェブサイトを訪問します。http://www.mednat.org/
Mednat.org ウェブサイトは実際に一緒に行かない項目の寄せ集めpodgeである。 することは間違いご理解とその目的につき土地です。 そして、それは唯一の問題の一つです。,
ウェブサイトの主な問題:
- 小さなフォントサイズ、
- 構造なし(論理的なウェブサイトのセクションはありません)、
- コンテンツの壁(一つのページに20ページを埋めるのに十分なテキストが含まれています)、
- モバイル応答性なし、
- スパムテキスト(ウィキペディアへの多数のリンク)、
- 悪い使いやすさ。
どこで食べるか
ウェブサイトを訪問してください:https://www.where2eat.com/
ウェブサイトは、一貫性の欠如がユーザーエクスペリエンス, 問題は無数です
陵の車
ウェブサイトを訪問:https://www.lingscars.com/
陵の車のウェブサイトは少し奇妙に見えます。 それは所有者、夫人Ling、そして彼女の車とバイクの両方で多くのGifを含んでいます。 彼女のビジネスは、車の搾取の9ヶ月から始まる、長期的な車の賃貸料のために指向されています。 彼女は英国のために働いており、彼女は非常に人気があると思われます。 おそらく、この人気はサイトのメリットではありません。
このサイトに目を向けて、どのように見えるかを確認しましょう。, まあ、ここの配色はサイケデリックで明るいです。 これらの理由から、長い間このウェブサイトにいるのは難しいです。
私たちは認めなければならない、ナビゲーションは大丈夫です それは異なる必要なページにつながり、任意の困難を誘発しません。
問題はこれらの色とコンテンツにあります。 明るさは、テキストが読めなくなり、写真はGif、ビデオ、および製品とミックスします。 チェックこのサイト自身やその他の欠陥は、避けなければなりません。,
イェール大学アートスクール
ウェブサイトをご覧ください:http://art.yale.edu/
アートスクールのウェブサイトは、全体としてこの構造を表しています。 私たちはこのウェブサイトを見て、それといくつかの違いに気づいた:今日はあまりサイケデリックではありませんが、彼らはまだやるべき他の仕事
気にする必要があります–これらの廊下は、トンネルのように、内部に移動しています。
イェール大学のポストここでは、将来の展示会のための発表、その教授や学生の成果など。,
ウェブサイトには、サインインフォームとイェール大学のイベントのカレンダーが含まれています。 これは、学生や芸術に興味があり、任意の議論に参加したい人のために便利です。
左側には、特定のセクションを持つナビゲーションバーが見えます。 これらのページのそれぞれには、背景にGifとフレーム内のテキストが含まれています異なる色の私。
ウェブサイトにはセキュリティ証明書(リンクで始まるhttps)はありませんが、教員の学生の個人データを収集します(リストは現在の学生タブにあり, また、それはあなたが教員のニュースにサインインすることができ、再びあなたのデータは保護されていません。
レスポンシブデザインも欠けています。 の学生との闘いでこのウェブサイトを利用モバイル機器やタブレットです。
EFW
ウェブサイトを訪問してください。http://www.everyfuckingwebsite.com/
このワンページのウェブサイトは、ウェブサイト上のスペースを整理するための通常の、受け入れられる、標準的な方法を批判し、笑うように設計されています。
ウェルカムブロック、about usセクション、追加情報、およびサインアップフォームが含まれています。, これらは販売、広告、有価証券のウェブサイト、等のようなあらゆる目的のためのウェブサイトのための最低の内容、
正直言って、このウェブサイトは本当に重大な欠陥を持っていない、それはワンページャであり、それは補助としてナビゲーションバーが含まれているので、そのナビゲーションは完璧です。 また、ソーシャルネットワークボタンが含まれています。
別の一方で、このウェブサイトは、ウェブサイトの構築プロセスと要件に所有者の位置を表します。 このようにして指名しの悪いサイトでのみお客様の想い:)注意しなくてはならない。,
予算はセクシーです
ウェブサイトを訪問してください:http://www.budgetsaresexy.com/
このウェブサイトはokに見えます。 私たちのリストの他の人のように、それほど悪くはありません。 しかし、それは私たちがあなたの顧客/クライアント/読者との長いと成功した相互作用のための良いウェブサイトを着陸するために重要であると
悪いデザインカテゴリの指名の理由:配色にいくつかの変更を適用する必要がありますが、今では単調に見えますが、ボタンの背景はテキストの色,
ナビゲーション:経験豊富なユーザーのみのための簡単。 初心者のために、ウェブサイトの構造は直感的ではありません
雑誌の灰色のロゴは、アウト*オブ*ワークUrlのように見えます
応答デザイン-いいえ。
未来の歴史家
ウェブサイトを訪問してください:http://www.historianofthefuture.com/
この暗いが明るいウェブサイトを見てください。 多分、未来のこの歴史家は、最も近い将来にウェブデザインの新しいファッションを予測しています。 今のところ、これは注意を離れてオンにするので。, 酸性の色、看板、Gif、および低品質の写真は、実際には互いに接続されていません。 彼らは訪問者の目をそらすだけです。
ウェブサイトは、デスクトップ画面にも適応されていない、それは右に無料の黒いスペースを残しますが、歴史家の個人的な成果でページに移動すると、もう少しそれをいっぱいにします。
このウェブサイトを調査し、あなたを最も刺激するものをチェックしたり、あなたのページに皮肉な使用のためのいくつかの機能を見つけること,
いくつかの問題に名前を付けるには:
- 矛盾したフォントサイズとスタイル、
- 画像とテキストが単に一致しないひどく開発されたカラーパレット、
- ビジュアルは90年代のwebデザインを思い出させる、
- ナビゲーションの問題–他のページに到達するのに多くの労力がかかる、
- 無関係なアイテムのリスト–料理の種類は利点と設備と混合され、実際には一緒に行かないが、
- 訪問者はページ上で何をすべきかを知らないので、
- 適切な最初の画面やカバーがないので、ウェブサイトが何のためのものであるかを理解しません。,
あなたの時間とお金を無駄に停止:Weblium日曜大工のためのあなたのウェブサイトビルダーを使用して、あなたのビジネスのための が取れることに驚かれるでしょう、新しいウェブサイトビルダー第5世代!
無料ホームページビルダー
無料ホームページにテンプレート