獨(dú)立客觀第三方的網(wǎng)站評測比賽開始了！本場擂主是坐鎮(zhèn)國外的Facebook，踢館者是曾叱咤大學(xué)的人人網(wǎng)，本文將從7個方面對兩個網(wǎng)站進(jìn)行具體細(xì)致的用戶體驗(yàn)設(shè)計(jì)評估

Facebook

全球知名的社交網(wǎng)絡(luò)媒體，被大家親切的稱為“臉書”，但在中國大陸地區(qū)不幸被屏蔽。（梯子：微盤下載）

人人網(wǎng)

曾經(jīng)在中國的學(xué)生界一度風(fēng)靡，最近傳出站內(nèi)信功能下線的消息，不免有引起了一陣感慨。

但這里我們拋開其他，只針對兩個網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)進(jìn)行分析比較，并且只在設(shè)計(jì)領(lǐng)域中找原因。很多聲音直指人人抄襲Facebook，但如果能在“抄”的過程中揚(yáng)長避短，更加符合用戶的使用體驗(yàn)需求，那“抄襲”倒也不算一件壞事。

臉書 vs 人人

Action！

1. 頂部水平導(dǎo)航

人人網(wǎng)：

人人網(wǎng)的頂部水平導(dǎo)航由兩個部分組成，有提醒功能和無提醒的板塊被區(qū)分開來，分類因此變得特別詳細(xì)，始終展現(xiàn)的分類是個人主頁、付費(fèi)服務(wù)和設(shè)置；而可隱藏部分的分類是通知、好友和會話。

基于用戶體驗(yàn)的角度，讓“付費(fèi)服務(wù)”和“設(shè)置”始終展現(xiàn)顯然存在一些問題，如果能將用戶使用頻率最高的板塊放在最易于點(diǎn)擊的位置是不是更好？

Facebook：

導(dǎo)航內(nèi)容板塊與人人網(wǎng)基本相同，但不同的是，臉書導(dǎo)航的主次順序排列的十分清晰。從個人主頁到搜索好友，這些內(nèi)容都是用戶在使用過程中真正需要的，而被弱化的好友請求、收件箱、通知、隱私設(shè)置和設(shè)置都被移到了最右側(cè)，并且在點(diǎn)擊時不會產(chǎn)生頁面跳轉(zhuǎn)，為用戶的使用提供了便利。

Winner：Facebook

2. 側(cè)邊導(dǎo)航

人人網(wǎng)：

側(cè)邊導(dǎo)航顯示的大多是一些比較細(xì)節(jié)化的靱相關(guān)的內(nèi)容分類，人人網(wǎng)這部分的用戶體驗(yàn)還是不錯的。導(dǎo)航固定在頁面最左側(cè)，分類頁比較明確，并且實(shí)現(xiàn)單獨(dú)滾動，不影響用戶的瀏覽效果。

Facebook：

臉書的側(cè)邊導(dǎo)航分類也比較明確，所有的條目一目了然，很有效的減少了用戶的思考時間和不必要的多余點(diǎn)擊。

Winner：平局

3. 搜索功能

人人網(wǎng)：

人人網(wǎng)的搜索模塊具備自動檢索和篩選功能，涉及的維度也比較寬泛，不止有常規(guī)的還有專頁，也包括了關(guān)鍵詞所在的分享內(nèi)容。

Facebook：

臉書搜索功能的用戶體驗(yàn)看起來并不好。相關(guān)內(nèi)容的聯(lián)想是如今大多數(shù)搜索框都具備的功能之一，臉書當(dāng)然也不例外。但聯(lián)想結(jié)果并不一定是用戶需要的內(nèi)容，因此，默認(rèn)第一條結(jié)果就是用戶所需顯然不恰當(dāng)。如果用戶希望搜索自己輸入的內(nèi)容，那就必須通過鼠標(biāo)點(diǎn)擊右側(cè)的“放大鏡”，回車能帶來的只是搜索第一條聯(lián)想結(jié)果。這個步驟在無形中增加了用戶在頁面中的操作。

Winner：人人網(wǎng)

4. 好友推薦

人人網(wǎng)：

如果僅僅是好友推薦，也許這個模塊不會對用戶產(chǎn)生任何作用。所以，人人網(wǎng)在這其中加入了共同好友的查看功能，正是這樣一個小細(xì)節(jié)，讓網(wǎng)站的社交體現(xiàn)更加明顯。“更多”按鈕可以減少不必要的好友顯示，引導(dǎo)用戶點(diǎn)擊查看所有的相關(guān)好友。

Facebook：

臉書的好友推薦占了整個頁面的很大一部分，但是所展示的信息量卻很少，并且板塊存在重復(fù)出現(xiàn)的現(xiàn)象，會讓用戶的瀏覽邏輯產(chǎn)生混淆。

Winner：人人網(wǎng)

5. 聊天功能

人人網(wǎng)：

人人網(wǎng)身為一個社交平臺，聊天功能并不是一個很重要的環(huán)節(jié)，因此只要基本滿足用戶需求即可。聊天框可以任意調(diào)整尺寸大小，界面清晰簡單，具備個性化的提醒功能。

Facebook：

臉書的聊天板塊功能一應(yīng)俱全，有新消息會自動彈出，但這樣的用戶體驗(yàn)并不適合社交媒體更像一款小型的聊天軟件。在平臺產(chǎn)品的設(shè)計(jì)中，不是所有的功能都越完善越好，而是應(yīng)該根據(jù)實(shí)際情況，酌情設(shè)想所有的板塊。

Winner：人人網(wǎng)

6. 新鮮事

人人網(wǎng)：

人人網(wǎng)在新鮮事的設(shè)計(jì)上存在的最大失誤在于，新事件右上方的“消息設(shè)置”和“隱藏”按鈕距離太近，很容易造成用戶的誤點(diǎn)。同時，隱藏按鈕的文案表述不準(zhǔn)確，“標(biāo)記為已讀”會讓用戶產(chǎn)生歧義。

Facebook：

臉書的新鮮事用卡片式設(shè)計(jì)展現(xiàn)，讓網(wǎng)頁條理更加明確。新事件右上角的下拉菜單在同一個分欄下，清晰易懂，語言直白。

Winner：Facebook

7. 個人主頁

人人網(wǎng)：

Timeline的個人主頁展現(xiàn)方式是受到大家廣泛認(rèn)可的樣式之一，人人網(wǎng)通過改版也實(shí)現(xiàn)了。社交平臺有時也被作為個人的成長記錄，而時間軸恰如其分的滿足了用戶的這一需求。另外，個人主頁中導(dǎo)航的自動收放和變換也是網(wǎng)站用戶體驗(yàn)的表現(xiàn)之一，該導(dǎo)航會根據(jù)屏幕當(dāng)前所示內(nèi)容的不同實(shí)時更改。

Facebook：

臉書的個人主頁不僅有Timeline模式，也提供比較傳統(tǒng)的簡介模式供用戶自行選擇。國外的社交平臺普遍比較注重個性化，任何事物都希望實(shí)現(xiàn)根據(jù)個人使用習(xí)慣來搭建。這一理念在臉書的個人主頁中也有體現(xiàn)，每個版塊基本上都能按照自己的喜好調(diào)整和設(shè)置，讓用戶在使用過程中保持最舒適的狀態(tài)。

而在個人主頁的導(dǎo)航部分似乎沒有體現(xiàn)出這一理念。導(dǎo)航采用了跟隨的形式，面積雖然不大，但卻阻礙了用戶的瀏覽視線。

Winner：人人網(wǎng)

8. 廣告

人人網(wǎng)：

在網(wǎng)頁中，廣告的位置分布很重要，而人人網(wǎng)將廣告主要放在首頁和添加好友的頁面，從用戶角度來說其實(shí)并不好，尤其首頁。首頁上的內(nèi)容可能是整個網(wǎng)站中最多的，在此基礎(chǔ)上加入廣告是在不是個好的選擇。

Facebook：

最高明的廣告就是讓用戶不覺得這是廣告。要在硬廣中實(shí)現(xiàn)這一點(diǎn)并不容易，但臉書在漸漸地想這個目標(biāo)靠近。臉書在不同的頁面上推廣不同類型的產(chǎn)品，這樣的廣告更加有針對性，減少了原本很濃重的商業(yè)色彩，用戶可能更愿意閱讀。

Winner：Facebook

總結(jié)：

人人網(wǎng)4：3 Facebook！

這樣的結(jié)果可能會讓一些用戶出乎意料，但是這證明了，本土化的產(chǎn)品更適合我們的使用習(xí)慣。Facebook之所以最終無法在中國實(shí)現(xiàn)本地化，一大部分原因也許正是源自于用戶體驗(yàn)的缺失。

臉書和人人對各自的用戶群體都有著很大的影響力，由于兩者之間的許多不謀而合的共同點(diǎn)，“人臉”之間的PK戰(zhàn)從未停止過，無論從理念、運(yùn)營、界面、還是設(shè)計(jì)，他們的關(guān)系“剪不斷，理還亂”。