互動設計框架主要分為6大步驟。
1.定義形勢姿態和輸入法
互動設計的最終內容主要呈現在介面上，而介面的載體千差萬別，有手機，電腦，儀表盤，機械操作盤，智慧傢俱等一系列有介面的產品。
再開始定義框架前要詳細的瞭解所設計的平臺的熟悉，解析度，尺寸，互動硬體的，是否彩色，以及再哪些場景下使用。比如車載系統，就要注意為不妨礙司機的注意力，內容要簡潔且字型大明顯，防止過多關注而發生交通事故。
2.定義功能性和資料元素
功能性和資料元素是指把具體的需求轉化成介面上的語言，呈現給使用者。使用使用者能夠理解的語言層級互動來設計介面，完成使用者的任務。
我們需要從故事板和場景中提取功能和資料元素，把人物模型想象成真人，來描述他整個操作流程，如何一步步的完成目標。會遇到哪些問題，如何解決，如何反饋給使用者。
在這過程中需要遵循設計四原則：
最有效的滿足使用者的目標；
最有效的滿足設計原則；
最適合當前技術和成本考量；
能滿足其他條件。
而且再把需求轉化成介面時，一定要遵守設計和互動原則，不要輕易改變，迎合使用者習慣，減少學習成本。
3.確定功能和層級
當我們有了解平臺和功能資料時，就要開始分門別類，根據平臺的大小，屬性，姿態，外型使用環境，內容優先順序進行組織和安排。
同一個介面為了達成一個目標，需要一系列的連環操作，需要確定優先層級順序。
比如哪些元素需要大面積使用？
哪些元素可以最佳化工作流？
元素使用順序能否改變？
是否符合互動原則？
元素的排布是否有助於人物模型做出決策。
4.勾畫互動框架
把功能內容資料，以及相關組織和層級確認好後，心中已經有了大致的框架內容，此時只需要拿筆把他快速的畫出來，變成視覺稿，來進行反覆的敲酌。
勾畫互動框架從先整體全域性開始，多次反覆的修改確認，先忽略細節，關鍵要快速協作可視性強，及時迭代更新。
5.構建關鍵路線和情景劇本
為了避免空想臆想，而亂了方向。需要以目標為導向，把人物模型放入場景構件一個故事板，詳細具體的描繪操作流程，一步步的如何點選，具有多細節的場景。
第五步和第四步需要反覆修改迭代細節，便想象場景便構件故事板，從故事板中想出最優解決方案，勾畫原型落實視覺，共同商討，繼而不斷精修。
6.驗證性場景檢查
前面我們主要考慮的是主要操作流程，常用場景，為了兼顧替代場景，不常用但又必須的場景（比如刪除功能），邊緣場景，我們需要把前面的確認方案放入這類場景做檢測，而評估相容性，以及為額外情況找出專門解決方案。
二.定義視覺框架
視覺框架主要是針對視覺語言，品牌概念，產品領域的風格等研究確定。
1.開發視覺體驗特徵
視覺特徵主要包括產品的音調，語音和品牌承諾。下面有9個具體步驟清晰的列出如何確認視覺體驗特徵。
1). 收集競品，形成品牌大綱；
2). 收集大品牌，某領域的巨頭，研究如何在產品設計中貫徹品牌元素；
3). 研究同類競品產品的介面內容和服務；
4). 定性研究受訪者，是否“友好”“容易”；
5). 討論示例的成功，失敗或爭議，尋找原因；
6). 確定定義，產品所需要的少量形容詞，比如年輕，活力，穩重等；
7). 記錄多義詞的具體含義；
8). 思考競品，在自己產品上保證有獨特性；
9). 團隊一起互相協助討論產品特性。
2.開發視覺語言研究
視覺語言主要包括定義顏色，型別，控制元件。此時一般拿出3-5種完全不同的視覺方案，包含主要操作流程和主要介面，選擇合適的視覺方案，確認後延續到後續的設計中，保持視覺的統一性。
把市場營銷風格指導轉換成對使用者互動產品或網站有意義的形式和感覺。
3.將已選擇的視覺風格用於螢幕原型
把確認好的視覺方案放入實際使用場景中，綜合協調把控整體感覺。
還有兩種是定義工業和服務框架，主要是工業設計中涉及多種多樣的載體和場景，而非手機，電腦大眾化的場景，則需要專門的研究對待。
互動設計框架主要分為6大步驟。
1.定義形勢姿態和輸入法
互動設計的最終內容主要呈現在介面上，而介面的載體千差萬別，有手機，電腦，儀表盤，機械操作盤，智慧傢俱等一系列有介面的產品。
再開始定義框架前要詳細的瞭解所設計的平臺的熟悉，解析度，尺寸，互動硬體的，是否彩色，以及再哪些場景下使用。比如車載系統，就要注意為不妨礙司機的注意力，內容要簡潔且字型大明顯，防止過多關注而發生交通事故。
2.定義功能性和資料元素
功能性和資料元素是指把具體的需求轉化成介面上的語言，呈現給使用者。使用使用者能夠理解的語言層級互動來設計介面，完成使用者的任務。
我們需要從故事板和場景中提取功能和資料元素，把人物模型想象成真人，來描述他整個操作流程，如何一步步的完成目標。會遇到哪些問題，如何解決，如何反饋給使用者。
在這過程中需要遵循設計四原則：
最有效的滿足使用者的目標；
最有效的滿足設計原則；
最適合當前技術和成本考量；
能滿足其他條件。
而且再把需求轉化成介面時，一定要遵守設計和互動原則，不要輕易改變，迎合使用者習慣，減少學習成本。
3.確定功能和層級
當我們有了解平臺和功能資料時，就要開始分門別類，根據平臺的大小，屬性，姿態，外型使用環境，內容優先順序進行組織和安排。
同一個介面為了達成一個目標，需要一系列的連環操作，需要確定優先層級順序。
比如哪些元素需要大面積使用？
哪些元素可以最佳化工作流？
元素使用順序能否改變？
是否符合互動原則？
元素的排布是否有助於人物模型做出決策。
4.勾畫互動框架
把功能內容資料，以及相關組織和層級確認好後，心中已經有了大致的框架內容，此時只需要拿筆把他快速的畫出來，變成視覺稿，來進行反覆的敲酌。
勾畫互動框架從先整體全域性開始，多次反覆的修改確認，先忽略細節，關鍵要快速協作可視性強，及時迭代更新。
5.構建關鍵路線和情景劇本
為了避免空想臆想，而亂了方向。需要以目標為導向，把人物模型放入場景構件一個故事板，詳細具體的描繪操作流程，一步步的如何點選，具有多細節的場景。
第五步和第四步需要反覆修改迭代細節，便想象場景便構件故事板，從故事板中想出最優解決方案，勾畫原型落實視覺，共同商討，繼而不斷精修。
6.驗證性場景檢查
前面我們主要考慮的是主要操作流程，常用場景，為了兼顧替代場景，不常用但又必須的場景（比如刪除功能），邊緣場景，我們需要把前面的確認方案放入這類場景做檢測，而評估相容性，以及為額外情況找出專門解決方案。
二.定義視覺框架
視覺框架主要是針對視覺語言，品牌概念，產品領域的風格等研究確定。
1.開發視覺體驗特徵
視覺特徵主要包括產品的音調，語音和品牌承諾。下面有9個具體步驟清晰的列出如何確認視覺體驗特徵。
1). 收集競品，形成品牌大綱；
2). 收集大品牌，某領域的巨頭，研究如何在產品設計中貫徹品牌元素；
3). 研究同類競品產品的介面內容和服務；
4). 定性研究受訪者，是否“友好”“容易”；
5). 討論示例的成功，失敗或爭議，尋找原因；
6). 確定定義，產品所需要的少量形容詞，比如年輕，活力，穩重等；
7). 記錄多義詞的具體含義；
8). 思考競品，在自己產品上保證有獨特性；
9). 團隊一起互相協助討論產品特性。
2.開發視覺語言研究
視覺語言主要包括定義顏色，型別，控制元件。此時一般拿出3-5種完全不同的視覺方案，包含主要操作流程和主要介面，選擇合適的視覺方案，確認後延續到後續的設計中，保持視覺的統一性。
把市場營銷風格指導轉換成對使用者互動產品或網站有意義的形式和感覺。
3.將已選擇的視覺風格用於螢幕原型
把確認好的視覺方案放入實際使用場景中，綜合協調把控整體感覺。
還有兩種是定義工業和服務框架，主要是工業設計中涉及多種多樣的載體和場景，而非手機，電腦大眾化的場景，則需要專門的研究對待。