web-dev-qa-db-ja.com

人々は本当に視差スクロールのホームページを読みますか?

まず、いくつかの例を挙げて、視差スクロールホームページの意味を定義しましょう。

ユーザーにストーリーを伝え、ユーザーが自分のペースでストーリーをスクロールできるようにします。

個人的に、私はこれらの種類のページが煩わしいと思って、すぐに一番下までスクロールして、最後に到達することを望んでいますが、これはいくつかの質問について疑問に思いました:

  1. 人々は本当にこれらの種類のページのコンテンツを読んでいますか?
  2. 同じポイントを駆動しようとする静的なページと比較すると、どのようにうまくいきますか?
  3. 「従来の」ホームページよりも優れている点はありますか?
8

あなたが引用したすべての例は、シフトコンテンツを使用してユーザーに伝え、ストーリーを伝え、ユーザーを引き付け続けるパララックスサイトの例です(-===-)。私はこの応答を中断します3つの部分に。

推論

この記事を見て、視差サイトがどのようにユーザーの関心を維持するかについての追加情報を確認することをお勧めします。

ストーリーテリング

視差スクロールは、魅力的でインタラクティブな方法でストーリーを伝えるための理想的な設定です。訪問者が自分のペースで自分のストーリーを操作できるようにします。訪問者のスクロール動作への反応が異なるさまざまなレイヤーは、奥行き感を生み出し、複数のストーリーラインを可能にします。

訪問者を好奇心をそそる

enter image description here

ドリンクミシェルバーガーブーズは、非常に創造的な方法で訪問者としてあなたを魅了します。サイトの最上部には、次のように書かれています。「静かに下にスクロールするだけ…グラスが空になったら、クリックして酒を感じてください。」酒とは何ですか?ページを下にスクロールすると、芸術的な静物画の設定が表示されます。さらにスクロールすると、2つのことが起こります。時計の針が回転し、飲み物が消えます。次に、マスクが表示されます。マスクをクリックすると、酒の球体を表す美しくアニメーション化されたイラストが酒につながります。サイトの最後にのみ、ドリンクに関する実際の情報が表示されます。それでも、最初にサイトに関与することなしにそこに到達する方法はほとんどありません。

訪問者に楽しんでもらいましょう

訪問者を引き付ける方法のもう1つの素晴らしい例は、KRYSTALRAE秋コレクションのサイトです。同じモデルで異なる衣装が提示されます。デザインは非常にミニマルで、ページの中央にあるモデルと犬にすべての注意を向けています。ページを下にスクロールすると、衣装を自分で変更できますが、シーンの残りの部分は同じままです。この相互作用は単純ですが、楽しくて非常に魅力的です。

enter image description here

ビジターを驚かせます

視差スクロールを使用して、ビジターを驚かせることもできます。たとえば、日産ノートの日本語のWebサイトでは、ページを下にスクロールすると、車の全容がわかります。これはすでに特別な体験になります。ただし、サイトの下部に移動すると、「逆にトライしてください!」というリンクがあります。サイトは自動的に上にスクロールして戻り、ストーリーのさらに別のバージョンが表示されます。

study\Research

とはいえ、この研究を除いて、単純なサイトと視差サイトのパフォーマンスが低いことを示す具体的な情報はありませんこれは、ユーザージャーニーが両方のサイトのユーザーにとって似ていることを示しています。ただし、これらの視差スクロールサイトの方が楽しいことがわかりました

そこで、フレデリック は自分の研究を立ち上げました。 彼は、コンテンツから配色まで、あらゆる点で類似している2つのホテルのウェブサイトをデザインしました。フレデリックはその後、パーデュー大学のキャンパスの主要な集会所であるスチュワートセンターのロビーで86人を傍受し、標準サイトまたは視差サイト(下のスクリーンショット)のいずれかに従事するコンピューターに連れて行きました。

テスト自体はそれほど長くは続きませんでした。参加者は、割り当てられたサイトに慣れるために数分を費やしました。彼らは人口統計情報をウェブフォームに入力しました。 (全員がサイトのエラーも経験しました。なぜなら、フレデリックはWeb使用の手に負えない性質を取り入れたかったからです。)彼らはホテルを予約しました。最後に、以前のWeb調査から作成されたアンケートでサイトを評価しました。

フレデリックの調査は、ユーザーエクスペリエンスの5つの領域に焦点を当てました。使いやすさ、楽しさ、楽しさ、満足度、視覚的な魅力です。 (見た目は似ているが、楽しさと楽しみは異なるが、IMDbのようなサイトは、ビデオゲームサイトのように楽しくなくても楽しめることがある。)結果を集計する前に、フレデリックは視差サイトが相手を吹き飛ばすと確信していた離れて。

「私は多くのブログから、ユーザーを惹きつけてユーザーエクスペリエンスを大幅に向上させると人々が言っ​​ている方法を読んだ」とフレデリックはCo.Designに語った。 「あらゆる面で、それは典型的なウェブサイトよりも優れていると思いました。」

偶然にも、視差サイトは、ある意味では優れていた--fun。他の調査では、2つのサイトのユーザーエクスペリエンスに大きな違いはありませんでした。視差についての質問では、パララックスは標準サイトにさえエッジをかけませんでした(ただし、参加者は少し「プロフェッショナル」に見えたと思っていました)。フレデリックはまた、視差の重大な欠点の1つを発見しました。乗り物酔いに苦しんだテスト参加者は、スタイルの見当識障害を発見しました。

結論

  1. 人々は本当にこれらの種類のページのコンテンツを読んでいますか?-これに関する包括的なデータはありませんが、より高いレベルのエンゲージメントはおそらくユーザーにすべてのコンテンツを通過します
  2. 同じポイントを駆動しようとする静的ページと比較した場合、どのように調整されますか?-上記の調査によると、それほど大きな違いはありませんコンバージョンですが、エンゲージメントのレベルが明らかに高くなっています
  3. 「従来の」ホームページよりも優れていますか?-エンゲージメントのレベルが高く、コンバージョンのレベルが高くなる可能性があります。
5
Mervin

質問は1つだけのようです。

ランディングページの種類に関係なく、答えは次のとおりです。読み取り時間と変換は、ソース、全体的なリンク戦略、訪問数、およびその他の多くのパラメーターに大きく依存します。

通常、これらのランディングページの最終的な設計には、多くのA/Bテストとコピーライティングの取り組みが含まれます。

つまり、訪問者がこれらのページにより多くの時間を費やし、コンバージョン率が高いと想定できます。

2
TotemFlare