摘取這篇博文的要點
作者是個資深互動設計師，有國外工作經驗（除了這些資訊，其餘沒仔細去了解）
我只是讓自己記住這些才寫下來，不然看了又忘相當於白看。回想起自己看過一些技術點，由於不經常練，就忘了自己曾經看過了，誒真是懶惰害死人啊！
切記，看書要筆記！！！
一、任務分析。將頁面上所要完成的所有任務列出
二、按各任務確定流程，簡歷資訊框架
三、建立統一的頁面布局，包括分割槽
四、在頁面布局的基礎上進行原型設計
五、編寫設計說明
具體說明
一、任務分析
列出使用者能在這個介面上進行的所有操作（產品會給需求表），即任務列表，任務流程，使用場景等
具體為列出主任務，再列子任務，然後用步驟完善
模型如下：
主任務1
子任務1
步驟1步驟2
子任務2
步驟1步驟2
主任務2
...二、任務流程
任務分析表的照搬
乙個主任務代表乙個頁面，子任務也可以轉化為頁面
流程表要包含所有的新頁面
流程表確定了頁面的內容和數量，還代表了頁面之間的關係
（這裡是要給個配圖的）
三、確定頁面布局、分割槽
從流程圖得到的資料對頁面進行劃分、對內容進行組織，重點是頁面區分
1.總布局，是頁面的通用風格
2.具體頁面布局。沿襲總體風格，但有更有細節
以分割槽的形式把頁面各區域對應的功能確定下來
把類似的操作放在一起
四、在頁面布局的基礎上進行原型設計
把所有頁面元素都列出來
低保真對應線框圖，高保真對應接近產品最終效果圖
五、設計詳細說明
對頁面及所有頁面元素進行說明。樣式、狀態、字型大小等
總結：互動是乙個過程，不僅僅是畫圖，流程圖和頁面布局是關鍵
互動設計學習day1 之一 概念入門
複習 1 概念 設計師對產品和它的使用者之間的互動機制進行分析 定義 規劃 描述和探索 3 提出者 ideo的創始人 比爾摩格里奇 4 英文名 interaction design 5 特點 以網路語言表達產品要告訴使用者的內容 6 能力要求 文字能力，包括 郵件 blog 語言能力，會說 7 工作...
互動設計學習day1 之二 快速原型工具
1 快速原型的概念 用最短的時間製作能夠表現產品特性的原型。包括整體框架 基本互動和基本元素 表現形式為線框圖 2 線框圖的基本思路 a.介面框架，確定層級及基本元素 b.全域性導航完成基本結構定義 c.新增互動行為 events cases actions 原則 使用者習慣 操作統 一 以最少實現...
互動設計學習（一）
互動設計學習 一 一 尼爾森十大互動設計原則 1.狀態可見原則 無論使用者做了什麼操作，系統都應該即時給出反饋，讓使用者清楚知道當前發生了什麼，快速讓使用者了解自己處於何種狀態。2.環境貼切原則 系統應該使用盡可能貼切使用者所處環境 時代背景，年齡，學歷，文化 的表現和表述。使用使用者熟悉的文字和語...