什么是原型？
產品原型，簡單的來說就是產品設計成型之前的一個簡單框架。
對網站來講，就是將頁面模塊、元素進行粗放式的排版和布局，深入一些，還會加入一些交互性的元素，使其更加具體、形象和生動。
enter image description here
一、主要頁面原型
1. 主要頁面原型的作用
主要的頁面原型可以用于產品初期的討論會、測試以及產品介紹會。
2. 準備工作
在進行主要頁面原型設計之前，交互設計師需要：
- 一份主要的任務流程圖
(根據“業務邏輯”產生的“任務流程”，任務流程可由產品或是交互出，根據各個公司或項目的具體情況而定。 - 一份主要功能列表(PM出)
- 網站信息架構
- 對于前期調研結果的理解
3. 制作主要頁面原型
-
在建立項目的初期就開始定義Master(母板)
Master:會被復用的區域，即共享區域。
項目開始，就可以建立Master,比如網站的Header/Footer/Navigation/廣告版本等
Master:enter image description here
另外可以應用一些Axure RP library 來提高效率。 -
根據“任務流程圖”、“功能列表”將主要的頁面原型制作出來
其中包含一些主要的交互即可。一些詳細的，可以暫時不用考慮。
制作主要頁面原型注意事項：
- 不要加入視覺設計的元素 著眼于大局(流程的優化、布局設計、交互設計)，不要糾結細枝末節。
- Axure之前，紙面原型來整理好思路
- 此過程是快速的、迭代的
二、頁面流程圖
1. 頁面流程圖的作用
展示想法，利于思路的整理。
因為Axure上的交互點是散的，所以要通過頁面流程圖，來整理頁面上的交互行為。
enter image description here
注意規范化頁面流程圖要素，可以減少溝通成本。
如：上圖中的開始，紅色圓圈的數字分別表達什么意思
三、完善原型
- 按照頁面流程中所考慮的交互過程，體現在原型上面，完善所有交互細節。
- 增加說明
- 頁面編號：當原型不需要修改時候，為原型頁面編號。
注意：
- 不要太過于追求技術表現。Axure是快速原型工具，具體實現交給前端。
- 為了減少溝通成本，在完善原型的時候最好有一定的規范和標準
