Facebook 出会い系サイトデザインのユーザーエクスペリエンス分析

<br />関連記事: Facebookの情報アーキテクチャの分析元記事: http://www.chouyu.com.cn/?p=102
Facebook で友達を作るのがなぜ簡単なのでしょうか? Facebook と従来の BSP (ブログサービスプロバイダー) の違いは何ですか?水平ナビゲーションと垂直ナビゲーションの両方を備えているからでしょうか?オーナー情報の集約ページがあるからでしょうか？ Facebook が成功しているのはなぜでしょうか?欠点は何ですか? Facebook の商業的成功により、その混沌としたデザインは皇帝の新しい服となり、人々はそれを理解できなくても、あえて何も言わない。ウェブページ上の複雑な視覚表現を脇に置いて、ウェブページの背後にある骨組みである情報アーキテクチャ（IA 情報アーキテクチャ）を見てみましょう。新しい視点が得られ、これらすべての疑問に答えが見つかります。
従来のブログサービスプロバイダー (ブログサービスプロバイダー、BSP と呼ばれる) には、Qzone、Sina Blog、NetEase Blog などがあります。これらのプロバイダーが提供するブログサービスは、登録した各ユーザーに独自のブログスペースを提供するだけでなく、ブロガーが互いにコミュニケーションするためのプラットフォームも提供します。つまり、情報構造は、個人空間コミュニティプラットフォームです。
「パーソナルスペースコミュニティプラットフォーム」とはどのようなものでしょうか?
各ブログは互いに独立して存在し、コミュニティプラットフォームがコンテンツを通じてこれらのブログを集約します。

左上隅の最初のものは所有者の状態を表します。所有者は BSP によって提供されるすべてのサービスを確認できます。そのうち、B、D、E は既に使用したサービスです。
以下は他の人のブログです。他の人のブログの内容は様々です。フォトアルバムを使う人、ログを使う人、動画を使う人…現状、ほとんどのBSPはホストが使うかどうかに関わらず、ABCDEFをゲストに提示するだけです。
画像の右半分はコミュニティプラットフォームで、コンテンツをディメンションとして使用してコンテンツを表示し、次にユーザーを表示します。たとえば、A はログを表します。コミュニティプラットフォームにはログコラムがあり、興味深いログが多数表示されます。このログを読むには、他の人のブログに移動する必要があります。コミュニケーションが実現され、これがプラットフォームの価値です。
ブログはもともと独立したものでした。BSP がブログサービスを提供してから初めて、コミュニティプラットフォームが登場し、ユーザーが他のユーザーを見つけやすくなりました。他の人のために記事を書くことができるだけでなく、同じ考えを持つ人を簡単に見つけたり、多くのブロガーの間でコミュニティを形成したりすることもできます。
この構造には次の利点があります。

構造は明確です。この構造は一度説明すれば理解できるでしょう。言わなくても分かると思います。拡張も簡単。これはBSP用です。新しいサービスを追加するには、2 つのステップに分けることができます。個人ブログで機能を提供するのが 1 つのステップであり、コミュニティプラットフォームでコミュニケーションを提供するのがもう 1 つのステップです。開発リソースが限られている場合は、両方を同時に行う必要はありません。例えば、動画サービスを提供したい場合、まずは各ユーザーに動画をアップロードして個人スペースに表示する機能を提供することができます。当面はコミュニティプラットフォームに動画集約コンテンツがなくても問題ありません。エネルギーがあるときにやっても遅くはありません。
この「個人コミュニティプラットフォーム」モデルの欠点:
ブログ間のコミュニケーションは難しいです。各ブログは個人の所有物です。別のブログにアクセスするには 2 つの方法があります。
1. ブログ内の友人やコメント投稿者の名前を通じて。私はブログにメッセージを残しました。このメッセージを読んだ人は、このメッセージの著者名を通じて私のブログに入ることができます。
2. ページ上部にある「コミュニティプラットフォームに入る」に似たリンク。
両方のチャネルのエネルギーは非常に限られています。スペース内の友達はオーナー自身によって追加されます。このスペースの所有者が人気がなく、友達がおらず、誰もメッセージを残さない場合、最初のパスは失われます。「コミュニティプラットフォームに入る」リンクは単なるリンクです。クリックするまでは何も表示されません。なぜクリックする必要があるのですか?何が面白いのでしょうか？
上記は従来の BSP の情報アーキテクチャです。これを理解したところで、別の比較的新しいアーキテクチャ、つまり Facebook や Myspace などのアーキテクチャを見てみましょう。

前のページ1 2 3 次のページ続きを読む

<<: CSS のオーバーフロー:hidden エラーの解決方法

>>: Vueライフサイクルの詳細な説明