
繼續上一章的內容,那么怎么去組織頁面元素,制作原型Demo;哪些表現層面是交互設計師該重點表達的內容,原型的制作又有哪些章法可循呢?
Ⅰ. 什么是原型?
原型的概念說的簡單直白些就是用戶使用產品的界面模型,原型的設計主要包括三部分:①需求內容的呈現 ②導航和鏈接 ③數據的交換
①需求內容的呈現
1)文本,多媒體內容的呈現
最基礎的web頁面就是文字和多媒體的載體,通過文字和媒體把需求內容呈現給訪問者是Web設計最最基礎的部分,設計師需要將信息分主次的傳達給訪問者,這是設計最基本的目的,之前我寫過類似的文章《視覺設計是為了表達信息》。其實不管是交互還是視覺,都應該具備排版組織能力,分得清主次,明白目標,懂得用戶群,才能談的上設計。
了解柵格,有排版功底的交互設計師可以省去很多溝通成本:

和傳統的視覺排版不同的是,交互設計需要在有限的空間內組織信息,舉幾個最常用的手法:

在設計布局的過程中,交互還必須要清楚前端實現的方法,基本的html,css和一些常用腳本效果都要有所了解。
2)行為召喚
除了基本的排版布局,交互在需求的呈現方面還需要花點心思。讀點心理學,了解數據分析,熟悉用戶的行為習慣,想好以何種方式呈現內容才能迎合用戶。對待用戶,設計師要有一顆奴才的心態去猜測主子的玻璃心。
先介紹一種內容引導的方法,姑且給這樣的設計方法稱作為“行為召喚”。所謂的“行為召喚”就是呈現界面的時候考慮到用戶心理,能夠激發起用戶的參與度。一些比較生硬的做法比如:文字加粗加大變色,按鈕變大,AD廣告做成gif圖或flash晃來晃去,增加new,hot等圖片標簽,或者干脆用性感美女做廣告。這些做法雖然破壞了畫面和體驗,但還是要承認這些比較生硬的設計方法確實能夠吸引一部分用戶的注意力。
如果將這些方法做一些思考用另一種方式呈現:

