この投稿もともと登場したのはアメリカン・エキスプレス・オープン・フォーラムここでは、Mashable が中小企業におけるソーシャル メディアとテクノロジーの活用に関する記事を定期的に寄稿しています。
クレジット：
潜在的な顧客は、特にそのコンテンツを求めてサイトを訪問します。つまり、サイトの成功と、それらのユーザーがあなたの会社をどう見るかにとって、その外観と使いやすさが重要です。ただし、Web デザインを間違えると、ビジネスに悪影響を及ぼす可能性があります。
優れたユーザー エクスペリエンスを作成し、収益を向上させるために避けるべき、Web デザインでよくある 5 つの間違いを紹介します。
1. ナビゲーションが悪い
クレジット：
多くの中小企業が利益を上げられないナビゲーションを優先する, しかし、ユーザーがサイトをどのようにナビゲートするかに細心の注意を払わなければ、潜在的な訪問者にとって意図せずイライラするようなエクスペリエンスを生み出してしまう可能性があります。人々は特定の情報を求めてあなたのサイトを訪れますが、それが見つからないとすぐに他のところに行ってしまい、あなたのビジネスが Web サイトだけでなく組織化されていないという印象を与えてしまいます。
優れたナビゲーション構造はシームレスである必要があり、訪問者をサイトに長く留まらせることができます。つまり、主な目的である読者、購読者、売上、見込み客が増える可能性があります。
ウェブサイトのナビゲーションは使いやすさとアクセシビリティの両方に影響を与えるため、それを最優先事項とすることが重要です。ほとんどの Web サイトやブログでは、平均的な訪問者が期待する一般的なナビゲーション手法が使用されています。サイトのページとセクションは、訪問者にとって操作が簡単かつ論理的である必要があります。訪問者にサイトの移動方法について考えさせないでください。それは楽で自然なものでなければなりません。
効果的なナビゲーション構造を作成するには、いくつかの原則に従うことができます。
アイコンを使用してナビゲーションを支援します。どちらも視覚的に魅力的であり、使いやすく、理解しやすいものです。
関連リンクの論理グループを作成します。最も重要なリンクはトップレベルのナビゲーション バーに配置し、機能 (ダッシュボード、アカウント、設定など) および法的 (著作権、プライバシー、規約) のリンクは別の場所に配置します。
位置情報を提供して、ユーザーが特定のページのどこにいるのか、Web サイトの別の領域に進む方法を把握できるようにします。これは次を使用して実現できますブレッドクラムナビゲーション。
2.明確な行動喚起がない
クレジット：
多くの中小企業 Web サイトの根本的な間違いは、明確な行動喚起。説明文が延々と続くだけの、当たり障りのない中小企業向けパンフレット Web サイトを見たことがあるでしょう。ユーザーをアクション (製品の購入、連絡、購読など) に誘導しなければ、ユーザーを失うことになります。
Web サイトへのトラフィックを誘導することは重要ですが、主な行動喚起がテキストの海に埋もれた単純な「ここをクリック」リンクである場合、そのトラフィックは役に立ちません。 CTA ボタンはユーザーの注意を引く優れた方法であり、これらのボタンがコンバージョン率を高める鍵となります。成功する行動喚起の作成に時間と配慮を投資することは、独自のビジネス目標を達成しながら、ユーザーをガイドし、ユーザーのニーズに対処するのに役立ちます。
最適な行動喚起を作成するときは、次のベスト プラクティスを念頭に置くことが重要です。
行動喚起のデザインは 4 つの単純な要素に分類できます。大きさ、形、色、位置。それぞれの要素は、行動喚起がユーザーを導く上でどれだけ効果的であるかを決定する上で重要な役割を果たします。
ユーザーに作業や考えさせないでください、さもなければ彼らは去ります。それは彼らが賢くないのではなく、検索に不必要な時間を費やすことなく、すぐに情報にアクセスしたいと考えているのです。
すべてのページに複数の競合する行動喚起を入れすぎないでください。主なターゲットを決めてから、ページごとに明確な目標を定義します。あなたのコンテンツは、「それが私にとって何の役に立つのか？」という問いに答えるものであるべきです。これで、あなたの行動喚起は「今何をすればいいですか?」という答えになるはずです。
3. 色とコントラスト
クレジット：
色と対比中小企業の経営者が Web サイトを作成する際、これらは通常、優先リストの上位にはありません。しかし、Web サイトのテキストが背景と比較して十分なコントラストを持たない場合、特に視力の弱い人や障害のある人はコンテンツを読むことが難しくなります。色覚異常。
分かりやすい読みやすさとは別に、色とコントラストは視覚的な興味を生み出し、ユーザーの注意を引くために使用できるため重要です。これは、ページのフローと階層を整理して定義する場合にも同様に効果的であるため、デザイン プロセス中に注意を払う必要がある重要な原則です。以下にいくつかのヒントを示します。
無料のカラーコントラストツール(一般に認められた標準に準拠しています) ウェブサイトのコントラストがどの程度測定されているかを簡単に確認できます。
主要なサイトが読みやすさを向上させ、特定のセクションを強調表示するために色とコントラストをどのように使用しているかを調査し、この知識を使用して実験を行います。配色。
コントラストを高める最良の方法の 1 つは、要素間にサイズの差を設け、一部のものを他のものよりも大きく見せることです。これは、最小限の配色内で特にうまく機能し、必ずしも色に依存する必要がないことを意味します。
4. 内容、内容、内容
クレジット：
人々はコンテンツを求めて Web サイトにアクセスしますが、その構成が成功または失敗の大きな要因となります。残念ながら、圧倒的な数の中小企業がユーザーに情報を過剰に提供することに夢中になり、その情報がどのように表示されるかを見落としています。
ほとんどの人は、絶対に必要な場合以外は本を読まず、情報に素早く目を通し、興味のあるポイントに到達することを好みます。だからこそ、強力なビジュアルを確立することが非常に重要ですコンテンツ階層そのため、ユーザーはサイトをすばやくスキャンして、関連情報をふるい分けることができます。論理的なコンテンツ階層は各ページのガイドとしても機能し、より楽しいユーザー エクスペリエンスを生み出します。
したがって、コンテンツに焦点を当てるときは、次の 3 つのヒントに留意するのが最善です。
空白はおそらく考慮すべき最も重要な要素です。これにより、ユーザーは各セクション内の有意義なコンテンツに集中できるようになります。
見出し、小見出し、箇条書き、ブロック引用、段落を利用して、長い情報を理解しやすいテキストのブロックに分割します。
読みやすいコンテンツは重要であるため、コンテンツをスキャンできる程度に十分な高さの適切な行の高さを使用してください。余白や文字間隔も考慮する必要があります。
内容について話すとき、スペルと文法過小評価することはできません。
5. 乱雑
クレジット：
私たちは皆、ことわざのキッチン シンク以外のすべてが含まれているように見える中小企業の Web サイトを少なくとも 1 つ知っています。中小企業の経営者の多くは、1 つのページにできる限り多くの情報を詰め込む傾向があります。最終的には、忙しくて乱雑で読みにくいページになってしまいます。
Web ページ上に無関係な項目が多ければ多いほど、Web ページは専門的ではないように見え、ユーザーにとって圧倒され、混乱し、気が散ってしまいます。 Web サイトが乱雑であると、訪問者がコンテンツを理解できない、または理解できない場合には戻ってこないため、トラフィックにも影響します。その結果、トラフィックが減少し、直帰率が高くなり、ページ ランクが低下する可能性があります。
乱雑画像にも当てはまります。多すぎると、気が散ってしまい、単に迷惑になる可能性があります。画像は、必要に応じてユーザーを説明し、注意を引き、ガイドするために使用する必要があります。
訪問者エクスペリエンスをより合理化するには、次のガイドラインに従ってください。
各ページのすべての項目に挑戦し、「それは本当にそこにある必要があるのか? それは特定の目的に役立つのか? それがなくても生きていけるのか?」と自問してください。
重要なのは、訪問者が探している情報を見つけやすくすることなので、コンテンツ、広告、プロモーションの領域を区別するようにしてください。
コンテンツに優先順位を付け、訪問者や潜在顧客にとって何が最も重要かを判断し、それをうまく販売しましょう。
どんなに優れたコンテンツであっても、言葉やグラフィックがごちゃ混ぜになって埋もれてしまう可能性があるため、整理整頓は不可欠です。
これらは、多くの中小企業が犯す Web デザインの 5 つの間違いにすぎません。中小企業の Web サイトで他にどのような間違いに気づきましたか?
クレジット：