設(shè)計沉思錄 | 如何運(yùn)用設(shè)計思維設(shè)計春節(jié)運(yùn)營活動?
編輯導(dǎo)語:春節(jié)是一年最為重要的節(jié)日之一,也是流量的高峰期。如何在這樣的節(jié)日中打造一個體驗(yàn)不錯的活動,需要產(chǎn)品、設(shè)計、技術(shù)的緊密配合。本文作者從實(shí)際項(xiàng)目出發(fā),結(jié)合自身經(jīng)驗(yàn),分享了用設(shè)計思維做好春節(jié)運(yùn)營活動的思路方法,供大家借鑒。
01 寫在前面
設(shè)計師在日常工作中,如何運(yùn)用設(shè)計思維去做設(shè)計,想必大家已經(jīng)非常熟悉了。但是在日常運(yùn)營需求中,運(yùn)營設(shè)計師又如何運(yùn)用設(shè)計思維的方法論去進(jìn)行一次大型春節(jié)運(yùn)營活動呢?本文主要以此問題點(diǎn),結(jié)合此次58二手車業(yè)務(wù)線春節(jié)運(yùn)營活動,進(jìn)行復(fù)盤總結(jié)。其中總結(jié)的一些工作方法,希望能給大家一些啟發(fā)。
02 運(yùn)營設(shè)計項(xiàng)目中的方法論應(yīng)用
“設(shè)計思維(Design Thinking):是一種以人為本的解決復(fù)雜問題的創(chuàng)新方法?!?/p>
在我們的工作日常中,為了更好地承接需求,輸出更專業(yè)的設(shè)計。運(yùn)用設(shè)計思維,梳理設(shè)計流程。將設(shè)計思維應(yīng)用在日常項(xiàng)目中,可以幫助我們對齊業(yè)務(wù)、產(chǎn)品、設(shè)計目標(biāo)。面對同類型需求,可以更快速地響應(yīng),更專業(yè)地完成業(yè)務(wù)目標(biāo)。
這一套方法論,在UI設(shè)計工作中大家運(yùn)用的比較多。其實(shí)當(dāng)我們面對一些相對大型的運(yùn)營需求工作中,也是可以應(yīng)用起來的。這樣我們的運(yùn)營產(chǎn)出更貼合業(yè)務(wù),會對業(yè)務(wù)的數(shù)據(jù)指標(biāo)有更直接的作用。同時這一套方法論也可以形成一套可復(fù)用的設(shè)計方法,讓我們面對同類需求,可以更有效率更有質(zhì)量的完成。
圖1:設(shè)計思維對應(yīng)二手車春運(yùn)需求方法論拆解
03 需求理解對,設(shè)計不出錯
在需求開始前,一定需要了解清楚項(xiàng)目背景。比如此次二手車春節(jié)運(yùn)營活動是因?yàn)椋寒a(chǎn)品同學(xué)發(fā)現(xiàn)每年元旦后到過年前半月期間會出現(xiàn)年底轉(zhuǎn)化率提升的小高峰,今年準(zhǔn)備針對這段小高峰設(shè)計一場沖量活動。
圍繞核心目的,設(shè)計與產(chǎn)品、交互、進(jìn)行頭腦風(fēng)暴。產(chǎn)品、設(shè)計、技術(shù)同學(xué)各司其職,對齊目標(biāo),確定活動方向。在腦暴期間,設(shè)計同學(xué)可以先準(zhǔn)備一些研究案例(節(jié)日情感故事主題、游戲主題、分享裂變主題等),從中汲取靈感,幫助大家可以更好的進(jìn)行發(fā)散。
結(jié)合業(yè)務(wù)背景,以及項(xiàng)目組開發(fā)資源非常有限,我們最終確認(rèn)了以車源排行榜的方式,將我們的車源進(jìn)行包裝展示。希望用戶可以更直接的看到車源信息,提升連接效率,從而達(dá)到最終活動預(yù)期。雖然我們剛開始計劃了很多設(shè)計方案,預(yù)期視覺效果會吸引用戶,但是最終項(xiàng)目執(zhí)行,還是需要綜合考慮團(tuán)隊的投入產(chǎn)出比,始終貼合我們的業(yè)務(wù)目標(biāo),這樣我們的設(shè)計方向就不會出現(xiàn)偏差。
圖2:對齊目標(biāo)之后,確定設(shè)計方法,明確設(shè)計流程
04 基礎(chǔ)要牢靠 設(shè)計有保障
視覺傳達(dá)設(shè)計的基本構(gòu)成要素是:文字、圖形、色彩和造型,一定要將其基本練扎實(shí),我們對于畫面呈現(xiàn)出來的視覺氛圍感,才會有敏銳的捕捉度,這樣我們的設(shè)計輸出就會有所保障。
1. 關(guān)鍵詞提煉
此次春節(jié)運(yùn)營活動將二手車的優(yōu)選車源以排行榜的方式推薦給用戶。我們希望可以通過大數(shù)據(jù),將更精準(zhǔn)的車源推薦給每一位需要的用戶。希望大家可以在牛年,可以淘到屬于自己的好車。
圖3:項(xiàng)目團(tuán)隊成員需要一致確認(rèn)活動視覺關(guān)鍵詞
2. 視覺情緒版
在確定關(guān)鍵詞后,以及各業(yè)務(wù)線此次春運(yùn)設(shè)計的一致性設(shè)計規(guī)則條件下,結(jié)合二手車運(yùn)營風(fēng)格指引,我們整理收集了一些視覺圖。幫助我們可以快速找到設(shè)計風(fēng)格方向。
圖4:根據(jù)關(guān)鍵詞收集了一波參考圖形成情緒版
經(jīng)過多輪嘗試以及探討,我們最終確認(rèn)以C4D 3D風(fēng)格+58人物插畫形象(FACE TEAM人物插畫)+中國風(fēng)的風(fēng)格。
圖5:確定主視覺元素
3. 主視覺設(shè)計
此次二手車春運(yùn),作為58業(yè)務(wù)線之一。為了58各業(yè)務(wù)線春節(jié)運(yùn)營活動的一致性,我們需要確定一些通用設(shè)計規(guī)則,從而讓各業(yè)務(wù)線的設(shè)計,既要能夠保持一定程度的統(tǒng)一性,又要能讓各業(yè)務(wù)線有其業(yè)務(wù)獨(dú)特性。我認(rèn)為很多時候我們工作的真正挑戰(zhàn)是:在業(yè)務(wù)限制以及平臺設(shè)計一致性比較多的約束下,依然能夠?qū)さ狡洫?dú)特解法。
圖6:平臺設(shè)計一致性設(shè)計要求
頭圖設(shè)計中我們也是經(jīng)過多輪嘗試之后,我們確定了頭圖畫面以人物為中心,以傳統(tǒng)中國風(fēng)建筑為背景元素,顏色以暖色調(diào)為主,一些春節(jié)小元素的點(diǎn)綴,讓畫面感最終可以烘托出新年的喜慶氛圍感。
主視覺字體設(shè)計中:頭圖字體基礎(chǔ)型以58自創(chuàng)的微笑體為基礎(chǔ)型,在此基礎(chǔ)上,做了一些變形處理,最后加上C4D的3D渲染,可以與主視覺更好的進(jìn)行畫面融合。
圖7:主視覺設(shè)計
圖8:很多時候我們看到最后的設(shè)計稿都是經(jīng)過了反反復(fù)復(fù)推敲而來的
4. 活動界面設(shè)計
為了讓界面更具有中國傳統(tǒng)元素,將如意紋樣作為主裝飾圖形應(yīng)用在界面元素中,同時增加公仔牛元素在標(biāo)題中,可以讓頁面更活潑。
二手車品牌運(yùn)營色為藍(lán)色,同時春節(jié)運(yùn)營活動中紅色作為中國傳統(tǒng)節(jié)日色肯定不能少,所以紅藍(lán)搭配就自然成為了此次界面的主視覺顏色。將紅色和藍(lán)色的飽和度降低之后,會發(fā)現(xiàn)這兩個顏色與金色搭配在一起,會更有一種古代琺瑯首飾中帶來的雅致之美的感受。
圖9:活動主會場
活動專題頁面確認(rèn)設(shè)計后,為了讓運(yùn)營氣氛更強(qiáng)烈一些。我們在二手車大類頁以及詳情頁都對應(yīng)做了運(yùn)營換膚動作。
大類頁皮膚設(shè)計也延續(xù)了中國風(fēng)的設(shè)計風(fēng)格,其中24個icon也都是以春節(jié)傳統(tǒng)節(jié)日元素與車業(yè)務(wù)屬性進(jìn)行結(jié)合設(shè)計,將色彩以暖色紅色為主色調(diào),藍(lán)色冷色作為點(diǎn)綴,營造出一種春節(jié)喜氣洋洋的氛圍,從而吸引用戶點(diǎn)擊。
圖10:大類頁icon
圖11:大類頁、詳情頁春節(jié)皮膚
05 項(xiàng)目得復(fù)盤 設(shè)計更出彩
此次春節(jié)運(yùn)營活動項(xiàng)目已完成并成功上線,在此,我要非常感謝和我一起負(fù)責(zé)視覺的王映照同學(xué),頂著初學(xué)C4D軟件的壓力,突破技術(shù)壁壘,能夠在反復(fù)嘗試了N+1個版本之后,秉著精益求精的心態(tài)將畫面爭取做到最好。同時這段時間的運(yùn)營工作中我也學(xué)習(xí)到一些,將相關(guān)經(jīng)驗(yàn)和感受, 分享給大家:
1. 活動提早策劃,方案提早同步
在活動策劃的時候,一定需要與產(chǎn)品同學(xué)提早策劃。同時在前期大家會有很多奇思妙想,最終篩選完可落地方案時,一定需要提前拉上技術(shù)同學(xué)一起評審,這樣我們很多很棒的靈感方案,才可以將其實(shí)現(xiàn)。因?yàn)橹挥挟a(chǎn)品、設(shè)計、技術(shù)三方更好的協(xié)同合作,項(xiàng)目才能完美上線。
2. 設(shè)計技能一定要熟練掌握
運(yùn)營設(shè)計可不是簡單的 “手藝活”,有時根據(jù)不同的運(yùn)營活動主題,需要玩轉(zhuǎn)不同視覺表現(xiàn)技法來營造超預(yù)期的視覺表達(dá)。
由于此次運(yùn)營設(shè)計,我們也是剛剛開始了解C4D這個軟件,很多“酷炫吊炸天”的效果,雖然我們很喜歡,但是無奈手活兒目前處于初階階段,所以還不能解鎖更多更好的視覺效果。所以運(yùn)營設(shè)計師,該解鎖的運(yùn)營表現(xiàn)方式,一定要熟練掌握,加持好的審美,才能將畫面效果拿捏的死死的。
3. 要多交流,避免跳入死胡同
當(dāng)每天盯著頁面做設(shè)計的時候,容易讓我們進(jìn)入到死扣細(xì)節(jié)的地步。這時候,就像以前練習(xí)畫靜物的時候,我們需要站得更遠(yuǎn)一點(diǎn),半瞇著眼再去看一下畫面。更多時候,我們也可以和身邊的同學(xué)多交流一下,有可能大家不一樣的一些建議,就給自己多了一些新的解法,從而讓畫面效果會更好。
06 寫在最后
此次運(yùn)營目前剛剛上線,歡迎大家多多體驗(yàn),有購車需要的同學(xué)希望您能在牛年,淘到屬于您的好車。沒需要的同學(xué),也希望大家也可以多多體驗(yàn)多多交流,我們需要您的反饋,從而幫助我們做的更好。
作者:馬亞薈,視覺設(shè)計師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計中心(微信公眾號@58UXD),作者@馬亞薈
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!