搜狐白社會與開心網UI界面對比分析

個人主頁

1、導航

極贊，且采用了少見的跟隨窗口滾動的方式。由於整體配色清淡一致的緣故，這樣也不覺得打攪，不 過就犧牲了導航常用的深色系，使導航不夠醒目，利弊參半。我猜測原因是這樣的：為了及時通知消息（當頁面拉到較低位置的時候），又要把標簽欄走馬燈的提示 效果讓給Web im，只好讓導航條跟著滾了。

找人的輸入框容易被誤解為“找好友”，其實是全站搜索，剛開始有點錯愕，適應後也滿好。新通知和通知拉層的設計極贊，必引為己用。

白社會導航

開心網導航

2、Banner

其實談不上是Banner……，或者算是形象版頭吧。

視覺上和導航並不統一，但基本忽略了這一點。看見有人說那個大太陽是白社會的天氣預報，大笑。Boss圈圈和“生活在別處”都是小眾趣味的文藝腔， 無視之。音樂播放器的UI極贊，神來之筆，比開心體貼許多，協調又趁手。但經常忍不住去點那個“隨便聽點什麼”，猛點，點它不動。

3、內容版頭

一句話發布框是向FB的致敬之作，下面的三個小圖標其實很好用，但我很懷疑純圖標會使得點擊率下降500%，不及FF直接用文字表述的清晰。右側的小報/等級/金幣/打卡信息簡潔緊湊，花絮效果居多，且數字顏色太淺，雖然與整體融合度佳，卻削弱了概念上的感染力。

任務模塊是神來之筆，把UCH的創造給發揚光大，極贊。但遇到我不喜歡的任務，還關不掉，成天在那裡死皮賴臉地掛著。這點開心做得好很多，絕不會在主要界面上設置強奸性的元素。包括等級，積分，也有人“偏生不喜歡”的。白社會的風格化終歸不夠大氣。

4、左側導航

清爽歸清爽了，和諧歸和諧了，毛病始終在那裡，就是字太纖細，遠不及開心的醒目。為了使組 件導航條更突出一些，圖標沒跟著12號字一起瘦身，又使得圖標大過文字，進一步削弱了組件標題的視覺權重。唉，白社會就是死要面子活受罪。像開心那樣用 14號加粗字體又怎麼了？丑是丑一些，用起來實在。導航，自然以點擊順手為最高原則。別拿設計人員的美學來擺架子。

在左導航和動態區之間有一個折頁效果，是很漂亮，但我不喜歡。過多的立體感會增加整個頁面的復雜印象。好的產品設計，應該豐富而不復雜。炫技無益而有害。

5、中央動態區域

對這塊似乎褒貶不一，我持整體貶低的態度，可能是因為媒體出身，很強調“通透”“流暢 ”“統一”這些概念。而白社會強調的是“豐富”“活潑”“快速定位”，完全另一套概念。換句話說，可能無法直接地蓋一個“優/良/中/差”這樣的印章。得 看用戶的喜好。比如像我這樣的用戶，喜歡自上而下的順序閱讀，就很反感，覺得它樣式和顏色太多，花，亂，看得頭暈。而另一些用戶喜歡跳躍性閱讀，隨便挑著 看，有可能就覺得它重點突出，豐富活潑。

我經常大發議論說，用戶印象是永遠沒有錯的。用戶感受都是對的。只是看我們最終能取悅多少用戶，他們是大眾還是小眾，是否能取悅到我們想要的用戶。 從這個角度來看，白社會的動態區域UI恐怕放棄面太大，因為我這一類的用戶並非少數。這也是我持整體貶低態度的原因，不僅僅出於個人好惡。

具體到細節，將動態類別過濾用下拉菜單的方式放在區域右上角，想法很不錯，卻又犯了拘泥於圖標的老毛病。我覺得那玩意兒挺好用的，就是想不起來去用 它。或者說，我看不見它，就算看見了也意識不到這哥們是干什麼的。原則上，如果用戶沒有強烈的主動使用需求，但確實又能有效改善其體驗，我們盡可能使用文 字鏈接而不是圖標，以引導用戶建立這個習慣。白社會的設計師雖然強悍，卻有不少美學上的固執。

而把動態過濾的設置鏈接放在全局右下（這回你終於用文字鏈接了吧），應用過分高端。既然整個區域是跳躍性浏覽，3lian素材，到末尾的時候很容易“跳過去”，此處 所受的重視就比順序浏覽更少。此外，30多條動態對吧，也只能跳著看，頁面太長了，很難拉到底。拉到底的第一反應不是短暫的停頓，而是快速回彈，怎麼看得 見右下鍵淺淺的“設置”兩個字。

關於白社會的動態過載，泥沙俱下，我在之前的文章裡詳細講過，這就特別需要用戶手動來過濾一些不愛的內容，免得被其趕跑，動態過濾設置也就特別重要。結果功能入口被丟在如此冷清的角落裡，非常不明智，如韓信在項王帳下，僅一執戟郎中耳。

全局右下的“設置-查看更多新鮮事”，我們部門去年給這種交互效果取了個名字叫“滾筒式”翻頁，很好用——就是不好點。TW整條通欄可點擊，用起來 多舒服。雖然白社會在學FB，可人家略微居中的點擊位置順手不少。不過我喜歡白社會點擊更多鏈接後的loading提示，輕巧順暢，比FB的更好。

最後說兩個花絮，在可回復的動態中，只要有第一個人回復，內容動態下面的窄評論框就會缺省展開，估計是認為這條信息有可能具備討論價值。取材自FB的引導交流的思路極贊。在白社會中，可贊的交互設計確實多不勝數，看得我又愛又恨。必引為己用。

而用戶發布內容後，在自己首頁的動態區域內亦可見，也很棒。用戶直觀地意識到自己的動作被融入了整個社交動態環境之中，確信發布成功，將為人所知；也就更容易樹立對整個動態環境的認知度和認同度。同時也便於查看好友對自己發布內容的回復。