インターネットで最も人気のあるWebサイトから学ぶことができる6つのレッスン
公開: 2020-12-08ウェブ上で最も人気のあるウェブサイトを見ると、一見したところ多くの類似点はわかりません。 ただし、これらのサイトの多くは、基本的な設計と機能の基本を共有しており、これが部分的に、サイトを成功に導いている理由の1つです。
この記事では、Web上で最も人気のある6つのWebサイトを詳しく見ていきます。 これらの各サイトが競合他社よりも優れている点と、それらのアイデアを独自のプロジェクトにどのように使用するかについて説明します。
それを手に入れよう！
1.デザインをシンプルに保つ（Google）
これまでにWebを使用したことのある大多数の人々は、このホームページを見つめることに多くの時間を費やしてきました。
Googleのホームページは、最も人気のあるWebサイトの1つであるだけでなく、ユーザーフレンドリーなデザインのマスタークラスでもあります。 そのページ内に不要な要素や余分な要素は事実上ありません。これは、Googleが傘下にあるサービスの数を考えると驚くべきことです。
多くの企業は、他のすべてのサービスへのリンクでページを埋めたくなるでしょう。 対照的に、Googleは検索バーと3つのシンプルなボタンに焦点を合わせ続けています。
Googleのホームページからの主なポイントは、訪問者にサイトの特定の機能に焦点を合わせてもらいたい場合は、できるだけ多くの気を散らすものを取り除く必要があるということです。 ほとんどの場合、ユーザーフレンドリーなインターフェイスは美しいデザインよりも優れています。
2.画像を使用することを恐れないでください（Apple）
Appleは世界最大の企業の1つであり、オプトインできる製品とサービスの驚異的な選択肢を提供しています。 ユーザーが利用できるこのような幅広い選択肢があるため、要素やリンクが散らかっているWebサイトを期待するかもしれませんが、そうではありません。
Appleは、米国のWebサイトで、最も人気のある製品をすべて1ページに表示しながら、各セクションを独自のものにしています。 これは、製品画像の非の打ちどころのない選択のおかげで可能です。
各セクションには、製品の詳細を確認したり、購入したりするためのリンクが含まれています。 ここで、Appleは、あなたがすでにその製品ラインのほとんどに精通していることを前提としているため、そのブランド認知度を利用しています。
あなたがこのウェブサイトから一つのことを取り除くならば、あなたの製品とサービスを宣伝する主要な方法として高品質の製品画像を使用することがうまくいくはずです。 使用する画像が多すぎるとサイトの速度が低下する可能性がありますが、この問題を回避する方法はたくさんあります。 いずれにせよ、優れた製品写真を使用することで得られるメリットは、多くの場合、欠点を上回ります。
3.優れた分類法はブログにとって重要です（ヘルスライン）
あなたがオンラインソースから健康アドバイスを受けるかどうかは個人的な決定です。 ただし、大規模なブログに関する限り、Healthlineは最も人気のあるWebサイトの1つです。 これは、そのアドバイスによるものではなく、分類法を使用するための素晴らしいアプローチによるものです。
Healthlineは、世界で最も人気のあるWebサイトの1つであることに加えて、閲覧するための非常に包括的なカテゴリのセットも提供しています。
これらは、Healthlineのプライマリナビゲーションメニューを開いたときに表示されるオプションのほんの一部です。 ただし、メニューを開かなくても、Healthlineが最初に表示するのは、その注目のトピックと編集者の選択の一部です。
複数のトピックまたはカテゴリにわたって頻繁に新しいコンテンツを公開するブログを運営している場合、分類法が最も重要です。 適切な分類（および検索機能）がなければ、ユーザーが必要な情報を見つけることはほぼ不可能です。
あなたのブログが成長するにつれて、そのコンテンツを分類するための最良のシステムが何であるかを考えるのに時間を費やす価値があります。 Healthlineのように数十のカテゴリにまたがって公開しなくても、できるだけ詳細にすることをお勧めします。
4.オンラインストアはナビゲートしやすい（ターゲット）
新しいウェブサイトで作業するときに従うべき多くの基本があります。 経験則として、ナビゲートしやすく、整理されており、操作が簡単なサイトは、最も人気のあるWebサイトの一部になります。 ただし、これらのルールに違反することが多いサイトの1つのタイプは、オンラインストアです。
大規模なeコマースサイトになると、ファンダメンタルズは忘れられがちです。 たとえば、数十または数百のカテゴリ間を移動するのは面倒な場合があります。 あなたが探している製品を見つけたとしても、あなたが決定を下すために必要な詳細を見つけることはほとんど決して簡単ではありません。
シンプルなナビゲーションを提供することに関して素晴らしい仕事をする数少ない大きなeコマースポータルの1つはTarget.comです：
Targetでの製品カテゴリのナビゲートは簡単であり、そのショップページには、他のeコマースポータルよりもはるかに多くの詳細が含まれている傾向があります。
ただし、特定の製品ページを見ると、Targetは一列に並んでいます。 細かいところがたくさんあるので、圧倒されないようなページをデザインするのは難しいです。 これは、ニッチの多くのサイトにも当てはまります。
お気に入りのeコマースポータルが何であるかに関係なく、Targetから学ぶことはたくさんあります。 覚えておくべきことの1つは、訪問者に表示する製品が何千もある場合でも、ネガティブスペースは依然として重要であるということです。
各セクションまたは製品に独自のスペースをもう少し与えることで、ユーザーが探しているものを見つけやすくすることができます。 スクロールに時間がかかるページになってしまうかもしれませんが、これは大規模なオンラインストアにとって大きな問題ではありません。
5.カラフルになる（Adobe）
アドビのウェブサイトがいくつかの素晴らしいデザインの選択肢を備えていることは驚くべきことではありません。 結局のところ、ツールのグラフィックデザインスイートに見事なウェブサイトがない場合、あなたは本当にそれをあなたのプロジェクトに使いたいですか？
アドビのレイアウトはシンプルです。 ただし、対照的な色の優れた使用により、視覚的に際立っています。
ウェブサイトの各セクションがあなたに飛び出し、各製品は独自の色のセットを使用してそのアイデンティティを強化します。 大胆で鮮やかな色がすべてのIllustratorを見てください。
次に、これをLightroomのよりミュートされたパレットと比較します。このパレットでは、各画像内のいくつかの色のみが強調表示されます。
もちろん、色はどのウェブサイトにとっても後から考えるべきではありません。 これらはブランドの重要な要素であり、ブランドのアイデンティティを強化し、ページを視覚的に目立たせるために使用できます。
理想的には、Webサイト全体で同じカラーパレットを使用します。 これに大胆で対照的な色が含まれている場合は、さらに良いでしょう！
6.独自のバリュープロポジション（Airbnb）について率直に
オンラインでの滞在を予約することは、非常にストレスの多いプロセスになる可能性があります。 ただし、Airbnbは、プロセスの頭痛の種を通常よりもはるかに少なくすることができます。これにより、Airbnbは、学ぶことができる最も人気のあるWebサイトの1つになることができます。 一部には、これはAirbnb Webサイト全体で、「ユニークな」体験を予約していることを忘れさせないためです。
特定の場所を見ると、AirBnBはその画像とリストのタイトルのおかげで、各アイテムを独自に輝かせることができます。 各リストは独自の種類の製品ページであり、AirBnBはそれらを完璧に設計しました。
各セクションは読みやすく、[予約]ボタンを見逃すことはなく、レビューのナビゲートも簡単です。 ユーザーが完璧な旅行先を見つけることができる世界規模のプラットフォームを運営していなくても、このWebサイトから学ぶことはたくさんあります。
各リストをサービスページと考えると、コピーする必要のある側面を簡単に確認できます。 訪問者にサービスにサインアップするように説得しようとしているときは、それらのページにできるだけ多くの詳細を含める必要があります。
Airbnbは、各リスト内に多数のリスト、アイコン、インタラクティブフォームを使用して、意思決定に必要なすべての情報を提供します。 あなたが彼らの先導に従いたいのなら、あなたのサービスページにできるだけ多くの情報を含めることを恐れないでください、そして段落の単純なバッチから多様化してください。
結論
世界で最も人気のあるウェブサイトの多くは、ブランド力の高さから、その目的を達成しています。 ただし、Webサイトの人気を維持するには、ユーザーフレンドリーで、楽しく魅力的なエクスペリエンスを提供する必要があります。
この記事で取り上げることを決定した6つのWebサイトはすべて、これらの特性に適合しています。 ナビゲートと使用が簡単です。 彼らのデザインは魅力的ですが、過度に複雑ではなく、画像と色をうまく利用しています。 あなたがそれらの基本をマスターすることができれば、あなたが作成するどんなサイトも使うのが楽しいはずです。
素晴らしいウェブサイトをデザインする方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！
venimo /shutterstock.comによる記事のサムネイル画像