【導讀】百度知道相信也是大家日常工作生活中經(jīng)常使用到的一款產(chǎn)品，使用頻次較高一方面能夠使用戶養(yǎng)成使用習慣，另一方面卻會給新鮮內(nèi)容的加入帶來一些挑戰(zhàn)。同類產(chǎn)品的增多，促使各類網(wǎng)站加快了迭代速度，開始注重提升品牌感，與用戶使用體驗。其中，百度知道這次的改版是一個較為典型的例子，借此我們可以來看看功能型的知識分享平臺如何通過視覺體驗的提升來煥發(fā)新的活力。

品牌感的重新塑造

據(jù)數(shù)據(jù)統(tǒng)計顯示，普通的互聯(lián)網(wǎng)用戶平均每天要查看63個網(wǎng)站，如果按照每天工作時間8小時來算，平均每7分鐘，就要打開一個全新的網(wǎng)頁。這就意味著用戶都要閱讀大量的網(wǎng)絡信息，如何能在這大量的網(wǎng)絡信息當中脫穎而出，將直接影響用戶的回訪率與網(wǎng)站的流量數(shù)據(jù)。這也就是為什么越來越多的網(wǎng)站告別了傳統(tǒng)的網(wǎng)頁布局，開始標新立異。

我們可以一起來看一下現(xiàn)在主流問答類網(wǎng)站的首屏截圖。雖然屬于不同公司的產(chǎn)品，但從首屏視覺上面來說基本都是：導航+分類+輪播圖的大布局，只有基本的排版差異。用戶很難從中提取差異性與品牌感。相比之下新版的百度知道由于布局的大變化，使其從中脫穎而出。

經(jīng)常使用百度知道的用戶應該知道，綠色是百度知道的品牌色。品牌色在產(chǎn)品設計中是非常重要的一個部分，用戶對顏色的記憶時間是遠高于文字內(nèi)容的。

比如，一說到facebook，腦海中第一個出現(xiàn)的不是具象的形象，而是facebook標準的臉書藍。而說到y(tǒng)outube則是那經(jīng)典的黑紅搭配。

新版的界面中品牌色的應用變得更加考究了，除了大導航上面的綠底色以外。在按鈕與文字等細節(jié)地方也都融入了品牌顏色。相比之下，舊版知道的品牌色主要集中在首屏的背景色，這樣大面積容易讓用戶失去聚焦點，反而不易于記憶。視覺設計師也可以注意到這點：在顏色的運用上，細節(jié)的處理遠比大色塊要顯得精致許多。

2.精簡信息顯示 ?提示可依賴性

一個普通用戶在每天會看63個頁面，每個頁面除去廣告與相關的推送，有效信息其實少的可憐。想想用戶在搜索一個問題的時候，打開頁面卻看到的都是與之無關的無效信息。用戶會怎么想呢？讓我們來分析一下一個普通的知道用戶在頁面上的操作可能：

a.帶有明確問題進入頁面（這類用戶帶有明確的目的，主要使用搜索功能，以及相關答案的推送）

b.無明確目的，純?yōu)g覽（這類用戶以信息獲取為主，頁面停留時間長，多注重熱門信息和優(yōu)質(zhì)內(nèi)容）

由此可見，實際上首頁的核心功能有主要的兩點：搜索功能、優(yōu)質(zhì)內(nèi)容推送。

新版的知道在內(nèi)容的布局排版上更直觀的給出了用戶想要的內(nèi)容。弱化了問題和分類的比重，減少了用戶非必要的操作。更多的版面用來突出有效的信息，如：知道日報、真相問答機、大數(shù)據(jù)等。用戶一進來，看到得都是優(yōu)質(zhì)信息的推送。既方便了用戶，又提升了品牌專業(yè)度，簡直皆大歡喜。

卡片化大趨勢 ?細節(jié)增加亮點

移動互聯(lián)網(wǎng)平臺的快速發(fā)展加速了pc平臺與移動平臺的互通性?？ㄆ男畔⒊尸F(xiàn)方式將是未來網(wǎng)頁設計的大趨勢。

信息卡片化，顧名思義就是將信息做分類處理。同類信息就好像放在同一片卡片上一樣，方便用戶閱讀。并且除了提高易讀性以外，卡片化的另一大好處就是方便多平臺的適應?？梢宰尞a(chǎn)品在多端保持高度一致的視覺效果，增強品牌沿用性，幫助用戶在多平臺無縫過度。

其中新版很明顯的將統(tǒng)一分類聚合到了一起，最為顯著的是用戶信息部分與知道專家部分。

在新版本中與用戶相關的信息比重更多了，其中還融入了用戶品牌的概念：芝麻、芝麻團、芝麻將。還有用戶排行榜。首頁就可以清晰的呈現(xiàn)用戶的組成結構，并且很容易就讓用戶與知道產(chǎn)生聯(lián)系。增加用戶粘性。

同時，在這次改版中，細節(jié)的設計也是一大亮點。以往，知道作為一個功能為主的互聯(lián)網(wǎng)產(chǎn)品，免不了以內(nèi)容為主，頁面整體偏向嚴謹?shù)娘L格。而這次改版在細節(jié)上面則變的更為人性化。

比如，在頭圖上的知道問答卡片上有樹苗的配圖作為點綴，知道日報的推送內(nèi)容也采取了圖文混排的方式讓信息看上去不那么生硬，還有大家在答的動態(tài)時間軸，以及一些推廣位樣式上的細節(jié)處理，都讓頁面變得更為有趣。既然想讓用戶長時間的停留，那么何不為用戶營造一個愉悅的環(huán)境呢？

除了視覺效果上注重細節(jié)之外，在頁面的動態(tài)效果上也融入了一些有意思的細節(jié)。比如在用戶模塊中，“芝麻”“芝麻團”“芝麻將”三個分類卡片在鼠標hover時，會激活一個翻轉(zhuǎn)的效果，用來顯示更多的相關內(nèi)容。這樣做的好處是節(jié)省了內(nèi)容所占的版面，讓設計師有更大的發(fā)揮空間。并且，讓頁面融入了有趣的動畫效果。值得一提的是，隨著HTML5的不斷發(fā)展，動效設計也被廣泛的應用在網(wǎng)頁上，這將是未來網(wǎng)頁設計的一大趨勢，網(wǎng)頁設計師們可以對此多進行探索和嘗試。

通過這次改版可以看出，新版除了著力于樹立自身品牌形象之外，也把更多精力放在了推廣用戶品牌上。為用戶擁有自己的知道圈子，讓用戶在使用知道產(chǎn)品的時候又強烈的歸屬感與參與度。相信在優(yōu)化用戶體驗的這條道路上，百度知道會越做越好，真正的做到以內(nèi)容為基礎，從用戶體驗出發(fā)，打造更好的知識交流平臺。

來源：互聯(lián)網(wǎng)