摘取這篇博文http://www.360doc.com/content/11/0318/14/6463782_102264942.shtml的要點
作者是個資深交互設計師，有國外工作經驗（除了這些信息，其餘沒仔細去了解）
我只是讓自己記住這些才寫下來，不然看了又忘相當於白看。回想起自己看過一些技術點，由於不經常練，就忘了自己曾經看過了，誒真是懶惰害死人啊！
切記，看書要筆記！！！
一、任務分析。將頁面上所要完成的所有任務列出
二、按各任務確定流程，簡歷信息框架
三、創建統一的頁面佈局，包括分區
四、在頁面佈局的基礎上進行原型設計
五、編寫設計說明
具體說明
一、任務分析
列出用戶能在這個界面上進行的所有操作（產品會給需求表），即任務列表，任務流程，使用場景等
具體爲列出主任務，再列子任務，然後用步驟完善
模型如下：
主任務1
子任務1
步驟1
步驟2
子任務2
步驟1
步驟2
主任務2
...
二、任務流程
任務分析表的照搬
一個主任務代表一個頁面，子任務也可以轉化爲頁面
流程表要包含所有的新頁面
流程表確定了頁面的內容和數量，還代表了頁面之間的關係
（這裏是要給個配圖的）
三、確定頁面佈局、分區
從流程圖得到的數據對頁面進行劃分、對內容進行組織，重點是頁面區分
1.總佈局，是頁面的通用風格
2.具體頁面佈局。沿襲總體風格，但有更有細節
以分區的形式把頁面各區域對應的功能確定下來
把類似的操作放在一起
四、在頁面佈局的基礎上進行原型設計
把所有頁面元素都列出來
低保真對應線框圖，高保真對應接近產品最終效果圖
五、設計詳細說明
對頁面及所有頁面元素進行說明。樣式、狀態、字號等
總結：交互是一個過程，不僅僅是畫圖，流程圖和頁面佈局是關鍵
