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

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ライフサイクルの詳細な説明

推薦する

ヘッダーのチェックボックスをテキスト実装コードに変更するための選択テーブルを持つ要素

方法1: テーブル属性を使用する: header-cell-class-name テーブルインターフ...

Vueは3階層メニューを再帰的に実装する

この記事の例では、3階層メニューを再帰的に実装するVueの具体的なコードを参考までに共有しています。...

VMware 仮想マシンに CentOS と Qt をインストールするチュートリアル図

VMware のインストールパッケージのインストールダウンロードアドレス: https://www....

MySQLユーザーと権限管理の詳細な説明

この記事では、例を使用して MySQL ユーザーと権限の管理について説明します。ご参考までに、詳細は...

MySQLの日次統計レポートでは、その日にデータがない場合には0が入力されます。

1. 問題の再現:各日の合計数を日ごとにカウントします。データのない日がある場合、グループ化によっ...

Ubuntu のインストール グラフィック ドライバーと Cuda チュートリアル

目次1. 元のドライバーをアンインストールする2. 新しいグラフィックカードドライバーをダウンロード...

Webpack-cliが正常にインストールされたら、詳細についてはwebpack -vエラーケースを確認してください。

目次質問1. webpack webpack-cliをインストールする2. webpackのバージョ...

tomcat9.exeをクリックするとクラッシュする問題を解決する方法

ある読者から連絡があり、ダウンロードが終了し、操作がまだ開始されていないのに、なぜ Tomcat の...

エコー後に要素編集フォームel-radioが選択できない問題を解決します

目次序文質問オンラインソリューション序文この記事の内容は私がこの業界に入ったときのメモを元にしている...

Linux に nginx をインストールする方法

Nginx は C 言語で開発されており、Linux で実行することをお勧めします。もちろん、Win...

フォント名に従ってフォントを呼び出すと、ブラウザに必要なフォントが表示されます。

質問 1: ブラウザに必要なフォントを表示するように指示するにはどうすればよいでしょうか? フォント...

Dockerでrabbitmqをデプロイする際に発生した2つの問題

1. 背景DockerでRabbitMQをデプロイする際に、次の2つの問題が発生します。問題1: ス...

HTML で中国語を UTF-8 に変換する方法

HTMLでは、中国語のフレーズ「學好好學」は「學好好學」と表現できます。プロジェクトでは、SMSアラ...

最新バージョンMySQL5.7.19 解凍版インストールガイド

MySQL バージョン: MySQL Community Edition (GPL) ------ ...

Nginx ローカル ディレクトリ マッピング実装コード例

他のデバイスの画像をローカルディレクトリにマウントするなど、サーバー上の静的リソースにアクセスする必...