淺談網頁設計中的信息與交互

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

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

信息設計：

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

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

總之，內容結構和內容布置的所有問題都可以歸結為信息設計，也就是設計那些網站或頁面中“讓人看”的元素。信息架構是一門高深的學問，我只講幾點個人體會：

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

2.展現(xiàn)你想讓用戶看到的。用戶明確的需求一定要滿足，但是很多人來到網站則只有預期沒有需求，是來隨便逛逛的。可以花些心思引導這部分人，把你最想給用戶看到的內容展現(xiàn)出來。

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

交互設計：

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

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

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

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

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