淺談網(wǎng)頁設(shè)計中的信息與交互

兩周前，在一家知名互聯(lián)網(wǎng)媒體公司做內(nèi)部沙龍交流。有朋友問我，做為產(chǎn)品設(shè)計、用戶體驗師或交互設(shè)計師，在設(shè)計網(wǎng)站時有哪些事情要做？

互聯(lián)網(wǎng)發(fā)展到現(xiàn)在，各種產(chǎn)品形態(tài)種類繁多，眼花繚亂。但再復(fù)雜的網(wǎng)站都是由頁面構(gòu)成的，而無論什么樣的頁面，都只有兩樣?xùn)|西需要考慮：一種是讓人看的元素；另一種是讓人操作的元素。我這樣的解釋比較通俗，也并沒有很好的把概念抽象出來，目的是為了方便記憶。“讓人用”和“讓人操作”這兩件事情，就是我們常說的信息設(shè)計和交互設(shè)計。

信息設(shè)計：

互聯(lián)網(wǎng)雖然是個虛擬的世界，可我一直堅信任何互聯(lián)網(wǎng)產(chǎn)品都可以找到現(xiàn)實版的映射。Win7新增的便簽紙功能非常的方便，而它的現(xiàn)實版例證就是3M公司發(fā)明的及時貼產(chǎn)品。而設(shè)計類似京東商城的產(chǎn)品時，當(dāng)我們無法找到正確的路徑時，總會拿西單大悅城做類比。

不光產(chǎn)品可以映射，信息設(shè)計工作其實有點像現(xiàn)實中的雜志設(shè)計，編輯在制作一本雜志時。首先要在考慮各種因素后（包括：聆聽用戶、雜志定位、文章質(zhì)量等），決定若干內(nèi)容的排序和展現(xiàn)，例如：廣告放在哪？名人的報道在第幾頁？專欄如何放？當(dāng)這些問題解決后，還要考慮專欄放在某一個頁面時，圖文等元素如何排版。

總之，內(nèi)容結(jié)構(gòu)和內(nèi)容布置的所有問題都可以歸結(jié)為信息設(shè)計，也就是設(shè)計那些網(wǎng)站或頁面中“讓人看”的元素。信息架構(gòu)是一門高深的學(xué)問，我只講幾點個人體會：

1.展現(xiàn)用戶想看到的。頁面中的信息，大部分要以用戶為導(dǎo)向，用戶想看什么，就提供什么。

2.展現(xiàn)你想讓用戶看到的。用戶明確的需求一定要滿足，但是很多人來到網(wǎng)站則只有預(yù)期沒有需求，是來隨便逛逛的�？梢曰ㄐ┬乃家龑�(dǎo)這部分人，把你最想給用戶看到的內(nèi)容展現(xiàn)出來。

3.符合人類的視覺系統(tǒng)習(xí)慣。人類的視覺是從左到右、從上到下的瀏覽習(xí)慣，眼球長時間看單一的文字，或單一的圖片墻都會發(fā)生視覺疲勞等等。

交互設(shè)計：

交互設(shè)計指的是人機交互，人指用戶，機就是網(wǎng)站系統(tǒng)。交互設(shè)計的工作量集中在能夠被響應(yīng)的區(qū)域。比如：超鏈接、按鈕、輸入框、單選多選、List選擇等等，這些元素提供了人機交互的可能性，也就是所說的“能操作”的元素。交互功能是希望用戶做某些事，或用戶想達到下一個目標(biāo)必須做的事情。

交互操作的成本是遠高于流量頁面的信息，所有轉(zhuǎn)化率的損失是不可避免的。有一次看到某網(wǎng)站的首頁，彈出率（用戶只瀏覽了這一個頁面就離開了）超過50%，我就對網(wǎng)站的產(chǎn)品人員和交互人員說只有兩種可能：第一，網(wǎng)站根本找不到用戶想要的；第二，交互設(shè)計太差，無法到下一步，于是選擇離開。

1.別讓用戶思考。用戶會說：你想讓我做什么就直接告訴我吧。網(wǎng)站和軟件是唯一沒有說明書的產(chǎn)品（如果有說明書，也很少有人會看）。如果設(shè)計的交互功能不倫不類，用戶研究了半天還是不知所云，那你就死定了。用戶的離開是對糟糕交互設(shè)計的最大懲罰。

2.別讓用戶煩躁。5年前，在一個網(wǎng)站注冊需要花超過5分鐘，復(fù)雜的填寫項目像是在辦移民添表格一樣，而且一旦填寫錯誤，你就必須重來一遍�，F(xiàn)在再去看看你能想到的網(wǎng)站吧，30秒鐘就可以完成，只需要填寫用戶名和密碼，其他類似生日、性別等“讓人煩”的信息全部被去掉了。

產(chǎn)品經(jīng)理或者交互設(shè)計師可以抽象出這部分是信息設(shè)計，那部分是交互設(shè)計，這樣可以更好的分工和安排工作。但是用戶全然不知這些，對用戶來講沒有信息和交互的概念，每個網(wǎng)頁對用戶來說都是一個整體，要么滿足需求、讓我舒服，然后留下；要么不滿足需求、讓我煩躁，迅速離開。因此我們可以分開工作，但是從體驗角度很多事情還是要統(tǒng)一考慮的。