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

推薦する

node.js で EventEmitter をカスタマイズする方法

目次序文1. 何ですか2. Node.jsでEventEmitterを使用する方法3. 実施プロセス...

MySQL インポートおよびエクスポートのバックアップの詳細

目次1. MySQLのバックアップタイプの詳細な説明1. バックアップがデータベースに与える影響に基...

Windows での MySQL スケジュールバックアップ スクリプトの実装

Windows サーバーでデータベース データを定期的にバックアップする場合は、Windows タス...

JS クロスドメイン XML - AS URLLoader を使用

最近、機能拡張の要件を受け取りました。ただし、新しい要件で参照されているデータインターフェイスは、X...

TypeScript ジェネリックを簡単に説明する方法

目次概要ジェネリック医薬品とはビルドシステムジェネリック医薬品の一般的な理解ジェネリッククラスジェネ...

Windows Server 2016 でサービスを展開する方法 (グラフィック チュートリアル)

導入インストールするシステムの数が多い場合、USB フラッシュ ドライブまたは CD を使用した手動...

CentOS7 に MySQL をオフラインでインストールする詳細なチュートリアル

1. 元のmariadbを削除します。削除しないとmysqlをインストールできません。 mariad...

ウェブページ上の写真プレビューナビゲーションを設計するためのヒント

<br />ナビゲーションとは、ウェブサイトの上部にあることが多いナビゲーション バーの...

CentOS 7 で MySQL 接続数が 214 に制限される問題の解決方法

問題を見つける最近、プロジェクトで問題が発生しました。接続が多すぎるため、「接続が多すぎます」という...

Linuxのファイル権限の詳細な紹介

Linux の優れた点は、マルチユーザー、マルチタスク システムにあります。 Linux では通常、...

適応型ウェブページを設計および作成する方法

3G の普及により、携帯電話を使ってインターネットにアクセスする人が増えています。モバイル デバイス...

@font-face を使用して Web ページに特殊文字を実装する (カスタム フォントを作成する)

数日前、CSS を使用して三角形の矢印を実装する方法について記事を書きました。 目的の効果は達成され...

HTML 再利用テクニック

HTML の再利用は、あまり話題に上らない言葉です。今日は、この問題を次のようにまとめたいと思います...

ServerManager の起動時にデータベースに接続できないエラーを解決する方法

Servermanager 起動時の接続データベース エラーmgrstart.batを実行しますエラ...

Linux 上で Python3.6 をコンパイルしてインストールするための詳細なチュートリアル

1. まず、公式ウェブサイト https://www.python.org/downloads/so...