設(shè)計(jì)秘笈:優(yōu)秀設(shè)計(jì)師都是怎么做方案的?
編輯導(dǎo)語:每位優(yōu)秀的設(shè)計(jì)師都有自己的一套成熟的方法論,即人們常說的“設(shè)計(jì)秘笈”。本文作者所在的團(tuán)隊(duì)將近一年的設(shè)計(jì)方法進(jìn)行了總結(jié),為我們分享了一套設(shè)計(jì)方法論體系,吃透這份秘籍,你就離優(yōu)秀設(shè)計(jì)師更近一步。
前言:
本文是我們vivo VMIC UED的小伙伴們近一年常用設(shè)計(jì)方法的總結(jié),它的精妙之處在于:把百家爭(zhēng)鳴的設(shè)計(jì)思維、設(shè)計(jì)策略和設(shè)計(jì)原則抽絲剝繭,重新編織成了一套簡(jiǎn)潔有效的設(shè)計(jì)方法論體系,可以讓你一目了然的透析各種設(shè)計(jì)理論,按需取用,質(zhì)效倍增。
我們?cè)O(shè)計(jì)師在做設(shè)計(jì)專項(xiàng)研究的時(shí)候,就經(jīng)常用到,屢試不爽,所以推薦你也趕緊收藏起來……(真的有這么神奇嗎?我們說了不算,你趕緊來感受一下吧~)
一、定義
方法論,是關(guān)于人們認(rèn)識(shí)世界,改造世界的方法的理論——摘自百度百科
由此引申:設(shè)計(jì)方法論,則是關(guān)于我們?cè)O(shè)計(jì)師認(rèn)識(shí)產(chǎn)品/服務(wù),改造產(chǎn)品/服務(wù)的方法的理論。
它是設(shè)計(jì)師評(píng)估產(chǎn)品問題,定義并解決產(chǎn)品問題的思維方式、設(shè)計(jì)策略和參考準(zhǔn)則的總和。參考準(zhǔn)則的點(diǎn),圍繞某個(gè)設(shè)計(jì)策略之線,按照思維之面展開,就可以解決我們?nèi)粘9ぷ鞯慕^大多數(shù)問題。
在設(shè)計(jì)工作中,點(diǎn)線面交織在一起,不太利于大家深入理解,所以我們可以拆解來看:思維方式構(gòu)建了設(shè)計(jì)的宏觀思考框架,它是頂層的設(shè)計(jì)流程,在設(shè)計(jì)界具有較高的共識(shí)。
設(shè)計(jì)策略反應(yīng)了具體問題的解題思路,設(shè)計(jì)策略會(huì)決定解題的思路,進(jìn)而影響設(shè)計(jì)的成果所以需要根據(jù)場(chǎng)景審慎選擇。參考準(zhǔn)則指導(dǎo)并檢驗(yàn)每一個(gè)設(shè)計(jì)細(xì)節(jié)的正確性,也具有一定的普適性,是設(shè)計(jì)和檢驗(yàn)產(chǎn)品的通用準(zhǔn)則。
概括來講,思維方式就是一套正確的設(shè)計(jì)流程,而設(shè)計(jì)策略則引導(dǎo)我們做出正確的框架設(shè)計(jì),參考準(zhǔn)則最終用來設(shè)計(jì)并檢驗(yàn)每一個(gè)細(xì)節(jié)設(shè)計(jì)。
本文的設(shè)計(jì)方法論體系,就是把一系列從宏觀到微觀離散的方法和原則,用一種正確的關(guān)系組織起來,供設(shè)計(jì)師高效取用。為了讓大家更好的理解,認(rèn)同并使用這套設(shè)計(jì)方法論,下面我就逐一來介紹一下它們。
二、思維方式
設(shè)計(jì)界最經(jīng)典的思維方式包括英國設(shè)計(jì)協(xié)會(huì)的雙鉆模型,IDEO的設(shè)計(jì)思維模型,d.school的設(shè)計(jì)思維模型和Google的設(shè)計(jì)沖刺模型。
前兩者的共性在于強(qiáng)調(diào)階段性的發(fā)散與收斂,后兩者的共性在于強(qiáng)調(diào)線性的推進(jìn)節(jié)奏和設(shè)計(jì)驗(yàn)證的必要性。綜合這些思維模型特點(diǎn),我們可以總結(jié)一個(gè)更為通用和完整的三鉆思維模型:
在三鉆思維模型中,我們把設(shè)計(jì)的過程,拆分為三個(gè)階段:研究階段,設(shè)計(jì)階段,和驗(yàn)證階段,三者形成一個(gè)閉環(huán),缺一不可。
在進(jìn)行設(shè)計(jì)專項(xiàng)研究之前,我們首先要聚焦一個(gè)具體的設(shè)計(jì)主題,這個(gè)主題的選擇需要盡量符合以下三個(gè)條件:
- 產(chǎn)品戰(zhàn)略強(qiáng)相關(guān):這樣才能在大方向上和產(chǎn)品產(chǎn)品保持一致,更容易獲得項(xiàng)目資源的高優(yōu)先級(jí)支持;
- 體驗(yàn)價(jià)值強(qiáng)相關(guān):這樣我們?cè)O(shè)計(jì)師才能發(fā)揮最大的專業(yè)價(jià)值,避免越俎代庖,去做一些非我們?cè)O(shè)計(jì)專長的事,吃力不討好;
- 任務(wù)流程強(qiáng)相關(guān):設(shè)計(jì)點(diǎn)要相對(duì)寬泛一點(diǎn),最好是一個(gè)完整的任務(wù)流程和決策流程。如果僅僅是修改一個(gè)元素,一個(gè)頁面的設(shè)計(jì)布局,就沒有必要成立一個(gè)設(shè)計(jì)專項(xiàng)研究了,直接出方案省心省事。
確定好設(shè)計(jì)主題后,我們就需要圍繞這個(gè)主題,開始發(fā)現(xiàn)問題,通過體驗(yàn)走查、競(jìng)品分析、數(shù)據(jù)分析、用戶調(diào)研,專家訪談等多種方式去挖掘問題集,盡量把所有潛在的問題集都挖掘出來。
然后在根據(jù)我們的價(jià)值評(píng)估體系:業(yè)務(wù)價(jià)值,用戶價(jià)值,商業(yè)價(jià)值和技術(shù)難度去收斂問題,定義具體要解決的問題子集。
研究階段的發(fā)散和收斂,是為了找到最合適的問題,決定我們做什么,以及不做什么。設(shè)計(jì)師只有親身參與到這一步,才能準(zhǔn)確的洞察問題,這是設(shè)計(jì)驅(qū)動(dòng)的前提。
定義好要解決的問題子集后,根據(jù)這些問題子集之間的邏輯的關(guān)系和我們的設(shè)計(jì)目標(biāo),我們需要選擇具體的設(shè)計(jì)策略,來指導(dǎo)我們?cè)O(shè)計(jì)階段的設(shè)計(jì)框架。
這個(gè)設(shè)計(jì)策略的選擇我們后面會(huì)講,它是設(shè)計(jì)專項(xiàng)的一個(gè)核心精髓,如果設(shè)計(jì)策略選擇合適,對(duì)于指導(dǎo)我們的設(shè)計(jì)思路會(huì)有非常大的幫助。
設(shè)計(jì)策略確定后,我們就在設(shè)計(jì)策略的指導(dǎo)框架下,去發(fā)散具體的設(shè)計(jì)方案,可以通過頭腦風(fēng)暴,設(shè)計(jì)工坊,紙面原型,競(jìng)品分析等多種方式進(jìn)行,最后通過設(shè)計(jì)師自我評(píng)估或者設(shè)計(jì)組內(nèi)的評(píng)審,聚焦到1~2個(gè)可行的設(shè)計(jì)方案上,開始落地實(shí)施。
設(shè)計(jì)階段的發(fā)散和收斂,是為了找到最合適的解決方案,它告誡我們?cè)O(shè)計(jì)師不要滿足于信手拈來約定俗成的設(shè)計(jì)方案,要不斷的發(fā)散、探究,突破,審視,找到不同場(chǎng)景下的最優(yōu)解。
在設(shè)計(jì)方案推進(jìn)的同時(shí),我們也要定義好設(shè)計(jì)的衡量指標(biāo),可以通過可用性測(cè)試,灰度數(shù)據(jù),AB測(cè)試等方式,獲得相應(yīng)的數(shù)據(jù)。去驗(yàn)證數(shù)據(jù)的變化是否符合預(yù)期,并沉淀相應(yīng)的經(jīng)驗(yàn)或制定優(yōu)化策略,完成復(fù)盤總結(jié)。
驗(yàn)證階段的發(fā)散和收斂,是為了驗(yàn)證和沉淀好的設(shè)計(jì)經(jīng)驗(yàn)。只有通過實(shí)踐檢驗(yàn)的設(shè)計(jì)才是好的設(shè)計(jì),設(shè)計(jì)要迭代向前,我們就必須吸收每一次的反饋。
經(jīng)歷了研究、設(shè)計(jì)和驗(yàn)證階段,一個(gè)完整的設(shè)計(jì)專項(xiàng)流程就閉環(huán)了。在這里我們借鑒了前面各家的設(shè)計(jì)思維模型來定義整個(gè)設(shè)計(jì)專項(xiàng)的流程,也期望這套流程能對(duì)你的工作模式有所啟發(fā)。
三、設(shè)計(jì)策略
設(shè)計(jì)策略是構(gòu)建設(shè)計(jì)方案的核心,選擇合適的設(shè)計(jì)策略,可以幫助設(shè)計(jì)師建立正確的思維框架,指導(dǎo)我們從合適的維度去思考和檢驗(yàn)設(shè)計(jì),相當(dāng)于有了一個(gè)高明的幕后軍師。
雖然現(xiàn)在方法論濫用,使得很多從業(yè)者對(duì)生搬硬套的設(shè)計(jì)方案非常反感。但是不得不說,專業(yè)設(shè)計(jì)師和業(yè)余設(shè)計(jì)師之間的本質(zhì)區(qū)別,就在于是否熟練掌握了相關(guān)的設(shè)計(jì)策略并正確的實(shí)施。
設(shè)計(jì)師要善于站在巨人的肩膀上前行,所謂巨人,就是其他的設(shè)計(jì)大師,站在他們的肩膀上,就是就要充分利用好他們總結(jié)沉淀的設(shè)計(jì)策略,并在實(shí)際項(xiàng)目中因地制宜的改良,這樣才能快速提高我們的設(shè)計(jì)質(zhì)效,少走彎路。
關(guān)于設(shè)計(jì)策略,有很多網(wǎng)文和書籍的介紹,不過有些并不適用于互聯(lián)網(wǎng)領(lǐng)域。設(shè)計(jì)師們也常??鄲罌]有足夠的時(shí)間逐一去學(xué)習(xí),所以書到用時(shí)方恨少,總是找不到合適的設(shè)計(jì)策略,這才會(huì)出現(xiàn)生搬硬套的情況。
為了讓大家盡快上手,我們UED的幾位小伙伴—大圣、曉聰、Bella,根據(jù)設(shè)計(jì)的階段和設(shè)計(jì)的目的,對(duì)常用的設(shè)計(jì)策略進(jìn)行了統(tǒng)一的歸納和整理,方便各位設(shè)計(jì)師根據(jù)自己的訴求進(jìn)行選擇(建議收藏哦,以后要進(jìn)行設(shè)計(jì)專項(xiàng)研究,就可以參考這些設(shè)計(jì)策略啦~)。
- 當(dāng)我們要了解用戶場(chǎng)景及目標(biāo)時(shí),我們可以選擇5W1H、卡諾模型、同理心地圖、用戶體驗(yàn)地圖、用戶購買力模型、用戶忠誠度模型等策略;
- 當(dāng)我們要提升用戶活躍度或某個(gè)產(chǎn)品指標(biāo)時(shí),我們可以采用AARRR模型、AIDA模型、上癮模型、Fogg行為模型、PICK模型、八角形位分析法,用戶行為路徑分析等分析策略;
- 當(dāng)我們要進(jìn)行品牌設(shè)計(jì)和傳達(dá)時(shí),我們可以采用品牌價(jià)值模型、品牌動(dòng)力金字塔模型、五角資產(chǎn)模型、BIOS模型進(jìn)行設(shè)計(jì)指導(dǎo);
- 當(dāng)我們要評(píng)估設(shè)計(jì)結(jié)果時(shí),我們可以采用Heart五度模型、GSM模型、LEFT模型和5E模型作為評(píng)估指導(dǎo)策略。
需要注意的是,采用任意一種設(shè)計(jì)策略作為指導(dǎo)時(shí),都要先評(píng)估策略的合適性,確保設(shè)計(jì)目標(biāo)與設(shè)計(jì)策略的吻合。再結(jié)合業(yè)務(wù)的真實(shí)情況進(jìn)行適當(dāng)?shù)男拚?,以便讓通用的設(shè)計(jì)策略更具有業(yè)務(wù)針對(duì)性。
舉個(gè)例子:當(dāng)我們面對(duì)要“提升vivo商城成單率”這個(gè)目標(biāo)時(shí),通過前期研究階段的發(fā)散和收斂,我們確定了“商詳頁轉(zhuǎn)化提升”、“購物車優(yōu)化設(shè)計(jì)”、“評(píng)價(jià)體系優(yōu)化”等一系列的設(shè)計(jì)專項(xiàng)。
在“商詳頁轉(zhuǎn)化提升”專項(xiàng)研究中,我們采用了AIDA模型作為指導(dǎo),把消費(fèi)者從接觸營銷信息到完成購買行為的的四個(gè)階段:注意(attention)、興趣(interest)、欲望(desire)和行動(dòng)(action),分別對(duì)應(yīng)到用戶購物的心理決策過程中,把整個(gè)商詳頁的設(shè)計(jì)按照吸引決策、刺激決策、加固決策、完成決策的目標(biāo)進(jìn)行模塊化組織,從而有效的提升了商詳頁的轉(zhuǎn)化率。
在“購物車優(yōu)化設(shè)計(jì)”專項(xiàng)研究中,我們按照公式分解法,將提升購物車GMV的指標(biāo)按照公式GMV=客單價(jià)*購物車UV*購物車轉(zhuǎn)化率*結(jié)算頁轉(zhuǎn)化率*支付成功率進(jìn)行拆解,從而聚焦在提升購物車UV,提高購物車轉(zhuǎn)化率,和提升客單價(jià)的設(shè)計(jì)子目標(biāo)上有的放矢。
在“評(píng)價(jià)體系優(yōu)化”專項(xiàng)研究中,我們則采用了福格行為模型B=MAT,從動(dòng)機(jī)、能力和觸發(fā),三個(gè)維度去提升用戶評(píng)價(jià)動(dòng)機(jī)、提升用戶評(píng)價(jià)能力和增加合適的觸發(fā)器,從而達(dá)到提升評(píng)價(jià)完成度的目標(biāo)。
通過這些案例,我想說的是:任何設(shè)計(jì)目標(biāo)的達(dá)成,都需要具體而清晰的設(shè)計(jì)策略,而上述設(shè)計(jì)策略的梳理,無異于一份指導(dǎo)手冊(cè),可以幫助千頭萬緒的設(shè)計(jì)師,按圖索驥找到最適合的設(shè)計(jì)策略。
四、參考準(zhǔn)則
這一趴是設(shè)計(jì)師們最為熟悉的,我們從接觸設(shè)計(jì)這個(gè)行業(yè)開始就天天和它們打交道,對(duì)于新入職的設(shè)計(jì)師,我們也總是鼓勵(lì)他們多去學(xué)習(xí)、思考和運(yùn)用這些設(shè)計(jì)原則,通過反復(fù)的練習(xí),讓大家形成條件反射,快速而準(zhǔn)確的運(yùn)用于日常的設(shè)計(jì)工作中。
這里我們簡(jiǎn)單回顧一下設(shè)計(jì)圈里常用的設(shè)計(jì)法則有哪些?
比如大家耳熟能詳?shù)哪釥柹?0大可用性原則,格式塔原理,交互設(shè)計(jì)7大定律,android和ios兩大移動(dòng)平臺(tái)的設(shè)計(jì)原則,以及斯奈德曼8大界面設(shè)計(jì)黃金法則和其他我們歸納的8大設(shè)計(jì)原則,這一頁幾乎涵蓋了我們?nèi)粘TO(shè)計(jì)中會(huì)用到的所有基本原則。
如果就這樣學(xué)習(xí)的話,記憶成本是非常高的,所以,我按照界面設(shè)計(jì)和互動(dòng)設(shè)計(jì)兩類,將所有的原則進(jìn)行了重組,方便大家結(jié)合具體的情境和設(shè)計(jì)階段,來采用具體的設(shè)計(jì)原則。
五、界面設(shè)計(jì)
在界面設(shè)計(jì)中,根據(jù)交互設(shè)計(jì)四策略:刪除、組織、隱藏、轉(zhuǎn)移進(jìn)行歸類。
比如刪除,對(duì)應(yīng)的就是奧卡姆剃刀原理。指的是界面設(shè)計(jì)前,我們首先要對(duì)界面設(shè)計(jì)元素進(jìn)行檢驗(yàn),把不必要的元素進(jìn)行剔除,然后才進(jìn)入到元素的組織階段。
在組織階段也遵從先框架后局部的思想,先考慮整體的布局原則,再考慮具體的元素布局原則。
整體布局結(jié)構(gòu)包括尼爾森F型視覺模型,古騰堡圖表對(duì)角線結(jié)構(gòu),中間優(yōu)先結(jié)構(gòu);同時(shí)也要考慮平臺(tái)的一致性和框架進(jìn)行整體的結(jié)構(gòu)設(shè)計(jì),整體布局完成后,還需要用美即適用的設(shè)計(jì)原則進(jìn)行檢驗(yàn),確保設(shè)計(jì)界面整體的視覺舒適度,畢竟良好的視覺感受可以增強(qiáng)最高30%的設(shè)計(jì)可用性。
確定大的結(jié)構(gòu)布局后,再考慮每個(gè)模塊的局部設(shè)計(jì),這需要遵循親密、對(duì)齊、對(duì)比、重復(fù)的四大設(shè)計(jì)原則,來增強(qiáng)界面的合理性和視覺韻律。
對(duì)于相對(duì)不那么重要的功能,根據(jù)席克定律和米勒定律,可以進(jìn)行適當(dāng)?shù)姆纸M和隱藏,而對(duì)于極端復(fù)雜的系統(tǒng),我們則需要想辦法轉(zhuǎn)移系統(tǒng)難度至其他平臺(tái)或者設(shè)計(jì)后臺(tái),降低用戶當(dāng)前使用系統(tǒng)的復(fù)雜度。
六、互動(dòng)設(shè)計(jì)
互動(dòng)設(shè)計(jì)要遵循的首要設(shè)計(jì)原則就是操作前有預(yù)期,操作時(shí)有反饋,操作后可撤銷。
要做到操作前有預(yù)期,就需要考慮功能的可見性,可以采用隱喻或者擬物的設(shè)計(jì)手法,遵守雅各布定律,易掃和一區(qū)原則,并提供一些人性化的幫助。
操作時(shí)有反饋,首先說的是要讓用戶有掌控感,要專注于用戶的任務(wù),而非技術(shù),采用用戶的語言,為用戶常見的情況而設(shè)計(jì),傳遞信息,而非數(shù)據(jù),遵守費(fèi)茨定律和直接操控原則。
為用戶設(shè)計(jì)的反饋,要遵守多爾蒂門檻的時(shí)間效應(yīng),要提供有意義的動(dòng)畫和動(dòng)效方式,并且讓操作后的狀態(tài)就近顯示,符合當(dāng)前環(huán)境,而且最好還能夠防錯(cuò)容錯(cuò),提供設(shè)計(jì)的靈活性。
操作后可撤銷,指的是對(duì)于一些重要的危險(xiǎn)性的操作,需要提供確認(rèn),讓用戶有取消的權(quán)利,對(duì)于一些已經(jīng)執(zhí)行的操作,也盡可能提供撤銷重做的原則,保持用戶對(duì)系統(tǒng)的操控感。
經(jīng)過上述歸納之后,是不是所有的設(shè)計(jì)原則顯得簡(jiǎn)單了很多,我們鼓勵(lì)每個(gè)設(shè)計(jì)新人都動(dòng)手去重組這樣一張?jiān)O(shè)計(jì)原則的全覽圖,這樣可以加強(qiáng)自己對(duì)每個(gè)設(shè)計(jì)原則的理解;同時(shí)當(dāng)自己處于某一個(gè)設(shè)計(jì)環(huán)節(jié)時(shí),更容易想起要運(yùn)用對(duì)應(yīng)的設(shè)計(jì)法則作為指導(dǎo)。
完成設(shè)計(jì)后,也可以用這些設(shè)計(jì)原則進(jìn)行快速的檢驗(yàn)。
七、小結(jié)
最后回顧一下,我們今天分享的設(shè)計(jì)方法論體系包含些什么?
設(shè)計(jì)方法論,是我們?cè)O(shè)計(jì)師評(píng)估產(chǎn)品問題,定義并解決產(chǎn)品問題的思維方式、設(shè)計(jì)策略和參考準(zhǔn)則的總和。
它包含了我們前面提到的三鉆思維模型,一系列的設(shè)計(jì)策略和一系列的設(shè)計(jì)參考準(zhǔn)則,歸納起來就一張圖。但如果要真的理解和掌握這些設(shè)計(jì)方法,還是需要一定的時(shí)間的,如果要運(yùn)用實(shí)踐,那就不僅僅是時(shí)間問題,還要看項(xiàng)目機(jī)緣了。
希望通過今天的分享,每個(gè)設(shè)計(jì)小伙伴都可以結(jié)合自己的業(yè)務(wù),找到最適合自己當(dāng)前業(yè)務(wù)和當(dāng)前產(chǎn)品階段的設(shè)計(jì)策略。
本文由@悅有所思 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自?Unsplash,基于 CC0 協(xié)議
對(duì)設(shè)計(jì)策略的選擇過程比較感興趣
GMV轉(zhuǎn)化的那個(gè)有相應(yīng)的示例嗎?
一套很完整的方法論體系,很適合新手,感謝您的分享!