多目標(biāo)追蹤在視覺改版中的運(yùn)用
編輯導(dǎo)語(yǔ):在視覺設(shè)計(jì)中,設(shè)計(jì)師需要打破以往的定勢(shì)思維,探索不同的路徑,綜合多種元素,從而做到創(chuàng)新,并且提升工作效率。本文作者就提到了多目標(biāo)追蹤這個(gè)方法,那么,什么是多目標(biāo)追蹤?如何將多目標(biāo)追蹤應(yīng)用至視覺改版中?我們來看本文作者的解答。
一、前言
視覺設(shè)計(jì)最重要的就是美學(xué)與風(fēng)格,設(shè)計(jì)師在進(jìn)行視覺設(shè)計(jì)時(shí)往往有較強(qiáng)的自我意識(shí)以及個(gè)人審美偏好。
多目標(biāo)追蹤是通過多任務(wù)并行跳出思維局限,研究待解決問題的一個(gè)過程。把多個(gè)方案的特點(diǎn)緊密聯(lián)系起來——把好的元素結(jié)合在一起,把壞的刪除,會(huì)帶來創(chuàng)造力和效率的有效提升。
視覺設(shè)計(jì)的美學(xué)和風(fēng)格應(yīng)當(dāng)以用戶感受為出發(fā)點(diǎn)。
衡量美學(xué)最重要的指標(biāo)就是色彩與視覺復(fù)雜度,它們占據(jù)了用戶審美偏好的47%。
通常情況下視覺復(fù)雜度越低,用戶喜愛度越高,簡(jiǎn)約乃優(yōu)雅之本,但不代表越簡(jiǎn)單用戶越喜歡,真正的美學(xué)妙處是找到一個(gè)恰好的平衡點(diǎn)。
不同的用戶群體(年齡、性別、地區(qū)、教育程度等)對(duì)色彩以及視覺復(fù)雜度都有較大的審美偏好差異。
任何一種風(fēng)格的表現(xiàn)形式(無論是顯性的還是隱性的),都具有與生俱來的結(jié)構(gòu)性。一個(gè)清晰的風(fēng)格未必是良好的,但一個(gè)混亂的風(fēng)格一定不行。
即使是個(gè)人的風(fēng)格也需要保持與時(shí)俱進(jìn),風(fēng)格中的流行元素日新月異,設(shè)計(jì)師需要跟隨潮流,從流行音樂到流行用語(yǔ)都如此。
在視覺設(shè)計(jì)的過程中,應(yīng)當(dāng)以用戶感受為出發(fā)點(diǎn)對(duì)風(fēng)格趨勢(shì)進(jìn)行探索,盡量避免設(shè)計(jì)師的自我意識(shí)對(duì)方案產(chǎn)生較大的影響。
二、什么是多目標(biāo)追蹤?
多目標(biāo)追蹤的概念來自于Chip Heath《行為設(shè)計(jì)學(xué)-掌控關(guān)鍵決策》,是從不同角度,同時(shí)考慮多個(gè)選項(xiàng)的過程。
視覺設(shè)計(jì)工作開展的范式大致有兩類:
一類是通過設(shè)計(jì)分析、設(shè)計(jì)工具方法的運(yùn)用、推導(dǎo),不斷打磨迭代設(shè)計(jì)方案。在這個(gè)過程中,分析得越精密,就越能衡量出設(shè)計(jì)條件的滿足程度以及設(shè)計(jì)約束的遵循程度。
另一類是同時(shí)進(jìn)行多套創(chuàng)意嘗試,收集用戶、專家、業(yè)務(wù)方等多方建議。
由于同步進(jìn)行,設(shè)計(jì)師能同時(shí)收到多方關(guān)于設(shè)計(jì)的反饋,他們就有可能同時(shí)閱讀和分析多個(gè)方案的評(píng)價(jià)。直接的對(duì)比能夠使設(shè)計(jì)師更好地理解關(guān)鍵設(shè)計(jì)原則,并為后續(xù)的設(shè)計(jì)提供更多有效的選擇。
如果只有一個(gè)設(shè)計(jì)方案,那么設(shè)計(jì)師的自我意識(shí)就會(huì)和這個(gè)設(shè)計(jì)完美結(jié)合。但如果有很多個(gè)設(shè)計(jì)方案,就能更好的把自己與方案分開。
多目標(biāo)追蹤有以下三個(gè)優(yōu)勢(shì):
- 多目標(biāo)追蹤能夠使設(shè)計(jì)師時(shí)刻保持自??;
- 對(duì)選擇進(jìn)行對(duì)比能夠幫助設(shè)計(jì)師理解“現(xiàn)實(shí)情況”,這種理解提供了做設(shè)計(jì)決策的信心;
- 當(dāng)考慮多個(gè)選擇的時(shí)候,就已經(jīng)給自己準(zhǔn)備好改善計(jì)劃。
Frederick P. Brooks在《設(shè)計(jì)原本》中提到過這樣一個(gè)問題:如果僅僅是依靠思考,是否可以讓我們合理地設(shè)計(jì)出復(fù)雜對(duì)象?
圍繞著這個(gè)問題,兩大源遠(yuǎn)流長(zhǎng)的哲學(xué)派系——理性主義與實(shí)證主義進(jìn)行過非常激烈的爭(zhēng)論。
在交互設(shè)計(jì)領(lǐng)域更偏向于理性主義,用嚴(yán)格的形式化證明的方法來驗(yàn)證設(shè)計(jì)的正確性,因?yàn)樗诔橄蟮乃季S而非具體的物質(zhì)。
但是視覺設(shè)計(jì)應(yīng)當(dāng)更偏向于實(shí)證主義,實(shí)際上大部分的設(shè)計(jì)工作最終將以物理邏輯、視覺呈現(xiàn)的方式得到實(shí)現(xiàn)。
用戶的審美偏好以及風(fēng)格趨勢(shì)的定義通過邏輯推導(dǎo)很難有效命中,多目標(biāo)追蹤恰好有利于設(shè)計(jì)師去進(jìn)行視覺探索,基于用戶反饋去定義、修正設(shè)計(jì)方向、跳出自我意識(shí)的限制,并方便后續(xù)快速進(jìn)行設(shè)計(jì)決策。
三、基于用戶反饋的多目標(biāo)追蹤設(shè)計(jì)流程
基于用戶反饋的多目標(biāo)追蹤設(shè)計(jì)流程方法:
1. 明確改版目標(biāo)
1)清晰的品牌定位
傳達(dá)品牌感受是視覺設(shè)計(jì)最重要的目標(biāo),找到品牌定位前首先要了解產(chǎn)品的品牌目標(biāo),品牌目標(biāo)的搭建有三類關(guān)鍵的信息源:商業(yè)模型、品牌及傳播戰(zhàn)略、用戶的目標(biāo)與期望,對(duì)其加以協(xié)調(diào)、評(píng)估。
探索品牌定位的過程中可以通過品牌BIOS模型對(duì)品牌進(jìn)行定義,可以通過品牌定位圖表將某一品牌與其他品牌區(qū)分開來,也可以分析品牌的現(xiàn)有狀態(tài)以及描繪未來的目標(biāo)狀態(tài)。
vivo視頻BIOS模型
vivo視頻品牌定位圖表
2)可衡量的數(shù)據(jù)指標(biāo)
基本上所有的視覺設(shè)計(jì)工作在展開前都要對(duì)頁(yè)面入口點(diǎn)擊數(shù)據(jù)進(jìn)行分析從而強(qiáng)化對(duì)業(yè)務(wù)模塊的理解、對(duì)用戶需求的分析。
有效的分析將有助于在頁(yè)面的視覺信息層級(jí)上進(jìn)行微妙的把控。改版的目標(biāo)可以是點(diǎn)擊率的提升、活躍率的提升,也可以是滿意度的提升,建立關(guān)鍵的衡量指標(biāo)可以確保目標(biāo)的清晰。
3)明確的改動(dòng)范圍
大的改版升級(jí)一定要在前期明確可改動(dòng)的范圍,對(duì)整體風(fēng)格可執(zhí)行的細(xì)節(jié)有一個(gè)完整的認(rèn)識(shí),就像我們?cè)谶M(jìn)行廣告物料投放的時(shí)候一定要先了解投放渠道和場(chǎng)景,在進(jìn)行視覺風(fēng)格的定義時(shí)對(duì)它的適配性、適配效果要有一個(gè)評(píng)估和預(yù)期。
2. 發(fā)散創(chuàng)意
流行趨勢(shì)盡量站在大的設(shè)計(jì)行業(yè)去研究。在研究趨勢(shì)的同時(shí)可以回溯歷史風(fēng)格,看是否有新的啟發(fā)。
平面設(shè)計(jì)大師-保羅蘭德就非常擅于處理設(shè)計(jì)中“舊”和“新”的矛盾,通過一些出人意料的方法,把熟悉的元素重新排列組合處理出新的形式,提供全然一新的視覺體驗(yàn)。
vivo瀏覽器前期風(fēng)格趨勢(shì)研究
vivo視頻前期風(fēng)格趨勢(shì)研究
競(jìng)品分析不僅是分析品牌定位、視覺風(fēng)格語(yǔ)言,還要研究統(tǒng)一性在細(xì)節(jié)中的執(zhí)行如何取舍,對(duì)大量的設(shè)計(jì)微觀決策進(jìn)行研究才能窺探到問題分析的思路和方法。
方案探索階段應(yīng)當(dāng)盡量去發(fā)散方案,不要受到思維的限制,不要進(jìn)行批判。重大項(xiàng)目、資源充足的情況下應(yīng)當(dāng)采用多人進(jìn)行,參與的設(shè)計(jì)師越多、產(chǎn)出的方案越多視覺感受的對(duì)比會(huì)越直接、越強(qiáng)烈。
這個(gè)過程不需要給出斬釘截鐵的結(jié)論,而是需要對(duì)風(fēng)格趨勢(shì)對(duì)競(jìng)品有一個(gè)全面完整的了解,在此基礎(chǔ)上再進(jìn)行發(fā)散和創(chuàng)新。
vivo視頻視覺方向發(fā)散
3. 多目標(biāo)選擇評(píng)估
進(jìn)行啟發(fā)式評(píng)估,對(duì)風(fēng)格的正交性(不將無關(guān)事物耦合起來)、專用性、可適配性以及核心用戶定位、品牌匹配度去分析推導(dǎo),最終確認(rèn)至少三套設(shè)計(jì)風(fēng)格。
風(fēng)格的選擇一定不是非此即彼,對(duì)每個(gè)方案要有全面的評(píng)估,其它的方案里面一定也有一些散光的亮點(diǎn)或者在設(shè)計(jì)上的啟發(fā),這個(gè)時(shí)候可以考慮把一些可執(zhí)行的設(shè)計(jì)點(diǎn)進(jìn)行融合。
最終的決策一定要突出三套風(fēng)格的差異性,差異越大用戶越容易對(duì)設(shè)計(jì)方向的喜好度進(jìn)行判斷和表達(dá)。
vivo視頻多目標(biāo)追蹤方案
基于核心頁(yè)面的風(fēng)格去拓展其它頁(yè)面的設(shè)計(jì)效果,去實(shí)踐設(shè)計(jì)風(fēng)格的可適配性。因?yàn)椴煌δ茼?yè)面有特定的業(yè)務(wù)屬性,所以單一的設(shè)計(jì)風(fēng)格很難有效適配到一個(gè)產(chǎn)品的所有頁(yè)面。
4. 喜好度調(diào)研
定量調(diào)研可以發(fā)現(xiàn)用戶最不喜歡的方案,但是很難找到用戶最喜愛的風(fēng)格方向。
我們對(duì)同樣的方案做完定量和定性研究后可以發(fā)現(xiàn),用戶不喜歡的方向和原因保持一致,最喜歡的結(jié)論會(huì)有較大波動(dòng),即使在定量數(shù)據(jù)上也沒有明顯的優(yōu)勢(shì)。
大多數(shù)情況下用戶在做選擇時(shí)只是覺得在風(fēng)格上有差異,但是沒有明確的喜好程度的傾向。
vivo瀏覽器用戶喜好度調(diào)研結(jié)果
vivo視頻用戶喜好度調(diào)研結(jié)果
采用定性調(diào)研去挖掘用戶的審美偏好、對(duì)品牌的認(rèn)知與期望。
相對(duì)于用戶的選擇我們更應(yīng)該重視用戶在判斷后的表達(dá),喜歡的原因及描述。通常情況下用戶會(huì)用一些形容詞進(jìn)行表達(dá),比方說更科技、年輕,設(shè)計(jì)師可以基于這些關(guān)鍵詞進(jìn)一步明確對(duì)風(fēng)格的定義,去把控設(shè)計(jì)的方向。
vivo瀏覽器用戶品牌感受調(diào)研結(jié)果
不僅僅是對(duì)整體頁(yè)面風(fēng)格進(jìn)行喜好度的研究,對(duì)重要的核心元素也可以進(jìn)行調(diào)研,重要的變量最好在2到3個(gè),變量太多組合會(huì)成倍速增加,不利于用戶做選擇。
5. 設(shè)計(jì)決策
風(fēng)格提取,結(jié)合三個(gè)方案的設(shè)計(jì)細(xì)節(jié)對(duì)調(diào)研結(jié)論進(jìn)行總結(jié)提煉,從色彩、造型、材質(zhì)、處理手法等層面對(duì)每個(gè)方案的優(yōu)勢(shì)進(jìn)行分析提煉簡(jiǎn)潔清晰的設(shè)計(jì)語(yǔ)言。
vivo瀏覽器用戶反饋總結(jié)
vivo視頻用戶反饋總結(jié)
爭(zhēng)取“兩項(xiàng)都選”而不是非此即彼的選擇,鎖定一個(gè)方向?yàn)橹饕较颍哑渌桨缚梢越梃b的優(yōu)點(diǎn)和優(yōu)勢(shì)融入進(jìn)來,刪除優(yōu)化不好的細(xì)節(jié)。
基于最終的方案選擇,為了保持概念的完整性,提取最終風(fēng)格的關(guān)鍵詞,用合適的方法將風(fēng)格記錄下來。
在設(shè)計(jì)的過程中還會(huì)有大量意料之外的微觀決策,將影響最終設(shè)計(jì)的那些微觀決策也都可以記錄下來,這樣才能最大程度的保證設(shè)計(jì)結(jié)果的統(tǒng)一性。
四、總結(jié)
- 前期要制定明確的目標(biāo),在方案發(fā)散階段要對(duì)風(fēng)格趨勢(shì)、主流競(jìng)品有全面的了解。
- 跳出自我意識(shí)的局限,多人參與多方案嘗試可以保證更多的視覺刺激和啟發(fā)性,有利于做方向的選擇。
- 避免決策癱瘓,主要方向不要超過3個(gè),拉開方案的差異性,采用定性調(diào)研挖掘用戶的審美偏好,對(duì)品牌的認(rèn)知與期望。
- 最終決策不要有非此即彼的偏好,客觀的分析用戶偏愛的風(fēng)格以及喜歡的原因,把優(yōu)點(diǎn)進(jìn)行整合,刪除不好的。
我們今年在vivo視頻、vivo瀏覽器兩個(gè)項(xiàng)目上采用了多目標(biāo)追蹤的方法,通過不斷的對(duì)問題進(jìn)行探索、決策、總結(jié)。
在推動(dòng)的過程中如何讓方案有充足的說服力,如何保證設(shè)計(jì)結(jié)果的有效性,是一個(gè)需要不斷發(fā)現(xiàn)問題、解決問題的學(xué)習(xí)過程。
目前vivo視頻的設(shè)計(jì)改版以上線滿意度有了較大提升,vivo瀏覽器在開發(fā)過程中。后續(xù)會(huì)發(fā)出項(xiàng)目總結(jié)的文章,敬請(qǐng)期待!
引用:
[美]Chip Heath《行為設(shè)計(jì)學(xué):掌控關(guān)鍵決策》
[美]Frederick P. Brooks《設(shè)計(jì)原本》
作者:well,微信公眾號(hào):VMIC UED
本文由 @VMIC UED 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Pexles,基于 CC0 協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!