最も一般的なWebデザインの間違い–Webサイトの棺

公開: 2017-02-25

毎日多くのウェブサイトが多くのデザインコンセプトで公開されており、これまでに見た中で最高のデザインのいくつかに遭遇しますが、一方で、そのウェブサイトの棺桶であることが証明されている非常にばかげたデザインのウェブサイトに出くわすこともあります。その特定のウェブサイトに新しい訪問者が来ると、自分自身が失われ、そのようなデザインのウェブサイトを放棄することになります。それで、今大きな問題は、私たちがどのように私たちのウェブサイトをデザインすべきか、あるいはウェブデザイナーが犯す最も一般的なウェブデザインの間違いは何ですか？

ウェブサイトを構築することは困難な場合がありますが、本当の課題はそれを使用可能にすることにあります。問題は、ほとんどのWebデザイナーが、Webサイトが自分たちのために作成されたのではなく、ユーザーのニーズを解決するために作成されたことを忘れていることです。それらは、実用性と使いやすさよりも創造性を優先します。

いくつか見てみましょう、

最も一般的なWebデザインの間違い

私たちが見たかもしれないし見なかったかもしれない多くの間違いの中から、Webデザイナーが犯す最も大げさな間違いについて話します。

＃1検索ボックスを検索する

Webは情報のアーカイブのようなものです。それが企業のウェブサイトであろうと単なるブログであろうと、検索ボックスは不可欠です。訪問者は、検索ボックスを使用してWebサイト内に隠されているものを探している可能性があります。おそらく、訪問者は必要なものを手に入れることができます。

提案： Googleカスタム検索は、始めるためのきちんとした、シンプルで効果的な方法です。これにより、訪問者は効率的な方法でサイトを検索できます。コントロールパネルからHTMLコードをコピーして、Webサイトに貼り付けるだけで、Webサイトに検索機能が追加されます。

＃2読みやすさと不明瞭さの悪さ

これはウェブデザインの重要な要素です。もちろん、優れたインターフェース設計はユーザーの注意を引くでしょうが、ユーザーは自分が望む情報を把握できるようにテキストを読む必要があります。一部のWebサイトでは、最も奇妙なフォントスタイルとサイズを使用しているため、読むのが面倒です。

提案：幸いなことに、Webサイトでのユーザーの読書体験を向上させるためにできる簡単な方法があります。

ほとんどの主要なサイトの配色を比較し、色が読みやすさをどのように改善するかに注目してください。さまざまな配色を試すのに適した場所は、 AdobeKulerです。
ウェブ上で簡単に読むことができるので、サンセリフ書体を使用してください

＃3雑然としたコンテンツレイアウト

Webサイトのコンテンツは、Webサイトへのトラフィックを促進するものです。 コンテンツがどのように構成されているかが、コンテンツを成功または失敗させるものです。ユーザーは絶対に必要な場合を除いて読むことはありませんが、情報をスキャンしてWebページ上の興味のあるポイントを選択します。一部のデザイナーは、Webページにテキストのブロックを配置し、見出し、小見出し、箇条書き、キーワード、段落などを完全に無視します。

ユーザーが自分の居場所を正確に把握できるように、各Webページに適切なページタイトルを使用してください。一部のデザイナーは、Webページに名前を付けることさえ忘れています。

全体として、このカテゴリで最悪なのは、Webサイトに不正確、アクセスできない、重要でない、または古くなったコンテンツを配置することです。コンテンツは、Webサイトの全体的なテーマと一致し、有用である必要があります。ページが作成中の場合、なぜわざわざページを表示するのですか？設計者が本当に必要な場合、それは一時的なものであり、3週間は一時的なものとは見なされなくなります。

提案：ページのデザインを作成するときは、HTMLとCSSを使用してWebサイトのコンテンツを整理する必要があります。

余白を使用して、テキストと画像の間に十分な空白を作成します。
更新して一貫性を保つ。更新の目的は、新しいコンテンツを追加するだけでなく、過去の間違いを見つけて修正することです。

＃4ナビゲーションの問題

Webサイト内のナビゲーションはシームレスである必要があります。 ユーザーは自分の道を簡単に見つけることができるはずです。 Webサイト内のナビゲーションの標準はありませんが、特に新しいWeb開発テクノロジーが登場するにつれて、ナビゲーションは直感的で一貫性のあるものでなければならないことを理解することが不可欠です。

テキストをナビゲーションとして使用する場合は、簡潔にする必要があります。視覚的な比喩は再発明されるべきではありません。ハイパーリンクを使用する場合は、テキストの本文から目立つようにする必要があります。デッドリンクは、どのWebページにも配置されるべきではありません。これにより、ユーザーの混乱が増し、時間が無駄になります。さらに悪いのは、ホームページにリンクしているリンクがホームページにあることです。

提案：

すべてのリンクにテキストによる説明を使用して、ナビゲーションをスムーズにします。画像の代替テキストを提供します。 FlashまたはJavascriptリンクに代替のテキスト記述手法を使用します。
Webサイトのテーマと連携して、ナビゲーションを整理および構成します。個人のWebサイトは、より創造的でありながらアクセスしやすいものにする余裕がありますが、ビジネスのWebサイトには、より効率的で明確なものが必要です。

ユーザーが3回のクリックで必要なものを見つけられない場合、ほとんどのユーザーはすぐに離れることを忘れないでください。

＃5不均一なインターフェース計画

過度の創造性はまさにそれである可能性があります。過剰！一部のデザイナーは、Webサイト内のWebページごとに異なるデザインを作成することにより、Webサイトを作成するときにそれを別のレベルに引き上げます。これは決してユーザーを混乱させるものではありません。そして、まったく迷惑です。 Webサイトがどれほど優れていて魅力的であっても、全体的なルックアンドフィールが一貫していない場合、ユーザーはWebサイトに関連することができず、制御性が低下します。したがって、彼らが到着するとすぐに出発します。

提案：

サイトのメインセクションへのリンクを含むすべてのページに、標準の一貫性のあるテンプレートを使用します。
キーワードはシンプルです。審美的にシンプルなデザインを作成し、ユーザーがWebサイトで混乱することはありません。

＃6無反応

水平方向にスクロールしなければならないWebサイトにアクセスしたことは間違いありません。これは、現代のWebデザインでは絶対にノーノーです。優れたデザイナーは、ほとんどの画面サイズに適合するWebサイトを開発します。現在、Webサイト用に最適化されているレイアウトは、1024x768ピクセルです。

提案：特に訪問者が携帯電話やネットブックからサーフィンをしている場合、すべての解像度に合うようにデザインを提供することは困難でほとんど不可能ですが、次の方法で一般的に使用される画面解像度を大まかに知ることができます。

統計を確認する– Google Analyticsなどの分析サービスは、使用しているモニターの解像度に関する情報を提供します。これらは、次の改良を開始する前に知っておくべき有用な情報です。
W3 Schoolsブラウザの統計– W3 Schoolsは、ネチズンが使用する最も人気のあるブラウザの明確なリストを提供し、人気に応じて並べ替えます。他にも興味深く重要な統計があります。

＃7複雑な登録フォーム

登録フォームには注意が必要です。 ユーザーからどのくらいの情報が必要ですか？ユーザーがあなたのウェブサイトに登録するために無数の詳細を入力しなければならなかった時代は終わりました。一部のWebサイトでは、ほとんどの登録フィールドが必須であり、ユーザーが数回試行した後にイライラする程度までフィールドを検証します。ユーザーは、情報を取得するためにWebサイトにアクセスすることを忘れないでください。逆ではありません。

Someecardのシンプルなフォームにより、登録が簡単になります。

提案： Web上のコミュニティ間で登録フォームを比較し、登録プロセス中にユーザーに必要な基本情報を理解してください。

詳細： Webデザインにおける9つの一般的なユーザビリティの間違い– Smashing Magazineのこの投稿では、他のユーザビリティの間違いの中でも特に登録フォームについて詳しく説明しています。

＃8ウェブサイト上の欺瞞的な画像

Webページ上の画像が多すぎると、大きな効果があります。 画像はユーザーの注意を引くために使用できますが、気が散ったり、単に悪化したりすることもあります。必要に応じて、画像を使用してユーザーを説明およびガイドする必要があります。

アニメーションは素晴らしく、強力なメディアです。特に適切に使用された場合。それがサイクルであるか、Webページで多すぎる場合、それはユーザーの神経をとがらせます。ユーザーには忍耐力、時間、リソースがないため、デザイナーは代替手段を提供する必要があります。フルページアニメーションの場合は、スキップボタンを使用する必要があります。

詳細：フラッシュ：99％悪い–フラッシュを適切に使用してください。 Jakob Nielsenがこの記事を公開してからほぼ10年が経ちましたが、Flashの使いやすさ、特にBreaksWebFundamentalsの部分には依然として関連性があります。

＃9乱雑なページ、より多くの空白スペース

あまりにも多くの設計者が空白とその重要性を忘れています。彼らは彼ら自身のデザインの創造性に夢中になっているので、それが彼らのことではないことを忘れています。したがって、彼らは1つのページにできるだけ多く詰め込もうとします。最終結果？忙しく、雑然としていて、読めないページ。

kylestandingは、デザインで空白をうまく利用しています。

Webデザインにおける空白の重要性についての良いアイデアを提供するいくつかの記事があります：

4つのホワイトスペースレイアウトの比較
ホワイトスペースの価値
ホワイトスペース

＃10バックグラウンドミュージック、巨大な後退

ユーザーはクールを望んでおらず、効率を求めています。 そして、はい、99パーセントはあなたのウェブサイトの音楽を気にしません。一部のデザイナーは、すべてのWebページに異なるバックグラウンドミュージックを配置することでさらに悪化させています。

提案：バックグラウンドミュージックは使用しないでください。ただし、必要に応じて、コードとユーザーコントロールのフレームを作成してください。これにより、Webサイト内に新しいページが読み込まれるたびに音楽が変化するのではなく、音楽が継続的にループします。また、ユーザーはいつでも停止または一時停止できます。

ラップアップ

KISSは肝心な点です。つまり、Keep It Simple、Stupidです。そして、それは実際に人々がウェブサイトで最も好きなものです、それが単純であるならば、それは簡単に使用できます。

あなたが一般的なウェブデザインの間違いについて多くの洞察を得たことを願っています。

間違いがあると、インスピレーションも得られるので、Webデザインのトレンドトップ10とサイトに簡単にアクセスできるようにするためのいくつかの方法を読むことを忘れないでください。