起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識3個步驟，構建設計產品的框架
設計框架包括交互框架及視覺設計框架，框架設計應首先關注總體再去優(yōu)化細節(jié)，最后驗證與測試設計。
一、構建設計框架
在目標導向設計中，不要一上來就直接跳入細節(jié)設計，而應站在一個高層次上關注用戶界面和相關行為的整體架構，我們把這叫做設計框架。
設計框架包括交互框架及視覺設計框架，在此階段中，交互設計者利用場景和需求來創(chuàng)建屏幕和行為草圖，視覺設計者使用語言研究開發(fā)視覺設計框架。
過早的把重點放在小細節(jié)、小部件和具體的產品交互上，會妨礙框架設計。我們應該采取自上而下的方式，首先關注總體，提出低保真而不包含具體細節(jié)的方案。低保真更容易收集用戶反饋。
滿足用戶需求的方案滿足以下條件
(1) 最有效滿足用戶目標
(2) 最符合設計原則
(3) 最適合當前的技術水平和成本考量
(4) 最能滿足其他條件
對于需求向功能元素的轉變來說，一般性的設計原則和具體的交互模式很重要
1. 勾畫交互框架
勾畫交互框架，又稱為“方格圖階段”，開始階段一定要看到整體且高層次的框架。在最終選擇最佳方案前，嘗試采用幾種不同并列并用于驗證性的場景，通常是有效的做法。在設計的初期花費過多精力研究復雜的細節(jié)，會阻礙設計者改變思路。
勾畫大致的框架是一個反復的過程，最好由一到兩個交互設計（理想情況下由一個交互設計者和一個“設計溝通者”，即根據設計敘述來思考的人組成）、一個視覺設計或者工業(yè)設計師組成的合作小組來進行。
在框架勾畫階段，無論使用什么工具，關鍵是要快速、協(xié)作型和可視性要強，并且易于迭代和分享。
與目標導向情景場景不同，關鍵線路場景以任務為導向，關注情景場景中廣泛描述和暗含的任務細節(jié)。這不意味著我們可以忽視目標，目標和人物模型需求始終都是整個設計過程的度量尺，用來刪除不必要的任務，優(yōu)化必要任務。不過，關鍵線路情境劇本必須在細節(jié)上嚴謹?shù)孛枋雒總€主要交互的精確行為，并提供每個主要線路的走查。
2. 定義視覺設計框架
(1) 開發(fā)視覺體驗特征
(2) 開發(fā)視覺語言研究，在此階段，交互設計通常只有一個最優(yōu)的行為框架。與此不同，首次給涉眾展現(xiàn)視覺時，我們通常會拿出3～5套方案。這些方案的視覺風格不同，但每種都包含了體驗關鍵字和目標。使用體驗特征進行設計方案的開發(fā)，能夠在保持品牌含義一致性的同時，對體驗進行描述，從而避免涉眾根據個人喜歡和偏見進行決策。
通常，我們會開發(fā)一兩個極端的備選方案，在某一方向上把外觀和感覺推向極致，這會使不同方案的特點更加鮮明。
(3) 將已選擇的視覺風格應用于屏幕原型
3. 定義服務設計框架
(1) 描述客戶旅程（人物模型完成一個任務所需要的主要路徑、次要路徑，他們的目的）
(2) 創(chuàng)建服務藍圖（泳道圖）
(3) 創(chuàng)建體驗原型
4. 定義服務設計框架
(1) 描述客戶旅程（人物模型完成一個任務所需要的主要路徑、次要路徑，他們的目的）
(2) 創(chuàng)建服務藍圖（泳道圖）
(3) 創(chuàng)建體驗原型
二、細化外形和行為
完成堅實、穩(wěn)定的框架定義后，設計者會發(fā)現(xiàn)設計的剩余部分都變得明朗起來，關鍵線路場景的每一次重復都使得設計更加細化，產品的整體連貫性和流暢性也更加順暢。這個階段是轉換到提煉階段的過渡期，設計已經初具模型。
在這階段，要關注更深且更細微的方面，并且設計者要形成自己的組件庫（設計指南）
三、驗證與測試設計
用戶反饋和可用性測試對于發(fā)現(xiàn)交互框架中的主要問題及某些方面的細化，是很有幫助的。并且對于有些操作的微調也很有好處。
設計者參與可用性研究
- 將重點放在設計過程中的重要問題上
- 使用任務角色和其特性制定實驗參與者的標準
- 運用場景開發(fā)用戶任務
- 觀察測試過程
- 和其他人一道共同分析研究中的發(fā)現(xiàn)
本文由 @SWM 原創(chuàng)發(fā)布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協(xié)議。
- 目前還沒評論，等你發(fā)揮！
