干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運(yùn)營(yíng)風(fēng)格
編輯導(dǎo)語(yǔ):作為運(yùn)營(yíng)人,運(yùn)營(yíng)設(shè)計(jì)希望通過(guò)設(shè)計(jì)的手段把水滴效應(yīng)發(fā)揮到最大價(jià)值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺(jué)上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。本篇內(nèi)容作者以“58同城”為例子,告訴大家如何5不創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運(yùn)營(yíng)風(fēng)格,干貨滿滿還不趕快來(lái)收藏!
一、寫(xiě)在前面
現(xiàn)如今人們普遍生活在忙碌的狀態(tài)當(dāng)中,大部分人都會(huì)選擇一切從簡(jiǎn),按照慣性思維去做事,比如:每天只打開(kāi)自己常用的APP,買(mǎi)東西只買(mǎi)自己認(rèn)準(zhǔn)的品牌等等。而58招聘作為藍(lán)領(lǐng)招聘的頭部產(chǎn)品,希望在用戶心中建立良好的品牌形象,使用戶在繁雜的產(chǎn)品中第一時(shí)間想到58招聘的平臺(tái)。
由此在2021年確定了以連接為概念的品牌符號(hào)link round,目的是通過(guò)該符號(hào)與用戶產(chǎn)生共鳴。運(yùn)營(yíng)設(shè)計(jì)希望通過(guò)設(shè)計(jì)的手段把水滴效應(yīng)發(fā)揮到最大價(jià)值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺(jué)上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。點(diǎn)擊下方視頻了解58招聘品牌視覺(jué)符號(hào)。
二、挑戰(zhàn)
作為運(yùn)營(yíng)設(shè)計(jì)師,能否高效滿足業(yè)務(wù)需求與視覺(jué)連貫性傳遞的平衡,以下三點(diǎn)是急需探索挑戰(zhàn)的:
- 設(shè)計(jì)共情:58招聘主要面向廣大藍(lán)領(lǐng)群體,需要給藍(lán)領(lǐng)傳達(dá)出什么樣的設(shè)計(jì)感受?
- 探索應(yīng)用:基礎(chǔ)符號(hào)奠定基礎(chǔ),在日常運(yùn)營(yíng)設(shè)計(jì)中如何更好的應(yīng)用?
- 標(biāo)準(zhǔn)效率:提效是每個(gè)設(shè)計(jì)團(tuán)隊(duì)面臨的問(wèn)題,怎樣去定義標(biāo)準(zhǔn)化的設(shè)計(jì)方法?
最近半年對(duì)這三點(diǎn)挑戰(zhàn)做了一些嘗試,下面就分享一下視覺(jué)風(fēng)格的連貫性與標(biāo)準(zhǔn)化的設(shè)計(jì)方法。
三、概念探索確立
1. 理解用戶
藍(lán)領(lǐng)群體
2. 推導(dǎo)設(shè)計(jì)方向
按照藍(lán)領(lǐng)基礎(chǔ)屬性、社會(huì)關(guān)系、消費(fèi)能力、行為特征、心理特征分析出藍(lán)領(lǐng)群體的用戶特征,熱情勤勞/簡(jiǎn)單直接/清晰易懂。
從用戶特征中,拆解出了符合藍(lán)領(lǐng)群體特征的關(guān)鍵詞,希望、簡(jiǎn)單、易懂、勤勞、場(chǎng)景、溫度、體驗(yàn)、氛圍、情感化。其中最能展現(xiàn)58招聘調(diào)性的是,熱情、希望、簡(jiǎn)單。
用戶在使用招聘產(chǎn)品時(shí),對(duì)自己,都是抱有期望的。想通過(guò)自己對(duì)工作的熱忱,來(lái)?yè)Q取相應(yīng)的回報(bào)。同時(shí)他們也是簡(jiǎn)單的,簡(jiǎn)單到只有一個(gè)想做老板的理想。把這三個(gè)關(guān)鍵詞更具象化的思考后,對(duì)設(shè)計(jì)風(fēng)格也逐步有了方向。在海量的情緒版搜索中,發(fā)現(xiàn)“光”這個(gè)意向反復(fù)出現(xiàn)在情緒版中。
3. 風(fēng)格概念確立
根據(jù)以上的推導(dǎo),得出一個(gè)可傳達(dá)給用戶的視覺(jué)風(fēng)格-輝光場(chǎng)景。結(jié)合我們的用戶,將這個(gè)風(fēng)格加上了概念,定義為-以光貫穿始終,讓藍(lán)領(lǐng)群體前程似錦。
四、設(shè)計(jì)執(zhí)行沉淀
1. 借助風(fēng)格概念,拆分場(chǎng)景搭建層次,5步快速產(chǎn)出
根據(jù)快速搭建畫(huà)面場(chǎng)景的思路,把畫(huà)面分成4個(gè)層,流程如下:
step1:背景層:場(chǎng)景化設(shè)計(jì),營(yíng)造環(huán)境,使用戶有沉浸感
step2:中景層:品牌符號(hào),做品牌透?jìng)鳎褂脩粲涀∑放品?hào)
step3:前景層:情感化傳達(dá)、氛圍烘托、微動(dòng)效,使用戶共情
step4:文字層:突出活動(dòng)利益點(diǎn),使用戶迅速了解內(nèi)容
step5:光效層:通過(guò)前面4步,搭建好場(chǎng)景后,以品牌符號(hào)作為光源,給場(chǎng)景增加輝光光效,這也是保持視覺(jué)連貫性的關(guān)鍵。
2. 更標(biāo)準(zhǔn)化的運(yùn)營(yíng)設(shè)計(jì)與高效產(chǎn)出
通過(guò)上面的5步搭建思路,復(fù)用到了其他5個(gè)頁(yè)面中。視覺(jué)風(fēng)格的確定,可以使用戶的視覺(jué)保持連貫性;分層的設(shè)計(jì)方法,可以使設(shè)計(jì)效率有所提升。目前,DAU穩(wěn)步上升。
3. 為組件庫(kù)建立基礎(chǔ)
日常運(yùn)營(yíng)設(shè)計(jì)有較高的時(shí)效性,組件庫(kù)的搭建,可以使設(shè)計(jì)產(chǎn)出高效、一致。以四個(gè)層次為維度做設(shè)計(jì),也是為接下來(lái)的組件庫(kù)產(chǎn)出做準(zhǔn)備,這些元素沉淀下來(lái),可以高效執(zhí)行緊急或者日?;A(chǔ)的設(shè)計(jì)產(chǎn)出。
五、寫(xiě)在最后
目前招聘C端運(yùn)營(yíng)設(shè)計(jì)風(fēng)格的連貫性和標(biāo)準(zhǔn)化的設(shè)計(jì)流程取得了部分成果。沉淀出部分的組件為下一步的更標(biāo)準(zhǔn)化、更效率化打基礎(chǔ)。當(dāng)然未來(lái)還是需要打磨和完善的。之后也會(huì)緊跟流行趨勢(shì)和業(yè)務(wù)發(fā)展、用戶反饋等,持續(xù)更新優(yōu)化。讓品牌運(yùn)營(yíng)一致性視覺(jué)更連貫,應(yīng)用更創(chuàng)意。未來(lái)還有很長(zhǎng)一段路要走,未來(lái)可期。
作者:鄭婧欣;微信公眾號(hào):58UXD
本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心
題圖來(lái)自Unsplash,基于CC0協(xié)議
運(yùn)營(yíng)風(fēng)格確實(shí)是非常重要的,能帶給用戶最直觀的感受,值得大家做運(yùn)營(yíng)的注意
視覺(jué)風(fēng)格一定要確定好,就比如文中的案例,風(fēng)格和排版給用戶的觀感很不錯(cuò)。
作為運(yùn)營(yíng)人,運(yùn)營(yíng)設(shè)計(jì)希望通過(guò)設(shè)計(jì)的手段把水滴效應(yīng)發(fā)揮到最大價(jià)值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺(jué)上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。導(dǎo)語(yǔ)這句寫(xiě)的真好