ウェブサイトパターン分析: Pinterest の「ウォーターフォール」の背後にある心理学

Pinterestはとても人気があります。 comScore のデータによると、Pinterest は 2012 年 1 月に 1,170 万人のユニークビジター数を記録し、Google+ に次いで最も早く数千万人のユーザーに到達したウェブサイトとなり、米国のソーシャル ネットワーキング サイトの中で確実に第 7 位にランクされています (上位 6 位は Facebook、Twitter、Linkedin、Myspace、Google+、Tumblr)。中国にも模倣サイトは数多く存在します。

Pinterest がなぜ人気なのか？ユーザーの参加コストが極めて低いこと、情報のノイズを減らすより柔軟なサブスクリプションの仕組み、バイラル拡散の仕組みを形成する Repin 操作など、理由はさまざまですが、さらに注目を集めているのが、その独特な「ウォーターフォール フロー」画像レイアウトです。このレイアウトには多くの批判がありますが、私はこのレイアウトがとても気に入っています。なぜなら、このアイデアはウェブサイトの創設者の人生における突然のひらめきから生まれたものですが、たまたま人間の視覚心理学の法則に従っているからです。以下で分析してみましょう。

ここではまず、人間の目がテキストコンテンツと画像コンテンツを認識する方法の違いについて説明する必要があります。人間はテキストをシリアルモードで読み、特定の順序で一度に 1 語ずつ線形に読まなければなりません。一方、人間は画像をパラレルモードで表示し、多数の画像を素早くスキャンしてから、興味のある部分を選択できます。この方法は、興味のあるコンテンツを見つけるのに線形モードよりもはるかに効率的です。

多くの典型的な製品インターフェース パターンは、次のような違いに従います。

1. 検索エンジンの検索結果ページ。Web 検索結果は直線的に並べられますが、画像検索の結果はマトリックス状に配置されます (Google と Bing の画像検索結果ページでは、すべてのテキスト情報が削除されます。テキストは、マウスを特定の画像の上に置いたときにのみ表示されます。このデザインは、画像の並列ブラウジングの利点を強調しています)。

2 SNS商品とWeiboのフィードページが直線的に配置されています。しかし、ここで問題があります。純粋なテキストフィード（Zhihuなど）の場合は、線形配置が最適なモードです。ただし、テキストと画像の両方を含むフィード（WeiboやSNSなど）の場合、画像コンテンツが線形配置に適していないため、画像を閲覧する効率が比較的低いことがわかります。

従来の画像表示は主にマトリックス モードに基づいています。スタッガード ウォーターフォール フロー モードを作成するポイントは何でしょうか。まず、人間の目の走査経路に影響を与える要因を理解する必要があります。この理解は、認知心理学における「視覚検索」の分野における膨大な研究から得られたものです。心理学者の間で現在共通認識となっているのは、視覚検索の効率に影響を与える主な要因が 2 つあるということです。1 つは、トップダウンの影響である人の既存の経験と習慣であり、もう 1 つは、ボトムアップの影響である画像自体の視覚的な顕著性です。前者については、人間は通常上から下、左から右に見る傾向があることは周知の事実であり、この習慣により、マトリックス形式の複数画像ページの走査経路はやや固定的になります。後者の場合、画像自体の視覚的な顕著性（ダイナミクス、色、全体的な美しさなど）が「顕著性マップ」を構成し、ユーザーの注意はまず画像の中で最も視覚的に目立つ部分に引き付けられます。したがって、ボトムアップ要因（画像自体の要因）により、ユーザーは高品質のビジュアルコンテンツをより効率的に選択しやすくなりますが、長方形モードでのスキャン習慣はボトムアップ要因の機能を妨げます。

たとえば、検索エンジンの画像検索結果ページで、ページの右下隅に良い画像がある場合、その画像を徐々に見つけるまでに、まずページの左上部分を何度か歩き回る必要があるかもしれません。ウォーターフォール フロー レイアウトでは、その画像をより早く見つけることができます。 したがって、テキスト コンテンツにはリニア モードが最適なレイアウトであり、画像コンテンツにはウォーターフォール モードが最適なレイアウトです (現時点では)。

Pinterest のさらに優れた点は、ユーザーが好みに応じて画像の視覚的検索方法を選択できることです。Web ページにはデフォルトで 5 列の画像がありますが、ズームアウトすると、ページ上の各画像が縮小され、列の数が増え (最大 10 列)、各ページに同時に表示される画像の数が増えるため、一部のユーザーにとっては検索効率が向上します。

ウォーターフォールフローモードは非常に効率的な画像閲覧インターフェースであるため、多くのユーザーが画像の収集と鑑賞のツールとして利用しており、これが Pinterest の急速な人気を支える最大の原動力でもあります。

著作権に関する声明: 転載する場合は、記事の元の出典、著者情報、およびこの声明をハイパーリンクの形式で示してください。

http://xuexinlu.blogbus.com/logs/192808388.html

原題: ウェブサイト モデル分析: Pinterest の「ウォーターフォール フロー」の背後にある心理学

キーワード: ウェブサイト、モデル分類、Pinterest、ウォーターフォールフロー、心理学、ウェブマスター、ウェブサイトのプロモーション、収益化