トップWebサイトのデザインチームがスティッキービジターエクスペリエンスを作成する方法

Webデザインのトレンドは非常に速い速度で進んでおり、シーンには常に新しいものがあります。 デザイナーは、実際にどれほど効果的であるかどうかに関係なく、最新のトレンドに夢中になるのは簡単です。 全体として、Webは膨大なサンプルであり、ルールを推測したり変更したりするのではなく、ユーザーが何を好むかについて結論を導き出すことができます。 そのサンプルの中で、Webデザイナーは、特に成功したWebプロパティの設計を調べ、その成功をリバースエンジニアリングすることで多くのことを得ることができます。

トップランクのウェブサイトはすべて、訪問者がサイトにとどまり、サイトと対話し、頻繁に戻ってくることを目的として、その背後に高資格で高給のデザイナーの巨大なチームがあります。 小さなプロジェクトに取り組んでいるデザイナーにとって、ゴリアテが何をしているかに注意を払うことは理にかなっています。

目標は、粘着性のあるWebサイト訪問者エクスペリエンスを作成することです。 ユーザーができるだけ長くウェブサイトにとどまるようにします。これにより、ユーザーが広告を表示したり購入したりする可能性が高くなります。 これは訪問あたりの収入を最大化し、投資収益率を生み出すために有料のトラフィックソースが使用されている場合に特に重要です。

サイトの粘着性を評価するために使用できる3つの主要な指標があります。

• バウンス：ウェブサイトをクリックしてすぐに「戻る」ボタンを押したことがありますか？ それはバウンスと呼ばれます。 バウンス率は、1ページのビューのみを含むWebサイトへのアクセスの割合です。 これは、ユーザーがサイトの複数のページをクリックすることで価値を見出していることを示しているため、このレートをできるだけ低くする必要があります。

• 現場での時間：誰かが固執することを決定したら、次の焦点は、彼らをできるだけ長くそこに留めておく方法です。 Netflixのようなサイトは、長い形式のビデオコンテンツを視聴するために使用される傾向があるため、サイトでの滞在時間が非常に長くなるWebサイトの良い例です。 逆に、公共交通機関を待っている間にTwitterにアクセスすることがよくあるため、そこでのセッションは比較的短い場合があります。

• 訪問したページ：この統計は、サイトでの時間のコンテキストを提供します。 ユーザーはサイトを積極的に閲覧しているのでしょうか、それとも、必要なものを見つけたら受動的に1つのページにとどまっているのでしょうか。 一般に、ユーザーがサイト上のさまざまなコンテンツを操作して興味を持っていることを示しているため、アクセスするページ数を増やす必要があります。

トップのウェブサイトの中でも、信じられないほどの数で本当に際立っているものもあります。 YouTubeについて誰もが知っている理由があります。平均的な訪問者は、サイトで平均21分を費やし、11ページを閲覧しています。 DuckDuckGoのバウンス率はわずか12.78％と非常に低くなっています。 もちろん、トップサイトはいくつかのカテゴリにまたがっていますが、全体として見ると、デザイナーが実装するのに適した重要なヒントがいくつかあります。

フロントとセンター

デザイナーは、すべてのトップWebサイトが従う単純な法則を無視するほど、他とは違うように努力することがあります。ページの上部に大胆なものを表示することで、訪問者の注意を即座に捉えます。

これにより、バウンスする場合とバウンスしない場合の違いを生む可能性のある重要な数秒間、ユーザーがページにとどまります。 視聴時間の約57％はスクロールしなければ見えない位置に費やされているため、最も魅力的なコンテンツを常にこの領域に配置することは理にかなっています。

ピン

トップウェブサイトはこれを達成するためにさまざまなデザイン要素を使用しています。 ニュースサイトは、最も閲覧された記事や最新ニュースを一番上に置きます。 BBCがマンチェスターユナイテッドをフィーチャーしたサッカーゲームとしてメインストーリーを置くことを選択したことを上で見ることができます。 これは明らかに最も重要なニュース記事ではありませんが、多くの訪問者が興味を持っているものです。記事をクリックすると、クリックして別のページに移動する可能性が高くなります。 画像は大胆で高品質です。

ソーシャルメディアプラットフォームのような他のサイトは、特定のユーザーにとって最も興味深い投稿を提案するためにアルゴリズムに依存しています。 これは、訪問者の人口統計と習慣についてある程度の知識を持っているリピーターに特に当てはまります。 コンテンツフィードは、関心のある可能性が最も高いものを明確に強調し、ユーザーの関心を維持するように設計されています。

推奨事項を表示する

多くのトップサイトが共有するもう1つの一般的な機能は、訪問者が現在消費しているコンテンツの横にある推奨コンテンツです。 YouTubeはおそらくこの方法の最もよく知られたマスターであり、ビデオを見るたびに、常に同じようなビデオがいくつか目線に表示されます。

これが、1つの動画を求めて来た後、別の10本を視聴したために、YouTubeのブラックホールから消えてしまうと不満を言う人が多い理由です。 実際、 YouTubeトラフィックの70％は推奨事項によって引き起こされています。 それはまさに彼らが訪問者ごとにそのような多数のページビューを維持することができる方法です。

ピン

ただし、この設計戦術はコンテンツベースのサイトだけのものではありません。 たとえば、関連製品を表示するだけの販売ベースのWebサイトがある場合は、同じ戦略を使用できます。 特にAmazonはこれをうまくやっており、賢いのはレビューのすぐ上でそれを行っていることです。

それで、ユーザーが何かを買うかもしれないと思っているが、レビューを読んだ後、彼らはそれに反対すると決めたとしましょう。 Googleで再度検索する代わりに、類似商品のカルーセルを閲覧して、Amazonに保管し、訪問者のお金がAmazonの銀行口座に送金される可能性が高くなります。

コミュニティでドライブ

平均ページビュー数が最も多いサイトがソーシャルメディアベースであることは当然のことです。 人間として、私たちはコミュニティの基本的な必要性を持っており、これを提供できるWebサイトは、ユーザーをWebサイトに長くとどめることができます。

人々は、Redditの成功に見られるように、ユーザーが生成したコンテンツのトピックを、売られたり宣伝されたりしているとは思えない状況でスキャンするのが大好きです。Redditでは、トピックのニッチに集まってコンテンツを共有しています。共通の利益に。

ピン

コミュニティの力を活用するために、実際にソーシャルネットワークを構築する必要はありません。 多くのサイトには、レビューセクションが含まれている場合や、ホームページに視聴者からの投稿が強調表示されている場合があります。 ユーザー生成コンテンツを共有することの素晴らしいところは、ビジネス自体の作業が制限されていることです。

ユーザーエンゲージメントを促進するのはマーケティングチーム次第なので、維持できるかどうかを心配する必要はありません。 最近更新されたものがあるかどうかを確認するためにサイトにとどまる特別な理由があります。

モバイルファースト

経験豊富な設計者は、デスクトップの古いパラダイムにとらわれることがあります。実際には、これまで以上に電話を使用しています。 2021年には、すべての購入の79％がモバイルで行われます。 設計者がこれを優先することは理にかなっています。 その比率は、結果の80％を駆動するものに焦点を当てるように指示するパレートの法則を反映しています。

難しい選択をしなければならない場合は、モバイル版よりもデスクトップのデザインに欠陥を持たせる方がよいでしょう。

ピン

トップWebサイトに独自のモバイルアプリがある場合でも、モバイルWebエクスペリエンスが優れていることを確認するために多額の投資を行っています。 これは、上記のeBayのスクリーンショットではっきりとわかります。このスクリーンショットは、見た目がすっきりしているのに、訪問者が必要なすべてのことを簡単に実行できる、美しくシンプルなUIを備えています。

これは、小さな画面に収まるように縮小されたデスクトップサイトではありません。 これは、さまざまなタイプのエクスペリエンスの粘着性を最大化するように特別に設計されています。 モバイルデザインにふさわしい注意を払っていることを確認し、数字を指すことで価値について反対意見を表明します。

車輪の再発明をしないでください

最後に、上位のサイトを閲覧して、それらすべてがどれほど親しみを感じているかを理解してください。 それらのどれも非常にユニークではありません。 多くの人は、何十年も前から存在している堅実な双方向性設計の原則に頼っています。 あなたの主な目的がユーザビリティである場合、これは驚くべきことではなく、ほとんどのユーザーが行動することを好む方法があります。

GoogleとBaiduを見てください。どちらも自分のロゴと検索バーに重点を置くのは理にかなっています。それが人々が自分のサイトにアクセスする理由です。

ピン

これは怠惰ではありません。 それはデザイナーからの知性です。 オーディエンスメンバーは、一般的なナビゲーションパターンに慣れており、さまざまなサイトの同じ領域を調べて、必要なものを見つけます。 期待する場所に見つからない場合は、イライラして別のWebサイトにアクセスする可能性があります。 これはまさにあなたが望まないものです。 あなたは彼らをサイトにとどめ、粘着性のあるユーザー/訪問者体験の​​利益を引き出すために彼らを幸せに保つためにあらゆることをしたいと思っています。 同様のデザインを使用することで、単純接触効果を利用していることになります。

たとえば、プライバシーポリシーは常にページの下部に表示されます。 ロゴがトップバーに表示されることはご存知でしょう。ロゴをクリックすると、ホームページに移動する可能性があります。 モバイルサイトのハンバーガーボタンをクリックすると、より長いメニューが開く可能性があります。 これにより、ナビゲートが容易になり、エクスペリエンスがより快適になり、サイトが望む場所にとどまります。

要約

次のデザインプロジェクトでは、ストーリーボードを作成してWebサイトの外観について考えられるアイデアを考え出すときに、ブロガーが推奨するものだけでなく、上位のWebサイトと比較するようにしてください。 デザインコミュニティバブルの最新の最愛の人だけでなく、実際に機能しているものに注意を払っていることを確認することが重要です。

これらのサイトは非常に粘り強い訪問者体験を持っており、エンゲージメントを高め、売上と広告収入を増やすことができます。 それがあなた自身のビジネスのためであるならば、それはあなたの収益に直接影響します、そしてそれがあなたのクライアントのためであるならば、それは彼らを幸せに保ちそしてあなた自身に良い投資収益率を証明する素晴らしい方法です。

トップ画像のソース： https ：//unsplash.com/photos/N8Pnhrcr73o