悪いウェブサイトのデザインの5例とそれをより良くする方法
ウェブサイトのデザインは、ユーザーエクスペリエンスに直接影響します。, 不完全に設計されていた場所はプロダクトを買うか、または郵送のリストを結合することのような行為を、完了するために訪問者を得て本当らしく
実際には、ページがゆっくり読み込まれたり、ナビゲートするのが難しい場合、訪問者の95%が数秒以内に離れます。
コンバージョンの増加や直帰率の低下など、webページから必要な結果が得られない場合は、デザインを評価します。
ここに私達が他のウェブサイトでつかまえた少数の間違いはある。 をしないようにして繰り返しこれらの例の悪いサイトのデザイン。
悪いウェブサイトのデザインはどのように見えますか?,
平均的なビジネス所有者は、良いと悪いwebデザインの違いを理解していないかもしれないので、多くのウェブサイトがひどく非効率的なデザ
デザイントレンドは絶えず変化しますが、ウェブサイトの基本的なコンポーネントは普遍的なままです。
- ナビゲーションに従うのが簡単
- クリーンなレイアウト
- 互換性
- 業界に適したデザイン
ユーザーは、ウェブサイト内のページを見つける方法を推測する必要はありません。 かを明確に、簡単なメニュー、カーナビのが特徴です。,
クリーンなレイアウトもお勧めです。 ページが情報、グラフィックス、およびビデオで混雑している場合、読み込みに時間がかかり、読みにくくなります。
ほとんどのサイトでは、ユーザーの画面のサイズに合わせたレスポンシブデザインを使用しているため、互換性はあまり問題になりません。 しかし、徹底的な試験が必要となる要素負荷を適切に異なる。
誰もが自分の好みを持っているので、ウェブサイトの視覚的な外観は主観的な詳細です。 それにもかかわらず、企業から適切である設計を必要とする。, 例えば、派手なグラフィックが葬儀場のための場所で働かないかもしれない間、党レンタル店のための場所で働くかもしれない。
私たちは最悪のウェブサイトのデザインの間違いを確認するようにこれを念頭に置いて
明確なメッセージのないウェブサイト
あなたが作ることができる最悪のデザインミスの一つは、あなたのウェブサイトの目的に関連する明確 ユーザーは、ビジネスの名前と販売するものを即座に知る必要があります。
たとえば、最初に3Dメールボックスにアクセスすると、何を見ているのかを理解するのに数秒かかります。, それはある種の電子メールソフトのためのwebページのようです。 ソフトウェアがゲーム、スクリーンセーバー、または電子メールクライアントであるかど
サイトCyberDsignClanは、明確なメッセージのないウェブサイトの別の例です。 読む大きいグラフィックを単に見る、”スキップのイントロ。”ページをクリックした後、3Dメールボックスと同じくらい混乱している実際のホームページのロード。
どちらのサイトにも明確なメッセージがありません。 製品の詳細については、訪問者はページをスクロールするか、他のリンクをクリックする必要があります。,
されているすべてのページの前にユーザーインターフェースがスクロールされ、上記はありません。 これを”ヒーロー部”と呼びます。”これは、ビジネスの名前と、彼らが販売するものに関するいくつかの表示が含まれるべき領域です。 ページの上部には何らかのナビゲーションも提供する必要があります。
ウェブサイトの訪問者は、一瞬の内にビジネスについての意見を形成します。 ユーザーがページをスクロールして会社が何をしているかを調べる必要がある場合、ページを離れる可能性があります。,
あまりにも多くの要素がページを乱雑に
明確なメッセージのほかに、サイトは明確なレイアウトを持っている必要があります。 ページが雑然としていると、訪問者が去る原因となり、ナビゲートするのが難しくなります。
Arngren.net 悪いデザインの良い例です。 この類のwebサイト内に掲載されない構造です。 物件なカテゴリーに分けて組み合わせてつくってジグソーパズルのよう.
別の例については、Lings Carsを参照してください。, 当サイトは中古車が多くの異なる要素まで見逃の目的のサイトです。 デザイナー付の少なくとも半数十アニメの要素の上に折り、非常にハードにゲートを行っていただきます。
ページを乱雑にすることなく、多くのコンテンツを表示することが可能です。 複数の製品を備えた優れたwebデザインの例については、AmazonまたはAliExpressを見てください。 どちらのサイトに含まれることのないスクロール製品のものが主催するグリッドの代わりにスローされたようなモザイク.,
リンクの寄せ集めが付いているページを雑然とさせること以外、ある場所はポップアップ、浮遊ads、自動ローディングのビデオ、および訪問者をそらす他の要素と雑然としている。
モバイル最適化のないページ
米国のほとんどのインターネットトラフィックは現在、モバイルデバイスから来ていますが、多くのウェブサイトはまだ の場合はホームページの内容が最適化され、モバイル機器のほとんどの訪問者を取得しませんの良いユーザー体験です。,
多くのサイトには、webページがユーザーのデバイスの画面幅に基づいて要素を調整できるレスポンシブデザインが含まれています。 当サイトが非表示素子、フォントを変更、削除を背景が小さい画面に検出します。
これらの詳細は、サイトが任意のデバイス上で動作するようにします。 ながら対応型のデザインは共通ではありますが、まだまだ多くの他のサー読モバイルデバイス
すでに説明したほとんどすべての例にはレスポンシブデザインがありません。 Deque大学は非応答のwebデザインの例を持っています。,
ウェブブラウザでこれを読んでいる場合は、サイトにアクセスしてブラウザの幅を調整してみてください。 としてのブラウザのウィンドウが小さくなると、ページが変更されない限りにおいて、レイアウト。 右にスクロールしないとテキストが読めなくなります。
レスポンシブwebデザインの例を見たい場合は、NikeやMicrosoftなどの大手企業が所有するほぼすべてのwebサイトを参照してください。
単純なナビゲーションとリンクの欠如
ユーザーがサイトにアクセスすると、メニューを閲覧して必要な情報を見つけることに問題はありません。, 先端技術大学の公式ウェブサイトでは、ページの上部には浮遊グラフィックを含む大きなアニメーションディスプレイが覆われています。
フローティンググラフィックスは、クリックが困難でページの読み込み速度が遅くなるクリック可能なリンクです。 これは非常に革新的ですが、ナビゲートすることを困難にせずにウェブサイトを設計する他の創造的な方法があります。 これらのフローティング要素をリンクとして使用する代わりに、先進技術大学は開いて閲覧しやすいメニューを作成することに焦点を当てているはず,
最後に、視差スクロールと埋め込まれたビデオ要素を含む多くのサイトがあり、ページを圧倒し、そのナビゲーション性を制限しません。
読めないテキストまたはクリックできないボタン
webブラウザの要求により、以前のサイトのメニューはほとんどクリックできません。 この場合の問題点は最適化されています。 要素が小さい画面に合わせて調整されない場合、要素が重なったり、読み取るには小さすぎることがあります。,
ウェブサイトを起動する前に詳細なテストを完了すると、この問題を回避するのは簡単です。 用のエミュレータやソフトウェア見習うサイトが表示される各種モバイルデバイスを含む最新のスマートフォンやタブレット端末
あなたのウェブサイトのための悪いデザインを避ける方法
議論された例は、あなたが探すべきものを知っているので、避けるのが比較 しかし、実施に必要な変更が必要なノウハウになっています。, でWANDRくの経験豊富なUXのデザイナーを把握しているかをユーザー体験です。
あなたのサイトに議論されている悪いデザイン例が含まれていないことを確認したい場合は、専門家と協力することを検討してください。