設計框架定義了用戶體驗的整個結構，包括交互框架與視覺設計框架，有時候還有工業設計框架，這些包括底層組織原則，屏幕上功能元素的排列，工作流程，產品交互、傳遞信息的視覺和形式語言、功能性和品牌識別等

定義產品的交互框架

（1）定義形式要素、姿態和輸入方法

形式要素：高分辨率電腦上的web應用，還是小巧、輕便、低分辨率、光暗中均可見的手機，還是嘈雜場所容易分析的電話亭——形式對設計暗含的限制?

產品姿態：指用戶將會投入多大的注意力和產品交互，以及產品將會對用戶用戶投入的注意力做出何種反應

輸入方式：鼠標、鍵盤、小鍵盤、搖桿、手柄、觸摸屏、聲音、等

（2）定義功能元素和數據元素

以我們之前的場景故事為依據，用界面語言的描述方式描述在需求階段確定下來的需求，然后再將設計具象化

列出數據元素并將其分類同時考慮他們從屬等關系；數據元素就是你要在界面上呈現的那些內容，比如訂單，收藏產品，照片，客戶記錄等

功能元素是用于操作數據元素極其顯示的操作，舉之前薇薇安打電話的例子功能元素包括

定義功能的時候，把產品想象成一個人，如果他彬彬有禮，他樂于助人，接下來他會怎么做，他可以貼心的做些什么

（3）確定功能組和層級

將數據和功能元素分組，納入屏幕，框架、網格等更高等級的容器元素，表現形式可以用韋恩圖或者縮略圖形式

此時需要考慮以下主要問題：

1.哪些元素需要大片的視頻區域，哪些不需要？

2.哪些元素能夠容納其他元素？

3.容器如何組織才能優化工作流？

4.哪些元素需要捆綁使用？哪些不是？

5.相關聯的元素使用時順序如何？

6.哪些元素有助于人物模型作出決定？

7.采用何種交互模式和原則？

8.人物模型的心理模型如何影響元素組織？

（4）勾畫交互框架

框架草圖要簡單，開始采用方塊圖、名稱、不同功能區的簡單描述即可，可以加上一些視覺細節來 表達其內容的大概意思，不要陷入細節設計中，一旦草圖中的細節夠多，就可以用計算機工具來制圖。

（5）構建關鍵線路的情景劇本

關鍵線路的情景劇描述了人物模型如何使用交互框架同產品就，本關鍵線路場景以任務為導向，關注情景場景中廣泛描述和暗含的任務細節，我們可以通過故事版的方式來更加直觀的展示

如何創建故事版

（6）通過驗證性的場景來檢查設計

本步驟目的為找出設計方案漏洞，并根據需要調整

替代場景：薇薇安舉例，如果她決定通過電子郵件回復而不是電話回復，就變成了另一個代替場景

必須使用的場景：指必須執行，但又不經常發生的動作，比如智能手機的一個必備場景就是二手手機需要刪除原來用戶的所有信息

邊緣（錯誤）情形場景：非典型情形下一些產品必須要有但是卻不常用的功能，比較像系統有可能會出現的bug和漏洞，比如薇薇安想要添加兩個重名的人，薇薇安不想碰到，但如果存在這種情況手機應該能夠處理

定義視覺設計框架

視覺設計框架流程包括以下過程：

（1）開發視覺體驗特征

選擇三到五個形容詞來定義產品音調、語言和品牌承諾

Cooper的建立方法

（2）開發視覺語言研究

（3）將已選擇的視覺風格用于屏幕原型

滴滴案例

定義服務框架

之后深入研究，再看《服務設計》這本書，包括服務地圖等常見方法

驗證與測試設計

測試內容

何時測試

最終評價是對已完成的產品進行測試，主要用于產品比較；和重新設計時找出問題形成性評價是是對設計過程中的交互過程的某一部分測試，主要用于在產品誕生前發現弊端的測試，

對于可用性測試可以在《紙質原型》這本書中尋求更多的方法，測試方法之后細化