| 簡介： 網(wǎng)頁交互設(shè)計(jì)中留住網(wǎng)站訪問者是最根本的目的，而在傳統(tǒng)的博客提供商中卻并不能完美的體現(xiàn)這一功能，本文作者就facebook的成功之處詳細(xì)分析了它的過人之處，值得一讀！ |
為什么在facebook交友會(huì)更容易？facebook與傳統(tǒng)的BSP（Blog Service Provider）到底有什么不同？是因?yàn)樗袡M豎兩個(gè)導(dǎo)航嗎？是因?yàn)樗袀€(gè)主人信息的聚合頁面嗎？ Facebook為什么成功？又有哪些不足？Facebook商業(yè)上的成功使得它混亂的設(shè)計(jì)成了皇帝的新裝，即使覺得看不懂也不敢去說。讓我們撥開網(wǎng)頁上那些紛繁的視覺表現(xiàn)，來看看藏在網(wǎng)頁背后骨架—信息構(gòu)架（IA Information Architecture），我們將獲得一個(gè)全新視角，這種種疑問將迎刃而解。
傳統(tǒng)的博客服務(wù)提供商（Blog Service Provider，簡稱BSP），比如：Qzone、新浪博客、網(wǎng)易博客…他們提供的博客服務(wù)，不僅僅是為每一位注冊用戶提供了一個(gè)屬于自己的blog空間，還有用于bloger間彼此交流的平臺(tái)。也就是說，信息構(gòu)架是：個(gè)人空間+社區(qū)平臺(tái)。
“個(gè)人空間+社區(qū)平臺(tái)”是什么樣子的？
一個(gè)個(gè)的blog彼此獨(dú)立存在，再由一個(gè)社區(qū)平臺(tái)將這些blog聚合一起，通過內(nèi)容聚合在一起。
左上角的第一個(gè)表示主人態(tài)，主人可以看到BSP提供的所有服務(wù)，其中的B、D、E是他自己已經(jīng)使用了的。
而下面一個(gè)個(gè)的是其他人的blog，其他人的blog包含的內(nèi)容各不相同，有的用了相冊，有的用了日志，有的用了視頻…目前多數(shù)的BSP都是簡單的把ABCDEF都簡單的呈現(xiàn)給客人，不管主人用不用。
圖中右半部分是社區(qū)平臺(tái)，以內(nèi)容為維度，展示內(nèi)容，進(jìn)而展示用戶。比如，A代表日志，社區(qū)平臺(tái)上會(huì)有個(gè)日志欄目，其中展示出很多有意思的日志，要看這篇日志，就到達(dá)另外一個(gè)人的blog了。交流實(shí)現(xiàn)了，所謂平臺(tái)，價(jià)值也就在于此。
Blog原本就是一個(gè)個(gè)獨(dú)立的，有了BSP提供blog服務(wù)后，才出現(xiàn)了社區(qū)平臺(tái)，讓用戶能更方便的找到其他人。不僅僅是自己寫給別人看，更可以用方便的找到志同道合的人，讓眾多bloger形成一個(gè)社區(qū)。
這樣的結(jié)構(gòu)有好處：
1.結(jié)構(gòu)清晰。這結(jié)構(gòu)我一說，你就明白了。估計(jì)我不說，你也能明白。
2.擴(kuò)建容易。這是針對(duì)BSP來說的。要添加一項(xiàng)新的服務(wù)，可以分成兩個(gè)步驟來進(jìn)行，在個(gè)人blog中提供功能是一步，在社區(qū)平臺(tái)上提供交流是另外一步，如果開發(fā)資源有限，可以不必同時(shí)做。比如，要提供一個(gè)視頻服務(wù)，可以先在個(gè)人空間中提供給每個(gè)用戶上傳、展示視頻的功能，暫時(shí)社區(qū)平臺(tái)上沒有視頻方面的聚合內(nèi)容也沒關(guān)系，等有精力了再做不遲。
這種“個(gè)人+社區(qū)平臺(tái)”模式的缺點(diǎn)：
各個(gè)blog之間的溝通比較困難。每個(gè)blog都屬于個(gè)人，要從一個(gè)blog進(jìn)入另外一個(gè)blog有兩條路：
1. 通過blog中的好友、留言作者名稱。我在一個(gè)blog中留了言，閱讀到這個(gè)留言的人就可以通過這個(gè)留言的作者名進(jìn)入我的blog。
2. 頁面最上面的類似“進(jìn)入社區(qū)平臺(tái)”的鏈接。
這兩個(gè)渠道的能量都很有限?？臻g中的好友是主人自己添加的。這個(gè)空間主人要是人緣差，沒好友，沒人留言，那第一條路就沒了。“進(jìn)入社區(qū)平臺(tái)”鏈接只是個(gè)鏈接，點(diǎn)之前啥都看不到，我干嘛要去點(diǎn)？點(diǎn)了能有啥有意思的？
上面說的這種是傳統(tǒng)BSP的信息構(gòu)架。搞清楚了這個(gè)我們再來看另外一種比較新鮮的構(gòu)架—facebook、myspace…的構(gòu)架。
facebook的構(gòu)架和“個(gè)人+社區(qū)平臺(tái)”有個(gè)顯著區(qū)別：主人信息是打散到社區(qū)平臺(tái)的各個(gè)欄目中，因?yàn)檫@個(gè)區(qū)別，我在這里姑且給這種構(gòu)架起個(gè)名字—“一體式”。
[Page: ]
來看看“一體式”的結(jié)構(gòu)：
既然主人頁面中有個(gè)“日志”，社區(qū)平臺(tái)也有個(gè)“日志”，那就合并成一個(gè)好啦?！拔易约骸本蜎]啦，全部的構(gòu)架就只剩下一個(gè)按內(nèi)容分類的結(jié)構(gòu)了。因?yàn)橹魅说男畔⑹谴蛏⒌礁鱾€(gè)ABCD…欄目中，這就需要給主人一個(gè)自己有關(guān)所有自己的聚合頁面—主人的首頁。方便用戶查看所有與自己有關(guān)的所有信息：
真實(shí)頁面是這樣的：
打開網(wǎng)站中的一個(gè)欄目，比如，打開C，會(huì)顯示為：
真實(shí)的網(wǎng)頁是這樣的：
進(jìn)入到某一個(gè)人的空間中，別人的這個(gè)空間也不再是一個(gè)獨(dú)立的小網(wǎng)站了，而是只用右側(cè)來顯示某個(gè)人的信息。左側(cè)的內(nèi)容分類導(dǎo)航則固定不變：
真實(shí)的網(wǎng)頁是這樣的：
這種信息構(gòu)架的好處：
優(yōu)點(diǎn)一.我自己的信息和別人的信息聯(lián)系的十分緊密，當(dāng)我查看我的相冊時(shí)，直接就看到了其他人相冊的一些信息。要了解其他人不再需要跳到單獨(dú)的社區(qū)平臺(tái)上了。這顯然增進(jìn)了互相的交流，所以在類似facebook這樣的網(wǎng)站交友更容易。
優(yōu)點(diǎn)二.提供了專門給主人的主頁，于是可以提供更多專門給主人看的信息：誰最近又上傳了照片啦，誰要加我為好友啦，誰又和誰成為好友啦…東家長西家短，可以向主人嘮叨很多八卦。這些信息顯然也有助于用戶之間的溝通。
[Page: ]
“一體化”模式的缺點(diǎn)：
缺點(diǎn)一.展示其他人的空間信息變得很受局限。
只有右側(cè)欄可以顯示當(dāng)前空間的內(nèi)容。當(dāng)前空間（某個(gè)客人空間）的信息不能再做頁簽式的導(dǎo)航了。也就是說，不能顯示成下面這樣：
因?yàn)樵谧髠?cè)已經(jīng)出現(xiàn)一套ABCDEF了，再在右側(cè)出現(xiàn)當(dāng)前空間主人的ACD，就混了，“要看這個(gè)人的A欄目內(nèi)容，到底要點(diǎn)哪個(gè)A？”
關(guān)于這個(gè)主人的信息有很多很多，又不能用頁簽式的導(dǎo)航，要展現(xiàn)這么多信息自然吃力。當(dāng)前主人的空間的二級(jí)欄目就只能加個(gè)“返回首頁”的鏈接了，象下面這樣：
這種“返回首頁”類型的導(dǎo)航?jīng)]有明確的展示出當(dāng)前頁面在網(wǎng)站中的位置，用的多了，看著就比較暈了。
缺點(diǎn)二.給主人自己的導(dǎo)航比較混亂。
上面提到需要給主人一個(gè)首頁，用于顯示所有和他相關(guān)的信息。除此以外，主人還需要知道別人看自己會(huì)是個(gè)什么樣子。Facebook就給這兩個(gè)頁面分別起名叫：home 和 profile ：
看到的效果就是我有兩個(gè)主頁，一個(gè)是給我自己用的，另外一個(gè)是別人看到的樣子。也就是，主人模式首頁和客人模式首頁。
主人模式或客人模式又有很多共同的功效，比如：有好友在我的相冊里寫了一條評(píng)論，我可以在 home頁中查看到，點(diǎn)擊后進(jìn)入相冊：
也可以在profile中主動(dòng)點(diǎn)擊進(jìn)入相冊發(fā)現(xiàn)這條新評(píng)論：
這兩個(gè)主頁再加上上面提到的“返回首頁鏈接而不頁簽”，實(shí)在就是夠亂的了。在這里面轉(zhuǎn)經(jīng)常感覺像是在酒吧中灌下若干喜力后找洗手間的情形：東撞西撞的一眼看到了“洗手間”的牌子走進(jìn)去就對(duì)了。下次再去還是不知道洗手間在什么地方。
對(duì)比兩類構(gòu)架：
對(duì)比兩類比較典型SNS的信息構(gòu)架模式，可以看出，第一種“個(gè)人空間+社區(qū)平臺(tái)”模式，結(jié)構(gòu)簡單，但交流不暢。在越來越強(qiáng)調(diào)用戶間互動(dòng)的大潮下，這樣的結(jié)構(gòu)顯得心有余而力不足。第二種 “一體化”模式，個(gè)人信息與公共信息渾然一體，在用戶交流方法提供了更多的引導(dǎo)，但也是因?yàn)檫@個(gè)“渾然一體”，使得導(dǎo)航起來比較痛苦，結(jié)構(gòu)看上去混亂，用起來迷糊。我相信，即便是除去英文這個(gè)語言因素，也沒有誰敢說自己一上來就能很順手的使用這個(gè)網(wǎng)站，總是得要學(xué)一陣子，還不見得能學(xué)明白。
