見てとてもためになりました！ウェブサイトのユーザビリティを向上させる 6 つの原則_html/css

一般に、Web サイトには次の 3 つのタイプがあります。

1 つ目のタイプの Web サイトは、優れた創造性とデザインを備えています。この種のウェブサイトは「すごい」と言うでしょう。しかし、残念ながら、優れたデザイン以外に提供できるものはあまりありません。

2 番目の種類の Web サイトには創造性やデザインが欠けていますが、欲しいものはすぐに見つかります。しかし、見た目に魅力がないからといって、それらをオフにしますか?

最高のウェブサイトとは、使いやすさと視覚的な魅力を完璧に組み合わせたウェブサイトです。このような Web サイトは、訪問し続けたくなるでしょう。マーケティングの観点から見ると、これが最適なタイプです。

見栄えの良い Web サイトであっても、ユーザーのアクセスを維持したり、使用コンバージョン率を高めたり、販売目標を達成したりできなければ、価値がありません。ただ褒めて背を向けるのではなく、戻ってきてもらいたいのであれば。ユーザーの視覚的な喜びだけを満足させる必要はありません。

ユーザーが Web サイトに戻ってきて忠実なユーザーになることを望むことが目標である場合は、Web サイトの使いやすさとユーザー中心の設計原則を改善することを検討する必要があります。これは、ユーザーのニーズに焦点を当て、効率的でユーザーフレンドリーな Web サイトを提供することを意味します。そうすれば信頼が得られます。それはとても簡単です。

ユーザビリティの向上は、ユーザーエクスペリエンスの向上と同じではないことに注意してください。ユーザーエクスペリエンスの焦点は、ユーザーのポジティブな心理的感情を向上させることです。もちろん、ユーザビリティを向上させることはユーザーを満足させ、最終的にはポジティブなユーザーエクスペリエンスにつながります。

ユーザビリティを向上させるためのいくつかの簡単な原則について話始めましょう。

1. ユーザーに考えさせないでください

これは、Steve Krug が著書『Don't Make Me Think』で提唱した、ユーザビリティを向上させるための最も重要な原則です。

「すごい！」デザイナー必読の本。『デザイナーの完全独習ガイド』で強く推奨されており、PDF のダウンロードが付属しています。

Web ページは、表示されてすぐに理解しやすいものでなければなりません。ユーザーは無意識のうちに、どこをクリックすればいいのか、どこで欲しいものを手に入れられるのかを知っています。あまり深く考える必要はまったくありません。

これを行うことで、ユーザーは間違いなく幸せになります。典型的な例として MailChimp を取り上げてみましょう。

MailChimp

MailChimp のこのページは非常にシンプルです。ユーザビリティの向上には画期的なデザインは必要ありません。必要なのは、適切なものを適切な場所 (ユーザーが表示することを期待する場所) に表示することだけです。

このページのもう 1 つの優れた点は、ユーザーに「選択恐怖症」を感じさせないことです。これは、知っておくべきもう 1 つの原則です。

2. 「選択恐怖症」を避ける

人はあまりにも多くの選択肢に直面すると、選択をしないか、すでに最も慣れている選択肢を選択することがよくあります。この種の「選択恐怖症」はウェブページに現れるだけでなく、人生においても非常に一般的です。たとえば、カフェで黒板に書かれたさまざまなコーヒーの名前に直面したとき。「選択恐怖症」は非常に厄介で、人々が選択を放棄したり、すでに慣れ親しんだ場所に戻ることを選択したりすることがあります。

新規ユーザーは、次にどこをクリックするかについて心配する必要はありません。 MailChimp のこのページもこれを非常にうまく行っています。

ヒント: 「無料で登録」などの重要な操作ボタンなど、最も必要なオプションを強調する必要があります。他のオプションは「その他」に含めることができ、1 ページにオプションが多すぎることを効果的に回避できます。

重要でないオプションは「その他」に含めることができます

3. ユーザーが欲しいものをすぐに提供します

ユーザーが Web サイトを閲覧するとき、それは従来のオフラインストアをさまよっているのと非常によく似ています。そして彼らは本当に必要なものだけを探しています。ユーザーはただ閲覧するだけの Web サイトのすべての単語を読むわけではありません。何かがニーズを満たしたら、「開く」をクリックします。

経験: ユーザーに「これを読むのに時間がかかりそう」と思わせないでください。

たとえば、視覚的な手段を使用して、これらの高速視聴者のニーズを満たすことができます。

以下は、Bang2Joom の有料プランの美しい視覚化の例です。

視覚的な情報は素早く閲覧するのに便利です

ユーザーはさまざまな有料プランの違いを直感的に比較し、自分に合ったものを選択することができます。非常に明確かつ簡単です。

4. 「検索」が必要です

Web サイトが提供するコンテンツはユーザーのニーズを満たしている必要があり、検索には意味があります。特にウィキペディアのようなさまざまな分野のコンテンツが大量にある Web サイトでは、「検索」機能は必須です。

Wikipedia で検索

検索ボックスのベストプラクティスは次のとおりです:

検索ボックスは、ホームページだけでなく、すべてのページに表示される必要があります。

検索ボックスは、ユーザーが簡単に表示および変更できるように、(Google などの) 十分な長さである必要があります。

検索ボックスはスマートである必要があります。ユーザーが検索するとき、類似した「一般的な検索用語」を参照用に提供できます。さらに、ユーザーが単語を入力すると、そのすぐ下にいくつかの「推奨結果」を提供できます。 Apple の検索は、このベストプラクティスの良い例です。

Apple の公式 Web サイトで検索

5. ユーザーを理解する

若いオタクは新しいものを探索するのが大好きです。多少複雑な Web サイトであっても、コンテンツが充実していれば、若者の関心は高いでしょう。また、好奇心が旺盛で、すべてのオプションを調べてすべてのボタンをクリックすることもあります。 Gamestop を例に挙げると、私はかつてこのサイトが少し使いにくいことに気づかずに何時間も費やしてしまいました。