發現網頁中的信息與交互

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

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

　　信息設計：

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

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

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

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

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

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

　　交互設計：

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

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

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

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

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