起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)用戶體驗(yàn)設(shè)計(jì)PK戰(zhàn)！臉書vs人人
全球知名的社交網(wǎng)絡(luò)媒體，被大家親切的稱為“臉書”，但在中國(guó)大陸地區(qū)不幸被屏蔽。
人人網(wǎng)
曾經(jīng)在中國(guó)的學(xué)生界一度風(fēng)靡，最近傳出站內(nèi)信功能下線的消息，不免有引起了一陣感慨。
但這里我們拋開其他，只針對(duì)兩個(gè)網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)進(jìn)行分析比較，并且只在設(shè)計(jì)領(lǐng)域中找原因。很多聲音直指人人抄襲Facebook，但如果能在“抄”的過(guò)程中揚(yáng)長(zhǎng)避短，更加符合用戶的使用體驗(yàn)需求，那“抄襲”倒也不算一件壞事。
臉書vs人人！
Action！
1.頂部水平導(dǎo)航
人人網(wǎng)：
人人網(wǎng)的頂部水平導(dǎo)航由兩個(gè)部分組成，有提醒功能和無(wú)提醒的板塊被區(qū)分開來(lái)，分類因此變得特別詳細(xì)，始終展現(xiàn)的分類是個(gè)人主頁(yè)、付費(fèi)服務(wù)和設(shè)置；而可隱藏部分的分類是通知、好友和會(huì)話。
基于用戶體驗(yàn)的角度，讓“付費(fèi)服務(wù)”和“設(shè)置”始終展現(xiàn)顯然存在一些問(wèn)題，如果能將用戶使用頻率最高的板塊放在最易于點(diǎn)擊的位置是不是更好？
Facebook：
導(dǎo)航內(nèi)容板塊與人人網(wǎng)基本相同，但不同的是，臉書導(dǎo)航的主次順序排列的十分清晰。從個(gè)人主頁(yè)到搜索好友，這些內(nèi)容都是用戶在使用過(guò)程中真正需要的，而被弱化的好友請(qǐng)求、收件箱、通知、隱私設(shè)置和設(shè)置都被移到了最右側(cè)，并且在點(diǎn)擊時(shí)不會(huì)產(chǎn)生頁(yè)面跳轉(zhuǎn)，為用戶的使用提供了便利。
Winner：Facebook
2.側(cè)邊導(dǎo)航
人人網(wǎng)：
側(cè)邊導(dǎo)航顯示的大多是一些比較細(xì)節(jié)化的靱相關(guān)的內(nèi)容分類，人人網(wǎng)這部分的用戶體驗(yàn)還是不錯(cuò)的。導(dǎo)航固定在頁(yè)面最左側(cè)，分類頁(yè)比較明確，并且實(shí)現(xiàn)單獨(dú)滾動(dòng)，不影響用戶的瀏覽效果。
Facebook：
臉書的側(cè)邊導(dǎo)航分類也比較明確，所有的條目一目了然，很有效的減少了用戶的思考時(shí)間和不必要的多余點(diǎn)擊。
Winner：平局
3.搜索功能
人人網(wǎng)：
人人網(wǎng)的搜索模塊具備自動(dòng)檢索和篩選功能，涉及的維度也比較寬泛，不止有常規(guī)的還有專頁(yè)，也包括了關(guān)鍵詞所在的分享內(nèi)容。
Facebook：
臉書搜索功能的用戶體驗(yàn)看起來(lái)并不好。相關(guān)內(nèi)容的聯(lián)想是如今大多數(shù)搜索框都具備的功能之一，臉書當(dāng)然也不例外。但聯(lián)想結(jié)果并不一定是用戶需要的內(nèi)容，因此，默認(rèn)第一條結(jié)果就是用戶所需顯然不恰當(dāng)。如果用戶希望搜索自己輸入的內(nèi)容，那就必須通過(guò)鼠標(biāo)點(diǎn)擊右側(cè)的“放大鏡”，回車能帶來(lái)的只是搜索第一條聯(lián)想結(jié)果。這個(gè)步驟在無(wú)形中增加了用戶在頁(yè)面中的操作。
Winner：人人網(wǎng)
4.好友推薦
人人網(wǎng)：
如果僅僅是好友推薦，也許這個(gè)模塊不會(huì)對(duì)用戶產(chǎn)生任何作用。所以，人人網(wǎng)在這其中加入了共同好友的查看功能，正是這樣一個(gè)小細(xì)節(jié)，讓網(wǎng)站的社交體現(xiàn)更加明顯?！案唷卑粹o可以減少不必要的好友顯示，引導(dǎo)用戶點(diǎn)擊查看所有的相關(guān)好友。
Facebook：
臉書的好友推薦占了整個(gè)頁(yè)面的很大一部分，但是所展示的信息量卻很少，并且板塊存在重復(fù)出現(xiàn)的現(xiàn)象，會(huì)讓用戶的瀏覽邏輯產(chǎn)生混淆。
Winner：人人網(wǎng)
5.聊天功能
人人網(wǎng)：
人人網(wǎng)身為一個(gè)社交平臺(tái)，聊天功能并不是一個(gè)很重要的環(huán)節(jié)，因此只要基本滿足用戶需求即可。聊天框可以任意調(diào)整尺寸大小，界面清晰簡(jiǎn)單，具備個(gè)性化的提醒功能。
Facebook：
臉書的聊天板塊功能一應(yīng)俱全，有新消息會(huì)自動(dòng)彈出，但這樣的用戶體驗(yàn)并不適合社交媒體更像一款小型的聊天軟件。在平臺(tái)產(chǎn)品的設(shè)計(jì)中，不是所有的功能都越完善越好，而是應(yīng)該根據(jù)實(shí)際情況，酌情設(shè)想所有的板塊。
Winner：人人網(wǎng)
6.新鮮事
人人網(wǎng)：
人人網(wǎng)在新鮮事的設(shè)計(jì)上存在的最大失誤在于，新事件右上方的“消息設(shè)置”和“隱藏”按鈕距離太近，很容易造成用戶的誤點(diǎn)。同時(shí)，隱藏按鈕的文案表述不準(zhǔn)確，“標(biāo)記為已讀”會(huì)讓用戶產(chǎn)生歧義。
Facebook：
臉書的新鮮事用卡片式設(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í)間軸恰如其分的滿足了用戶的這一需求。另外，個(gè)人主頁(yè)中導(dǎo)航的自動(dòng)收放和變換也是網(wǎng)站用戶體驗(yàn)的表現(xiàn)之一，該導(dǎo)航會(huì)根據(jù)屏幕當(dāng)前所示內(nèi)容的不同實(shí)時(shí)更改。
Facebook：
臉書的個(gè)人主頁(yè)不僅有Timeline模式，也提供比較傳統(tǒng)的簡(jiǎn)介模式供用戶自行選擇。國(guó)外的社交平臺(tái)普遍比較注重個(gè)性化，任何事物都希望實(shí)現(xiàn)根據(jù)個(gè)人使用習(xí)慣來(lái)搭建。這一理念在臉書的個(gè)人主頁(yè)中也有體現(xiàn)，每個(gè)版塊基本上都能按照自己的喜好調(diào)整和設(shè)置，讓用戶在使用過(guò)程中保持最舒適的狀態(tài)。
而在個(gè)人主頁(yè)的導(dǎo)航部分似乎沒(méi)有體現(xiàn)出這一理念。導(dǎo)航采用了跟隨的形式，面積雖然不大，但卻阻礙了用戶的瀏覽視線。
Winner：人人網(wǎng)
8.廣告
人人網(wǎng)：
在網(wǎng)頁(yè)中，廣告的位置分布很重要，而人人網(wǎng)將廣告主要放在首頁(yè)和添加好友的頁(yè)面，從用戶角度來(lái)說(shuō)其實(shí)并不好，尤其首頁(yè)。首頁(yè)上的內(nèi)容可能是整個(gè)網(wǎng)站中最多的，在此基礎(chǔ)上加入廣告是在不是個(gè)好的選擇。
Facebook：
最高明的廣告就是讓用戶不覺(jué)得這是廣告。要在硬廣中實(shí)現(xiàn)這一點(diǎn)并不容易，但臉書在漸漸地想這個(gè)目標(biāo)靠近。臉書在不同的頁(yè)面上推廣不同類型的產(chǎn)品，這樣的廣告更加有針對(duì)性，減少了原本很濃重的商業(yè)色彩，用戶可能更愿意閱讀。
Winner：Facebook
總結(jié)：
人人網(wǎng)4:3 Facebook！
這樣的結(jié)果可能會(huì)讓一些用戶出乎意料，但是這證明了，本土化的產(chǎn)品更適合我們的使用習(xí)慣。Facebook之所以最終無(wú)法在中國(guó)實(shí)現(xiàn)本地化，一大部分原因也許正是源自于用戶體驗(yàn)的缺失。
臉書和人人對(duì)各自的用戶群體都有著很大的影響力，由于兩者之間的許多不謀而合的共同點(diǎn)，“人臉”之間的PK戰(zhàn)從未停止過(guò)，無(wú)論從理念、運(yùn)營(yíng)、界面、還是設(shè)計(jì)，他們的關(guān)系“剪不斷，理還亂”。
本文為作者 @AnyForWeb 投稿發(fā)布，轉(zhuǎn)載請(qǐng)注明來(lái)源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接
確定不是軟文？