用戶體驗，對比人人網(wǎng)和Facebook的用戶體驗！(4)

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

Facebook

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

人人網(wǎng)

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

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

臉書 vs 人人

Action！

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

人人網(wǎng)：

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

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

Facebook：

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

Winner：Facebook

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

人人網(wǎng)：

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

Facebook：

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

Winner：平局

3. 搜索功能

人人網(wǎng)：

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

Facebook：

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

Winner：人人網(wǎng)

4. 好友推薦

人人網(wǎng)：

如果僅僅是好友推薦，也許這個模塊不會對用戶產(chǎn)生任何作用。所以，人人網(wǎng)在這其中加入了共同好友的查看功能，正是這樣一個小細節(jié)，讓網(wǎng)站的社交體現(xiàn)更加明顯。“更多”按鈕可以減少不必要的好友顯示，引導(dǎo)用戶點擊查看所有的相關(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)俱全，有新消息會自動彈出，但這樣的用戶體驗并不適合社交媒體更像一款小型的聊天軟件。在平臺產(chǎn)品的設(shè)計中，不是所有的功能都越完善越好，而是應(yīng)該根據(jù)實際情況，酌情設(shè)想所有的板塊。

Winner：人人網(wǎng)

6. 新鮮事

人人網(wǎng)：

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

Facebook：

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

Winner：Facebook

7. 個人主頁

人人網(wǎng)：

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

Facebook：

臉書的個人主頁不僅有Timeline模式，也提供比較傳統(tǒng)的簡介模式供用戶自行選擇。國外的社交平臺普遍比較注重個性化，任何事物都希望實現(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)將廣告主要放在首頁和添加好友的頁面，從用戶角度來說其實并不好，尤其首頁。首頁上的內(nèi)容可能是整個網(wǎng)站中最多的，在此基礎(chǔ)上加入廣告是在不是個好的選擇。

Facebook：

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

Winner：Facebook

總結(jié)：

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

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

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