用戶(hù)體驗(yàn)，對(duì)比人人網(wǎng)和Facebook的用戶(hù)體驗(yàn)！(4)

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

Facebook

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

人人網(wǎng)

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

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

臉書(shū) vs 人人

Action！

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

人人網(wǎng)：

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

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

Facebook：

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

Winner：Facebook

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

人人網(wǎng)：

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

Facebook：

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

Winner：平局

3. 搜索功能

人人網(wǎng)：

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

Facebook：

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

Winner：人人網(wǎng)

4. 好友推薦

人人網(wǎng)：

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

Facebook：

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

Winner：人人網(wǎng)

5. 聊天功能

人人網(wǎng)：

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

Facebook：

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

Winner：人人網(wǎng)

6. 新鮮事

人人網(wǎng)：

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

Facebook：

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

Winner：Facebook

7. 個(gè)人主頁(yè)

人人網(wǎng)：

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

Facebook：

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

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

Winner：人人網(wǎng)

8. 廣告

人人網(wǎng)：

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

Facebook：

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

Winner：Facebook

總結(jié)：

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

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

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