DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 信息設計和交互設計
信息設計和交互設計
編輯:關於網頁技巧     

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

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

信息設計:

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

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

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

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

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

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

交互設計:

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

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

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved