01前言
“設(shè)計(jì)是創(chuàng)新的”;
“設(shè)計(jì)是誠(chéng)實(shí)的”;
“設(shè)計(jì)是自然的”;
“設(shè)計(jì)是極簡(jiǎn)的”;
以上是業(yè)界大牛們的名言,細(xì)細(xì)品品就知道設(shè)計(jì)不是一項(xiàng)簡(jiǎn)單的工作,面對(duì)這個(gè)不簡(jiǎn)單的工作,結(jié)合自身在UI設(shè)計(jì)上的經(jīng)驗(yàn),為剛?cè)胄械男氯藗兪崂砹艘环莼A(chǔ)流程,希望能對(duì)大家有一些幫助。
02設(shè)計(jì)流程
碎片化時(shí)代使得注意力非常容易分散,工作中密集的項(xiàng)目也常常多線程并發(fā),清晰的設(shè)計(jì)流程有利于我們更合理的分配時(shí)間和精力,提升工作效率。我一般會(huì)把項(xiàng)目設(shè)計(jì)流程分成三個(gè)部分:設(shè)計(jì)前、設(shè)計(jì)中、設(shè)計(jì)后,當(dāng)然也有很多設(shè)計(jì)師會(huì)把設(shè)計(jì)流程分為需求收集、確定目標(biāo)、原型確認(rèn)、設(shè)計(jì)評(píng)審、細(xì)節(jié)打磨、跟進(jìn)開發(fā)、結(jié)果跟蹤等流程,其實(shí)細(xì)節(jié)流程都差不多,不過我把整個(gè)設(shè)計(jì)流程分成前、中、后三個(gè)里程碑似的節(jié)點(diǎn),更容易聚焦。
· 設(shè)計(jì)前
設(shè)計(jì)前的環(huán)節(jié)是最容易被忽略的一個(gè)關(guān)鍵環(huán)節(jié),我們很容易陷入需求來了就馬上開始設(shè)計(jì)的誤區(qū),殊不知這樣做會(huì)給后續(xù)工作埋下無數(shù)的坑,比如:反復(fù)修改設(shè)計(jì)稿、需求方臨時(shí)增加幾個(gè)頁面、設(shè)計(jì)交付延期、效果不如預(yù)期等情況,這樣一來反而使得整個(gè)項(xiàng)目節(jié)奏慢下來,背離初衷。在我的設(shè)計(jì)流程中“設(shè)計(jì)前”是最難且最重要的一個(gè)階段,所以在這個(gè)階段我們一定要想辦法去爭(zhēng)取時(shí)間來做好準(zhǔn)備,那么我們都有哪些事情要做呢?
1、聊一聊
設(shè)計(jì)之前第1件事就是去了解業(yè)務(wù),拉上需求方請(qǐng)他講講項(xiàng)目背景、業(yè)務(wù)目標(biāo)、用戶人群、競(jìng)品分析以及跟現(xiàn)有業(yè)務(wù)的關(guān)聯(lián)等,這樣做的好處非常多。一方面能通過需求方的講述了解最真實(shí)的需求和產(chǎn)品目標(biāo),便于后續(xù)設(shè)計(jì)中的決策;另一方面我們可以反向要求需求方把業(yè)務(wù)目標(biāo)梳理得更加透徹,避免在大方向上出現(xiàn)差錯(cuò);最終也能讓需求方知道我們也是奔著業(yè)務(wù)目標(biāo)在思考,更有利于與需求方長(zhǎng)期的合作與信任,而不是讓需求方覺得我們僅是一個(gè)頁面仔。
2、看一看
在與需求方做完初次溝通后緊接著就是去看看是否有相關(guān)的競(jìng)品。如果項(xiàng)目有競(jìng)品,那么這些競(jìng)品能讓我們迅速看到產(chǎn)品未來的全貌,也能讓我們發(fā)現(xiàn)一些亮點(diǎn)以及反向思考是否有我們產(chǎn)品沒有覆蓋到的場(chǎng)景,將這些內(nèi)容進(jìn)行整理后作為日后設(shè)計(jì)的重要依據(jù)。如果沒有直接競(jìng)品也可以去看一看同類型或者同行業(yè)的產(chǎn)品。
3、想一想
有了聊一聊和看一看,我們基本上站在了全局視角,但這時(shí)還沒到開始設(shè)計(jì)的時(shí)候,還需要再想一想,比如:A.結(jié)合自己看競(jìng)品過程中的發(fā)現(xiàn),對(duì)業(yè)務(wù)、需求上還有哪些疑問?將疑問點(diǎn)進(jìn)行整理匯總再次找需求方進(jìn)行確認(rèn),確保與需求方的理解是一致的,這樣才會(huì)保證后續(xù)設(shè)計(jì)流程的順利推進(jìn)。B.想想這個(gè)項(xiàng)目設(shè)計(jì)師的機(jī)會(huì)點(diǎn)在哪里?設(shè)計(jì)目標(biāo)是什么?有哪些地方是設(shè)計(jì)師可以重點(diǎn)投入的?開發(fā)落地成本如何?設(shè)計(jì)投入是否可以被驗(yàn)證?這樣會(huì)幫助我們后續(xù)更好的分配時(shí)間重心,也便于后續(xù)設(shè)計(jì)經(jīng)驗(yàn)的沉淀,知道哪些設(shè)計(jì)能帶來數(shù)據(jù)上的變化。C.想想設(shè)計(jì)如何規(guī)劃?設(shè)計(jì)上還有哪些風(fēng)險(xiǎn)?是否需要外部支援等?便于幫助我們給出相對(duì)準(zhǔn)確的設(shè)計(jì)排期。
· 設(shè)計(jì)中
有了前面的充分準(zhǔn)備,基本上就能信心滿滿的開始設(shè)計(jì)了,接下來按下方流程逐步進(jìn)行:
1、原型設(shè)計(jì)
視覺設(shè)計(jì)前我們需要先對(duì)交互原型進(jìn)行不斷的打磨,確保交互層面的體驗(yàn)優(yōu)雅且符合用戶使用習(xí)慣。如果團(tuán)隊(duì)里配備了交互設(shè)計(jì)師,可以與交互同學(xué)做一些討論,敲定原型后與需求方再次進(jìn)行確認(rèn),對(duì)齊各方意見;如果沒有交互設(shè)計(jì)設(shè)計(jì)師介入,那么一定要把想法圖形化,讓大家能更準(zhǔn)確的理解我們的想法,可以畫在紙上,也可以用原型工具來表達(dá)。同時(shí)這里強(qiáng)烈建議設(shè)計(jì)師應(yīng)該對(duì)信息架構(gòu)以及文案保持高度的敏感,好的信息架構(gòu)能保證基礎(chǔ)頁面體驗(yàn)的順暢性,而準(zhǔn)確文案更能保證用戶對(duì)信息理解不出現(xiàn)偏差。
2、風(fēng)格探索
敲定原型后,就可以做風(fēng)格探索了,關(guān)于風(fēng)格這塊我個(gè)人理解這是比較感性的,沒有標(biāo)準(zhǔn)答案,只要風(fēng)格定義有依據(jù)加上平時(shí)對(duì)當(dāng)下流行趨勢(shì)的關(guān)注,風(fēng)格定調(diào)基本上不會(huì)有太大問題,也可以根據(jù)設(shè)計(jì)前準(zhǔn)備的一些機(jī)會(huì)點(diǎn)做針對(duì)性的設(shè)計(jì),比如:插畫、質(zhì)感、細(xì)節(jié)、動(dòng)效等,在UXD公眾號(hào)的文章中有非常多優(yōu)秀的案例可供大家參考,這里不再贅述。
3、細(xì)節(jié)打磨
我經(jīng)常在回看自己之前的設(shè)計(jì)產(chǎn)出時(shí),發(fā)現(xiàn)有很多自己看不順眼的地方。為了避免這種情況,我們可以在設(shè)計(jì)階段多一些嘗試,多一些打磨。與其讓”未來的我”或需求方來指出問題,倒不如先自我審視,打磨出最理想的方案后再去做評(píng)審。也可以找身邊的同事、朋友一起看看,邀請(qǐng)他們來選一選方案并說一說理由。最終再結(jié)合設(shè)計(jì)目標(biāo)、業(yè)務(wù)目標(biāo)和大家的意見輸出最終方案。如果在方案上遇到了困難,也要及時(shí)做好溝通或者尋求Leader的幫助。
4、設(shè)計(jì)評(píng)審
當(dāng)團(tuán)隊(duì)內(nèi)部對(duì)方案達(dá)成一致后可以組織一場(chǎng)正式的評(píng)審會(huì)議。設(shè)計(jì)評(píng)審能迅速集中的發(fā)現(xiàn)問題,對(duì)意見相左而遲遲無法定稿的情況也能有效規(guī)避。設(shè)計(jì)評(píng)審前我們要做好充分的準(zhǔn)備,可以要求上下游關(guān)鍵角色參加,比如需求方和研發(fā)人員。提前預(yù)設(shè)問題管理好各方預(yù)期,保證方案足夠嚴(yán)謹(jǐn)以及良好的控場(chǎng)。在評(píng)審階段盡可能細(xì)致,把設(shè)計(jì)師想要落地的小細(xì)節(jié)、小亮點(diǎn)都清晰的講到,引起研發(fā)人員的重視。最終將評(píng)審達(dá)成的結(jié)論文檔化,避免后續(xù)設(shè)計(jì)驗(yàn)收時(shí)扯皮。
5、建立Kit
設(shè)計(jì)方案開始之初就要有意識(shí)的去梳理規(guī)范和組件,保證后續(xù)功能迭代的效率和一致性。通過關(guān)鍵頁面總結(jié)出基礎(chǔ)規(guī)范;通過設(shè)計(jì)過程中的不斷推敲,再次對(duì)界面元素進(jìn)行抽離,形成組件庫(kù)。
· 設(shè)計(jì)后
設(shè)計(jì)評(píng)審?fù)ㄟ^后,除了輸出設(shè)計(jì)內(nèi)容和對(duì)設(shè)計(jì)文件進(jìn)行整理歸檔外,后面還要做的事情基本上就是推進(jìn)設(shè)計(jì)落地與設(shè)計(jì)驗(yàn)證了。
設(shè)計(jì)落地環(huán)節(jié)設(shè)計(jì)師的參與非常重要,前面所有的工作最終是以上線的效果為標(biāo)準(zhǔn),所以為了讓我們的付出不打折扣,需要在設(shè)計(jì)驗(yàn)收時(shí)細(xì)致堅(jiān)持,確保設(shè)計(jì)效果完美落地。除了督促開發(fā)同學(xué)們進(jìn)行調(diào)整,將設(shè)計(jì)細(xì)節(jié)標(biāo)注得更加清晰,復(fù)雜的交互輸出一份動(dòng)畫demo,更能幫助開發(fā)同學(xué)準(zhǔn)確理解設(shè)計(jì)意圖。
設(shè)計(jì)驗(yàn)證有很多方式,比如:數(shù)據(jù)埋點(diǎn)、用戶反饋、線上走查、用戶訪談、可用性測(cè)試等。有時(shí)我們會(huì)因?yàn)闃I(yè)務(wù)忙需求多、數(shù)據(jù)沒埋點(diǎn)、沒想過做驗(yàn)證等忽略設(shè)計(jì)驗(yàn)證這個(gè)環(huán)節(jié),這些原因歸結(jié)起來還是對(duì)設(shè)計(jì)驗(yàn)證重視度不夠。但設(shè)計(jì)驗(yàn)證能幫助我們回顧當(dāng)初目標(biāo)的達(dá)成情況,找到存在的問題,成為接下來迭代的依據(jù);同時(shí)也是對(duì)自身設(shè)計(jì)經(jīng)驗(yàn)的積累。所以我們還是要重視設(shè)計(jì)驗(yàn)證,努力了就要看見結(jié)果,無論好壞。
03寫在最終
以上是設(shè)計(jì)流程上的一些粗顆粒度的經(jīng)驗(yàn)分享,除此之外關(guān)于溝通、業(yè)務(wù)理解、項(xiàng)目管理、總結(jié)復(fù)盤都是非常大的課題,需要持續(xù)的學(xué)習(xí)沉淀,后續(xù)也會(huì)繼續(xù)做相關(guān)的分享,謝謝大家。