21 の一般的なユーザー インターフェイス (UI) の設計ミスで、ビジネスに多大なコストがかかっています

今日の消費者は、特にデジタルの世界になると、これまで以上に要求が厳しくなっています。 彼らは、ウェブサイトをブラウジングすると数秒で読み込まれ、厳しい基準を満たさないものを見つけた場合に目玉で投票する、魅力的に設計された直感的なインターフェイスを期待しています.

実際、幅広い業界で収集された統計は、次のことを示唆しています。

• 訪問者の 38% は、基本的なレイアウトやコンテンツが魅力的でないと感じた場合、Web サイトを離れます
• 47% の人は、Web ページが 2 秒以内に読み込まれることを期待しています。
• 大多数 (95%) の人々は、Web サイトの最も重要な要素はユーザー エクスペリエンス (UX) であると考えています。 と
• Web デザインの品質が低下すると、94% の人が Web サイトを完全に信頼または使用しなくなります。

Web サイトをオンライン マーケティング戦略の不可欠な要素と見なしている多くの企業は、貧弱な UI デザインがページ ビュー、クリックスルー、コンバージョン率の面で大きな損失をもたらしている可能性があることに気付いていない可能性があります。

UIデザインでよくある21の間違い

＃1。 雑然としたレイアウト

ユーザーは、あまりにも雑然とした Web サイトを非常にイライラさせます。 彼らは視覚的な秩序を欠いており、最も重要な要素が何であるか、どこに注意を向けるべきかを理解するのに苦労しているため、人々を圧倒する可能性があります. 通常、Web サイトのページは、次の場合に散らかっているように感じられます。

• 画面上のコンテンツ (特にテキスト) が多すぎます。
• コンテンツの表示方法に論理や順序がないように見えます。 と
• ビジュアル デザインが魅力的でない、または色とフォントがあまりにも激しく衝突している。

【ツイート「Webデザインはレイアウトを綺麗にするだけではありません。 ビジネスの背後にあるマーケティングの課題を理解することです。 ―モハメド・サード””]

ページのどこで何を探すべきかがわからないため、訪問者は方向転換してしまい、売り上げの損失やコンバージョンの可能性を失う可能性があります。

「私がよく目にする間違いは、設計段階で本物のコンテンツを使用しないことです。 テキスト (例として) は現代のデザインで重要な役割を果たしますが、製品がリリースされると、完璧なテキストの例は実際のコンテンツに置き換えられます。 ここで調和が終わり、さまざまな問題が発生します: 収まりきらない長い文章、位置合わせされていないラベル、行間のギャップ、ごちゃごちゃ (ローカリゼーションの課題に入る前のことです)。」
– Gil Bouhnick は、Missbeez の CTO 兼共同創設者であり、Mobile Spoon の所有者です。 Twitter @GilBohnick で彼をフォローしてください

＃2。 招待を取り消す CTA (行動を促すフレーズ)

ほぼ間違いなく、CTA (Call to Action) ボタンはランディング ページで最も重要な要素です。 それらは、ウェブサイトへのランダムな訪問者を潜在的なクライアントに変換するデバイスです. したがって、製品ページ、ショッピング カート、またはチェックアウト機能のいずれに誘導する場合でも、訪問者が目的のアクションを直接実行できるように、CTA ボタンが目立ち、魅力的で使いやすいことが重要です。 .

[「預言的な行動を促すフレーズに従うことは、プラスの利益をもたらします。」とツイートします。 ― シェリー・K・ホワイト『父の富を歩む：息子の繁栄』]

CTA ボタンが効果的かどうかを評価するとき、企業は次の質問を自問する必要があります。

• CTA は明確で明確ですか? それは行動志向であり、訪問者の側に切迫感を引き起こしますか?
• ボタンはページの正しい場所に配置されていますか? 簡単に見つけることができますか？ と
• 使い方は簡単ですか？ ページの残りの部分から目立ち、訪問者の注意を引きますか。

＃3。 非直感的なナビゲーション

ウェブサイトは整理されていて、ナビゲートしやすいものでなければなりません。 つまり、簡単に理解できる階層と論理的な順序が必要であり、見出しと小見出しが互いに明確に関連し、明確かつ明確に表現されている必要があります。

[ツイート「「人間の道徳的コンパスは、本能が人生をナビゲートする世界ではまだ機能していません。」 ― 鳥羽ベータ、私の先祖は古代の宇宙飛行士だった』】

常にメニューを提供し、ユーザーが期待する場所 (サイドバーとしてページの左側に垂直に配置するか、ページの上部に沿って水平に配置) に配置します。 また、メニューに多くのアイテムを含めないでください。推奨される量は 6 つ以下です。

ナビゲーションは、平均的なユーザーにとって直感的でなければなりません。複雑すぎると感じたり、どこを見ればよいかわからない場合は、他の場所に移動するだけです。

＃4。 一般的な画像

一般的な画像とは、製品やサービスを販売または宣伝するためにストックフォトやその他の明らかに偽の画像を使用することです。 これらのタイプの画像には 2 つの問題があります。画像自体が本物ではないだけでなく、一般的なものであるということです。同じ画像が複数の Web サイトで見つかる可能性があります。

絵は彼らが言う何千もの言葉を描き、強力なマーケティングツールとなり得る優れた印象的なイメージを描き、顧客に感情や信頼、さらには幸福を生み出します. しかし、一般的なイメージは、その信頼をすぐに損なうだけです。

＃5。 社会的証明なし

社会的証明とは、人々が社会から好かれたり、受け入れられたりするために規範に従うという考えです。 消費者は、自分自身について気分を良くする製品を購入しますが、自分がしていることは正しいことであるという理由を探しています. つまり、購入を決定する際の指針として、オンラインの製品レビュー、お客様の声、信頼のアイコンに目を向けているということです。

調査によると、85% の人が購入を決定する前にオンライン レビューを読むことが示されています。 それらは購入プロセスの貴重な部分として機能します。

[ツイート「人間は社会的存在です。 私たちが社会的証明を愛しているのは驚くべきことではありません.それはブランドを素早く販売します」— Bernard Kelvin Clive”]

あなたのウェブサイトに以前または既存の顧客からのオンライン レビューや証言がない場合、社会的証拠はなく、訪問者が販売に進む可能性ははるかに低くなります。

＃6。 スタイルガイドの不在

スタイル ガイドは、Web サイトの書式設定とデザインに関する一連の視覚的基準です。 サイト全体でデザインの統一性を確保し、異なるフォントやテキスト サイズ、色やサイズ、または異なるスタイルの使用などの不整合を回避するのに役立ちます。

ベスト プラクティスとして、UI デザイナーは、Web サイトの概要を理解したらスタイル ガイドを作成する必要がありますが、個々のページのデザインを開始する前に作成することをお勧めします。 これにより、一貫性が保証されるだけでなく、多くの時間を節約できます。グラフィック要素の多くはすでに存在しているため、最初から作成する必要はありません。

＃7。 テキストとグラフィックス/画像の比率

テキストが多すぎて画像やグラフィック コンテンツが少なすぎると、Web サイトのユーザー エクスペリエンスが損なわれる可能性があります。 適切なバランスについて正確な公式はありませんが、一部の専門家は、最低 60% のテキストと最高 40% のグラフィックスまたは画像を提案しています。

ベスト プラクティスの提案:

• ビジネスにとって意味のあるバランスを見つけてください。
• 視聴者が圧倒されることなくすべての重要なポイントを理解できるように、メッセージの本文には十分なテキストを使用してください。
• モバイル デバイスで Web サイトを閲覧するユーザー向けに画像を多用します。画像は大量のテキストよりも見やすいためです。
• テキストと画像の比率を継続的にテストして、ビジネスに最適な構成を決定します。

#8。 ページの読み込み速度が遅い

残りのデザインがどれほど優れていても、Web ページの読み込みに時間がかかりすぎると、自動的に多くのトラフィックが失われます。 調査によると、47% の人が Web ページが 2 秒以内に読み込まれることを期待しています。 同じ調査では、ページの読み込み時間がわずか 1 秒遅れただけで、企業が被るコストも示されました。つまり、ページ ビューが 11% 減少し、コンバージョンが 7% 減少しました。

さらに、ページの読み込み速度は、Google やその他の検索エンジンでのランキングにも影響します。

[ツイート「モバイル インターネット ユーザーの 73% が、読み込みが遅すぎる Web サイトに遭遇したことがあると言っています。」 ― ニール・パテル」

#9。 ユーザーに考えさせる

企業の Web サイトの主な目的は、マーケティング ツールとして機能することです。 何を売っているのか、いくらで売っているのか、どのように入手するのかをできるだけ簡単かつ簡潔に説明する必要があります。 最終的な目標は、Web サイトの訪問者をできる限り迅速かつ簡単に顧客に変えることです。

ただし、ユーザーが決定について考えなければならない場合や、自分で何かを解決しなければならない場合は、気が変わって別の場所に行く可能性があります。 ユーザー エクスペリエンスをスムーズかつシームレスにして、ユーザーが自分で考える必要がないようにします。

#10。 自分のためにデザインする

多くの Web デザイナーが犯すよくある間違いは、エンド ユーザーを考慮せずに自分でデザインすることです。 これは単なる自己満足であり、サイトへの潜在的な訪問者のニーズや要件を満たしていない可能性があります。 代わりに、Web デザイナーはマーケティング チームやセールス チームと緊密に連携して、まずユーザーの視点からデザインが最適化されるようにする必要があります。 次に、Web サイトを実際のユーザーでテストし、フィードバックに従って修正する必要があります。

#11。 あまりにも空っぽの空の状態

UI 用語では、空の状態とは、画面に表示するデータがないときに、Web サイトへの訪問者が見るものです。 これにはさまざまな理由が考えられます。ユーザーがサインアップしたばかりである。 データ自体が消去されたか、エラーが発生しました。

空の状態自体は悪いことではありません。これを使用して、それが何のためにあるのか、なぜそれを見ているのか、どのようにそれを埋めることができるのかを視聴者に伝えることができます。

ただし、次に何が起こるかについてのガイダンスが提供されていない場合、視聴者にとってもイライラする可能性があります. そのため、空白のままにするのではなく、次のステップを示唆するイラスト、アイコン、またはテキスト ブロックで埋めることをお勧めします。

#12。 タイポグラフィ階層の欠如

どのようなデザイン プロジェクトでも、視覚的な階層は重要です。視覚的な階層は、画面上のどこを見て何を見るべきかを人々に伝えます。 タイポグラフィの階層は、デザイン内のテキスト要素を整理して順序付けます。 読者に何が重要かを伝え、読みやすくします。 これがないと、訪問者は道に迷ったり気が散ったりして、重要なメッセージを見逃すか、不満を感じてサイトから離れてしまう可能性があります。

[ツイート「タイポグラフィは聞き取れる必要があります。 タイポグラフィは感じられる必要があります。 タイポグラフィは経験が必要です。」 — ヘルムート・シュミット、グラフィックデザイナー兼タイポグラファー”]

#13。 あまりにも多くのすべて

Web デザインに関しては、多いより少ない方が良い場合があります。 これは特にテキストの大きなブロックに当てはまりますが、画像にも当てはまります。 情報が多すぎて吸収できない場合、人々はわざわざそれを読もうとはしません。 情報をシンプルかつ簡潔に保ち、可能な限り言葉ではなく画像やグラフィックを使用し、1 ページにどちらも過度に詰め込まないようにします。

#14。 広すぎるオーディエンス向けのデザイン

製品やサービスをできるだけ多くの視聴者にアピールしたい一方で、メッセージが広範になりすぎて、特定のグループやセグメントにアピールできなくなる危険性があります。 Web サイトをデザインする前に、見込み客を調査し、見込み客に直接アピールする資料やマーケティング メッセージを調整します。 ターゲットオーディエンスに合わせてコンテンツを調整することは、はるかに効果的なマーケティング方法であり、ランダムな散弾銃のアプローチを採用するよりもはるかに多くのコンバージョンを保証します.

#15。 1 つの画面サイズだけに合わせて設計する

多くの Web デザイナーが犯すよくある間違いは、最初に小さい画面やモバイル デバイスで表示できるかどうかを最初に確認せずに、フル スクリーン用にのみ Web サイトを設計することです。 これは大きな間違いです。 今日の消費者の約 70% は、その後ラップトップやデスクトップで購入したとしても、最初はスマートフォンでメディアを消費したり Web ページを表示したりしています。 Web サイトがすべての画面に最適化されていない場合、潜在的なコンバージョンを大量に放棄している可能性があります。

#16。 ユーザーテストのスキップ

コンバージョン率を高めるには、ユーザーテストが不可欠です。 組織の Web デザイナー、マーケティング、および営業担当者は、訪問者が何を望んでいるか、またはユーザー エクスペリエンスがどのようになるかについて良い考えを持っているかもしれませんが、実際のユーザーに Web サイトとそのパフォーマンスをテストしてもらい、それを組み込んでもらうことに代わるものはありません。彼らのフィードバック。

実際、ユーザー テストは継続的なプロセスである必要があります。サイトが公開された後でも、Web サイトのパフォーマンスが常に最適化されるようにする必要があります。

#17。 ポップアップが多すぎる

ポップアップが機能します。 調査研究によると、ポップアップを使用するサイトではコンバージョンが最大 400% 増加する可能性があります。 それらは人々の注意を引き、重要なメッセージを簡単に消化できる形で伝えることができるので効果的です。

しかし問題は、彼らがデザイナーの邪魔をし、アクセシブルで魅力的なウェブサイトをデザインするのを妨げていることです. それらはスペースを占有し、ページのコンテンツに干渉する可能性があります。 ただし、ポップアップの主な問題は、非常にイライラする可能性があることです。 多くの人は、これらの画像やプロンプトを常に思い出さずに、自分で読んだり、ユーザー エクスペリエンスを楽しんだりすることを好みます。

ポップアップを使用する場合は、責任を持って慎重に使用する必要があります。そのため、訪問者を圧倒したり攻撃したりせずに通知することができます。

あまりにも多くのポップアップを避ける必要がある別の理由があります。 2017 年 1 月から、Google は、グローバル検索ランキングに押し付けがましいポップアップが多すぎるサイトにペナルティを科し始めました。

#18。 長い形式のコピーを使用

長い形式のコピーは、古いコピーライティングの伝統のインターネット版であり、マーケティング ツールとしてよく使用され、黄色のハイライト、赤い見出し、点滅する矢印などの手法を使用して、訪問者に購入を迫ります。 気を散らすことなく製品を強調するため、特定の問題を解決する必要がある見込みのない見込み客に販売するなど、特定の状況で成功する可能性があります.

ただし、これらの手法はクリック課金キャンペーンに関連付けられており、以前よりも費用がかかるだけでなく、Web 上のマルウェアやウイルスの蔓延が増加しているため、Web 訪問者がクリックすることに慎重になっています。 、 そして、何よりも重要なことは、長いコピーは積極的な広告形態であり、あなたが引き付けるよりも多くの訪問者を遠ざける可能性が高い.

#19。 読みにくいフォントと貧弱な色のコントラスト

残念ながら、すべての人が完全な視力を持ち、微妙な色合いや色を区別できるわけではありません。 実際、視覚障害のある人は、背景と対照的でないテキストを読むのに問題があります。 特に男性は、特に赤と緑を区別する色覚異常に苦しむことがよくあります。 つまり、サイトで読みにくいフォントや不十分な色のコントラストを使用すると、ページが読みにくくなり、ページの直帰率が上昇し始める可能性があります.

#20。 ユーザーのプライバシーの権利

Web サイトは常に、機密性の高い個人情報を信頼するよう人々に求めています。 しかし、ユーザーが明らかにする必要がある情報が多ければ多いほど、Web サイトの設計者と所有者はデータ保護をより重視する必要があります。 したがって、個人情報や専有情報を収集する Web サイトやオンライン フォームを設計する場合、企業はユーザー データの収集方法と保存方法に関する明確なポリシーと手順を用意する必要があります。 これは、プライバシー ポリシーと Web サイトの利用規約の形で訪問者に伝える必要もあります。

これも単なる法的要件ではありません。 GDPR (一般データ保護規則) などの法律に基づく義務を順守しないと、企業は数千ドル、場合によっては数十万ドルの罰金を科され、企業の所有者に対する刑事責任が問われる可能性があります。

#21。 選択肢が多すぎる

あまりにも多くのオプション、クリックまたはトグルするボタンが多すぎる Web サイトを設計すると、ユーザーの麻痺につながる可能性があります。 彼らは次に何をすべきかわからないため、何もせずに終わることがよくあります。 ウェブサイトのデザインにおける黄金律は、少ないほど良いということです。

結論

適切に設計された Web サイトのビジネスにとっての価値を理解するのは難しい場合があります。設計が不十分であるか、うまく機能しないサイトは、売り上げやコンバージョンの損失に関して、会社や組織に多大な損害を与える可能性があることに気付くまでは.

つまり、サイトはきれいで魅力的で、よくレイアウトされ、整理されていて、読みやすく、ナビゲートしやすいものである必要があります。 また、高速で読み込みが簡単で、すべてのデバイスや画面サイズで表示できる必要があります。 ターゲット ユーザーを念頭に置き、社会的証明を重視し、少ないほどよいという一般的な原則を覚えておいてください。

最後になりましたが、重要なことを言い忘れましたが、一度 Web サイトを立ち上げて、自分の仕事が終わったと思い込まないでください。 それからはほど遠い。 ウェブサイトは常に進化し、継続的な顧客とユーザーのフィードバックを取り入れて、可能な限り最適化され、できるだけ多くのクリックとコンバージョンが達成されていることを確認する必要があります.