用多目標追蹤方法，讓你的設計更有說服力！

前言

視覺設計最重要的就是美學與風格，設計師在進行視覺設計時往往有較強的自我意識以及個人審美偏好。多目標追蹤是通過多任務并行跳出思維局限，研究待解決問題的一個過程。把多個方案的特點緊密聯系起來——把好的元素結合在一起，把壞的刪除，會帶來創造力和效率的有效提升。

視覺設計的美學和風格應當以用戶感受為出發點

衡量美學最重要的指標就是色彩與視覺復雜度，它們占據了用戶審美偏好的47%。通常情況下視覺復雜度越低，用戶喜愛度越高，簡約乃優雅之本，但不代表越簡單用戶越喜歡，真正的美學妙處是找到一個恰好的平衡點。不同的用戶群體（年齡、性別、地區、教育程度等）對色彩以及視覺復雜度都有較大的審美偏好差異。

任何一種風格的表現形式（無論是顯性的還是隱性的），都具有與生俱來的結構性。一個清晰的風格未必是良好的，但一個混亂的風格一定不行。即使是個人的風格也需要保持與時俱進。風格中的流行元素日新月異，設計師需要跟隨潮流，從流行音樂到流行用語都如此。

在視覺設計的過程中，應當以用戶感受為出發點對風格趨勢進行探索，盡量避免設計師的自我意識對方案產生較大的影響。

什么是多目標追蹤

多目標追蹤的概念來自于Chip Heath《行為設計學-掌控關鍵決策》，是從不同角度，同時考慮多個選項的過程。

視覺設計工作開展的范式大致有兩類：

一類是通過設計分析、設計工具方法的運用、推導，不斷打磨迭代設計方案。在這個過程中，分析得越精密，就越能衡量出設計條件的滿足程度以及設計約束的遵循程度。

另一類是同時進行多套創意嘗試，收集用戶、專家、業務方等多方建議。由于同步進行，設計師能同時收到多方關于設計的反饋，他們就有可能同時閱讀和分析多個方案的評價。直接的對比能夠使設計師更好地理解關鍵設計原則，并為后續的設計提供更多有效的選擇。

如果只有一個設計方案，那么設計師的自我意識就會和這個設計完美結合。但如果有很多個設計方案，就能更好的把自己與方案分開。

多目標追蹤有以下三個優勢：

• 多目標追蹤能夠使設計師時刻保持自省。
• 對選擇進行對比能夠幫助設計師理解“現實情況”，這種理解提供了做設計決策的信心。
• 當考慮多個選擇的時候，就已經給自己準備好改善計劃。

Frederick P. Brooks在《設計原本》中提到過這樣一個問題：如果僅僅是依靠思考，是否可以讓我們合理地設計出復雜對象？

圍繞著這個問題，兩大源遠流長的哲學派系——理性主義與實證主義進行過非常激烈的爭論。

在交互設計領域更偏向于理性主義，用嚴格的形式化證明的方法來驗證設計的正確性，因為它基于抽象的思維而非具體的物質。

但是視覺設計應當更偏向于實證主義，實際上大部分的設計工作最終將以物理邏輯、視覺呈現的方式得到實現。

用戶的審美偏好以及風格趨勢的定義通過邏輯推導很難有效命中，多目標追蹤恰好有利于設計師去進行視覺探索，基于用戶反饋去定義、修正設計方向、跳出自我意識的限制，并方便后續快速進行設計決策。

基于用戶反饋的多目標追蹤設計流程

△ 基于用戶反饋的多目標追蹤設計流程方法

1. 明確改版目標

清晰的品牌定位

傳達品牌感受是視覺設計最重要的目標，找到品牌定位前首先要了解產品的品牌目標，品牌目標的搭建有三類關鍵的信息源：商業模型、品牌及傳播戰略、用戶的目標與期望，對其加以協調、評估。探索品牌定位的過程中可以通過品牌BIOS模型對品牌進行定義，可以通過品牌定位圖表將某一品牌與其他品牌區分開來，也可以分析品牌的現有狀態以及描繪未來的目標狀態。

△ vivo視頻BIOS模型

△?vivo視頻品牌定位圖表

可衡量的數據指標。

基本上所有的視覺設計工作在展開前都要對頁面入口點擊數據進行分析從而強化對業務模塊的理解、對用戶需求的分析。有效的分析將有助于在頁面的視覺信息層級上進行微妙的把控。改版的目標可以是點擊率的提升、活躍率的提升，也可以是滿意度的提升，建立關鍵的衡量指標可以確保目標的清晰。

明確的改動范圍。

大的改版升級一定要在前期明確可改動的范圍，對整體風格可執行的細節有一個完整的認識，就像我們在進行廣告物料投放的時候一定要先了解投放渠道和場景，在進行視覺風格的定義時對它的適配性、適配效果要有一個評估和預期。

2. 發散創意

流行趨勢盡量站在大的設計行業去研究。在研究趨勢的同時可以回溯歷史風格，看是否有新的啟發。平面設計大師-保羅蘭德就非常擅于處理設計中“舊”和“新”的矛盾，通過一些出人意料的方法，把熟悉的元素重新排列組合處理出新的形式，提供全然一新的視覺體驗。

△?vivo瀏覽器前期風格趨勢研究

△?vivo視頻前期風格趨勢研究

競品分析不僅是分析品牌定位、視覺風格語言，還要研究統一性在細節中的執行如何取舍，對大量的設計微觀決策進行研究才能窺探到問題分析的思路和方法。

方案探索階段應當盡量去發散方案，不要受到思維的限制，不要進行批判。重大項目、資源充足的情況下應當采用多人進行，參與的設計師越多、產出的方案越多視覺感受的對比會越直接、越強烈。

這個過程不需要給出斬釘截鐵的結論，而是需要對風格趨勢對競品有一個全面完整的了解，在此基礎上再進行發散和創新。

△?vivo視頻視覺方向發散

3. 多目標選擇評估

進行啟發式評估，對風格的正交性（不將無關事物耦合起來）、專用性、可適配性以及核心用戶定位、品牌匹配度去分析推導，最終確認至少三套設計風格。風格的選擇一定不是非此即彼，對每個方案要有全面的評估，其它的方案里面一定也有一些散光的亮點或者在設計上的啟發，這個時候可以考慮把一些可執行的設計點進行融合。

最終的決策一定要突出三套風格的差異性，差異越大用戶越容易對設計方向的喜好度進行判斷和表達。

△?vivo視頻多目標追蹤方案

基于核心頁面的風格去拓展其它頁面的設計效果，去實踐設計風格的可適配性。因為不同功能頁面有特定的業務屬性，所以單一的設計風格很難有效適配到一個產品的所有頁面。

4. 喜好度調研

定量調研可以發現用戶最不喜歡的方案，但是很難找到用戶最喜愛的風格方向。我們對同樣的方案做完定量和定性研究后可以發現，用戶不喜歡的方向和原因保持一致，最喜歡的結論會有較大波動，即使在定量數據上也沒有明顯的優勢。大多數情況下用戶在做選擇時只是覺得在風格上有差異，但是沒有明確的喜好程度的傾向。

△?vivo瀏覽器用戶喜好度調研結果

△?vivo視頻用戶喜好度調研結果

采用定性調研去挖掘用戶的審美偏好、對品牌的認知與期望。相對于用戶的選擇我們更應該重視用戶在判斷后的表達，喜歡的原因及描述。通常情況下用戶會用一些形容詞進行表達，比方說更科技、年輕，設計師可以基于這些關鍵詞進一步明確對風格的定義，去把控設計的方向。

△?vivo瀏覽器用戶品牌感受調研結果

不僅僅是對整體頁面風格進行喜好度的研究，對重要的核心元素也可以進行調研，重要的變量最好在2到3個，變量太多組合會成倍速增加，不利于用戶做選擇。

5. 設計決策

風格提取，結合三個方案的設計細節對調研結論進行總結提煉，從色彩、造型、材質、處理手法等層面對每個方案的優勢進行分析提煉簡潔清晰的設計語言。

△?vivo瀏覽器用戶反饋總結

△?vivo視頻用戶反饋總結

爭取“兩項都選”而不是非此即彼的選擇，鎖定一個方向為主要方向，把其它方案可以借鑒的優點和優勢融入進來，刪除優化不好的細節。

基于最終的方案選擇，為了保持概念的完整性，提取最終風格的關鍵詞，用合適的方法將風格記錄下來。

在設計的過程中還會有大量意料之外的微觀決策，將影響最終設計的那些微觀決策也都可以記錄下來，這樣才能最大程度的保證設計結果的統一性。

總結

• 前期要制定明確的目標，在方案發散階段要對風格趨勢、主流競品有全面的了解。
• 跳出自我意識的局限，多人參與多方案嘗試可以保證更多的視覺刺激和啟發性，有利于做方向的選擇。
• 避免決策癱瘓，主要方向不要超過3個，拉開方案的差異性，采用定性調研挖掘用戶的審美偏好，對品牌的認知與期望。
• 最終決策不要有非此即彼的偏好，客觀的分析用戶偏愛的風格以及喜歡的原因，把優點進行整合，刪除不好的。

我們今年在vivo視頻、vivo瀏覽器兩個項目上采用了多目標追蹤的方法，通過不斷的對問題進行探索、決策、總結。在推動的過程中如何讓方案有充足的說服力，如何保證設計結果的有效性，是一個需要不斷發現問題、解決問題的學習過程。目前vivo視頻的設計改版已上線滿意度有了較大提升，vivo瀏覽器在開發過程中。后續會發出項目總結的文章，敬請期待！

引用：

• [美] Chip Heath《行為設計學：掌控關鍵決策》
• [美] Frederick P. Brooks《設計原本》

歡迎關注作者微信公眾號：「VMIC UED」