(Zara Picken)

想象一下都像一，你就站在這個路口大略算。路邊有綠化帶和小公園你找回，人行道上有人在走著过于执，私家車零散地停在車位上别人约。你約的出租車正停在馬路左邊等你量形态。再熟悉不過的場景但谈吐，但是這都是精心設計過的林欣。

盡管城市毒毒拽、交通系統片土地、網站都不會顯示明確的邊界地原因，但城市設計師們通過雙黃線太激动、斑馬線这要老、馬路牙子月夜往、台階等已經事先把不同的區域框了起來此狼狈，讓你在不同的框框里做不同的事情大帅脸。

你意識不到這些框架的存在amp，不會感覺被命令寻大陆，潛意識做著一些事入睡。

雙十一的時候适才，不會去想我是怎麼一步一步花了那麼多錢的;刷微信的時候掌舵人，不會去想為什麼點來點去就過去了一個小時警告你。在不知不覺中引導我們的行動逃开，這是框架的力量粼粼很。

就像圖片中的冰山澎湃声，用戶能感知的就是露出水面的一角你很累。水面下還有框架宠物技、結構说唐门、範圍和戰略的影響卡居。框架就在接近產品表象的部分發揮作用雪雪抗。

《西部世界》里的BOSS盯紧，用上帝視角始终贴，能夠決定人物的命運说出师。而現實中的人機交互設計很威武，更像是一個“服務者”的角色或直飞。

以需求為導向这座村、理解用戶的心理处处、期望抗声道，理解商業和技術何生物，創造出有用大木桶、易用阵仗、可行信自己、令人滿意的產品體驗我加入。這其中框架設計師像擁有一直上帝之手边扑，牽動著用戶的行為中沾染。

如何設計一個完美的框架?

先用上帝視角想象一下用戶界面和相關行為的整體結構初犯下。

——交互設計之父Alan Cooper

千萬不要一下子陷入細節!!!設計框架定義了用戶體驗的整個結構月光姐，包括信息組織原則奶奶、屏幕上功能元素的排列凸起上、工作流程次光顾、產品交互汤里、視覺和形式語言月夜凑、功能性和品牌識別等设计可。

需要設計的框架包括交互設計框架氧气、視覺設計框架怒吼骤、有時還包括工業設計框架和服務設計框架很搭调。這個階段中茶杯因，形式設計和行為設計需要保持一致人卖。而科學的設計流程是卓越設計的基礎此精美。

Alan Cooper通過數十年總結出來一套交互框架設計流程︰

1-2主要是信息的提煉和匹配环境下，3-5是信息層級的梳理和建立绚丽，6是設計的測試驗證地金光。要注意的是他击败，3-5是一個循環的過程好转过，1-6也不是線性的流程力生生，因人而異花香。

1.定義形式要素过山魈、姿態和輸入方法

這是第一步间过去。建議是套去，深入群眾獲取一手資料朝天吼。詳細方法參見我們的另一篇推文(http://dwz.cn/4zClSp)

形式要素︰通過回顧人物模型和場景效，了解產品形式對交互設計的限制;

交互姿態︰思考用戶會投入多大注意力和產品互動很被动，產品會做出何種反應;

輸入方法︰考慮到用戶和產品互動的方式(鍵盤妻禁受、鼠標你吃饱、木質板排斥时、聲音等)全开。

2.定義功能性和數據元素

數據元素︰通常是交互產品中的基本主體(比如照片雀好、電子郵件这亏吃、客戶記錄及訂單等花哨一，是用戶可以訪問网状、反應記憶操作的基本個體)诧万分。理想情況下10秒，數據元素要符合用戶的心理模型上大亏。

功能元素︰是針對界面中的數據元素及其現實所做的操作宠物我。一個需求通常由多個界面元素來滿足接放我。我們可以假定產品是真人你都抠，而且這是一個體貼周到的人(都說人工智能是未來酸痛，因為符合人性)优惠券。回到情境場景咬牙道、人物模型刀锋、心理模型中阴沉，去驗證方案是否適合各。

3.確定功能組和層級

這個就看邏輯能力了她奇兵。把數據和功能納入屏幕评上去、框架和網格等高層次結構中阵容迷，更好的在任務中和任務間疏通人物模型的流程调转过。這個階段需要思考的問題︰

哪些元素需要大片的視覺區域卡一下，那些不需要?

哪些元素能夠容納其他元素?

如何組織分類才能優化工作流?

哪些元素需要捆綁使用论威力，哪些不需要?

相關的元素順序如何?

哪些數據元素有助于任務魔性做出決定?

采用何種交互模式和原則?

人物模型的心理模型如何影響元素的組織?

4.勾畫交互框架

運籌帷幄就是這個階段毛巾。將視覺圖細分為粗略的方塊圖功力都，對應窗格唤可、控制部件我讲过，及其他高層次的容器客卿。開始階段必須看到整體且高層次的框架下方传，不要陷入細節!!!(第二次強調咯)

5.構建關鍵線路情景劇本

為真實的世界設計这构造。用低保真草圖框架和關鍵線路情景的敘述殿殿主，可以充分地描述設計方案如何幫助用戶完成目標NPC站。通過不斷地變更和反復法抑制，優化交互流程此人。畢竟魔鬼和天使都在細節里人威压。

有個很好用的工具——故事板自转。它借助了電影制作和動畫片中的技巧断加速，讓產品和用戶之間的每個交互都可以用框架來描繪你可别。

6.運用驗證性場景來檢查設計

考驗嚴謹性的時候到了!需要驗證的場景主要有三類︰

替代場景(比如常見的例外情況)

必須使用的場景外表下，常見又不經常發生的動作(比如清空數據庫)

邊緣情形場景,必須要有卻不太常用的功能(比如要添加兩個重名的聯系人)

交互框架建立了產品行為的整體架構渗出，視覺框架建立行為有關的外形多划算。

視覺設計外形的過程是︰

1.開發視覺體驗特征

定義視覺設計框架的第一步里杀满，是確認產品的風格底毁灭、調性和品牌訴求去知道。提煉3-5個詞作為產品的“體驗特征”雨带回。這些關鍵詞需要經過競品长五寸、市場的分析和用戶測試後才能最終確定连麒麟。

2.開發視覺語言研究

交互設計通常只有一個最優行為框架可柳，而視覺方案會有多種選擇你耍我。視覺語言包括了顏色挑选一、類型眼泪多、元素一没想、整體的外形上咬、尺寸和界面質感等已认主。

除了保持品牌一致性算计无，實際工作中淫笑，視覺方案需要提供對交互有意義的形式和感覺圈圈甩。比如老人和視力不好的人需要更大和更易讀的屏幕顯示判。

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

綜合協調交互和視覺設計我开心，進一步完善和打磨喷射，便于更好地評估方案的可行性多年找。

我們司空見慣的行為就是這樣一步一步精心設計出來的算承受。完成堅實穩定的框架之後都服，設計的剩余部分就會變得明朗人中毒。關鍵就在于產品的整體連貫性和流暢性转首。

用戶體驗只有一個解药虽，用戶不希望遇到任何一個不順暢的意外露脸，而周全的框架可以預知意外贪吃。