干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

3 評論 4265 瀏覽 7 收藏 7 分鐘

編輯導(dǎo)語:作為運營人,運營設(shè)計希望通過設(shè)計的手段把水滴效應(yīng)發(fā)揮到最大價值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。本篇內(nèi)容作者以“58同城”為例子,告訴大家如何5不創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格,干貨滿滿還不趕快來收藏!

一、寫在前面

現(xiàn)如今人們普遍生活在忙碌的狀態(tài)當(dāng)中,大部分人都會選擇一切從簡,按照慣性思維去做事,比如:每天只打開自己常用的APP,買東西只買自己認(rèn)準(zhǔn)的品牌等等。而58招聘作為藍(lán)領(lǐng)招聘的頭部產(chǎn)品,希望在用戶心中建立良好的品牌形象,使用戶在繁雜的產(chǎn)品中第一時間想到58招聘的平臺。

由此在2021年確定了以連接為概念的品牌符號link round,目的是通過該符號與用戶產(chǎn)生共鳴。運營設(shè)計希望通過設(shè)計的手段把水滴效應(yīng)發(fā)揮到最大價值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。點擊下方視頻了解58招聘品牌視覺符號。

二、挑戰(zhàn)

作為運營設(shè)計師,能否高效滿足業(yè)務(wù)需求與視覺連貫性傳遞的平衡,以下三點是急需探索挑戰(zhàn)的:

  1. 設(shè)計共情:58招聘主要面向廣大藍(lán)領(lǐng)群體,需要給藍(lán)領(lǐng)傳達(dá)出什么樣的設(shè)計感受?
  2. 探索應(yīng)用:基礎(chǔ)符號奠定基礎(chǔ),在日常運營設(shè)計中如何更好的應(yīng)用?
  3. 標(biāo)準(zhǔn)效率:提效是每個設(shè)計團(tuán)隊面臨的問題,怎樣去定義標(biāo)準(zhǔn)化的設(shè)計方法?

最近半年對這三點挑戰(zhàn)做了一些嘗試,下面就分享一下視覺風(fēng)格的連貫性與標(biāo)準(zhǔn)化的設(shè)計方法

三、概念探索確立

1. 理解用戶

藍(lán)領(lǐng)群體

干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

2. 推導(dǎo)設(shè)計方向

按照藍(lán)領(lǐng)基礎(chǔ)屬性、社會關(guān)系、消費能力、行為特征、心理特征分析出藍(lán)領(lǐng)群體的用戶特征,熱情勤勞/簡單直接/清晰易懂。

干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

從用戶特征中,拆解出了符合藍(lán)領(lǐng)群體特征的關(guān)鍵詞,希望、簡單、易懂、勤勞、場景、溫度、體驗、氛圍、情感化。其中最能展現(xiàn)58招聘調(diào)性的是,熱情、希望、簡單。

用戶在使用招聘產(chǎn)品時,對自己,都是抱有期望的。想通過自己對工作的熱忱,來換取相應(yīng)的回報。同時他們也是簡單的,簡單到只有一個想做老板的理想。把這三個關(guān)鍵詞更具象化的思考后,對設(shè)計風(fēng)格也逐步有了方向。在海量的情緒版搜索中,發(fā)現(xiàn)“光”這個意向反復(fù)出現(xiàn)在情緒版中。

干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

3. 風(fēng)格概念確立

根據(jù)以上的推導(dǎo),得出一個可傳達(dá)給用戶的視覺風(fēng)格-輝光場景。結(jié)合我們的用戶,將這個風(fēng)格加上了概念,定義為-以光貫穿始終,讓藍(lán)領(lǐng)群體前程似錦。

四、設(shè)計執(zhí)行沉淀

1. 借助風(fēng)格概念,拆分場景搭建層次,5步快速產(chǎn)出

根據(jù)快速搭建畫面場景的思路,把畫面分成4個層,流程如下:

step1:背景層:場景化設(shè)計,營造環(huán)境,使用戶有沉浸感

step2:中景層:品牌符號,做品牌透傳,使用戶記住品牌符號

step3:前景層:情感化傳達(dá)、氛圍烘托、微動效,使用戶共情

step4:文字層:突出活動利益點,使用戶迅速了解內(nèi)容

step5:光效層:通過前面4步,搭建好場景后,以品牌符號作為光源,給場景增加輝光光效,這也是保持視覺連貫性的關(guān)鍵。

干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

2. 更標(biāo)準(zhǔn)化的運營設(shè)計與高效產(chǎn)出

通過上面的5步搭建思路,復(fù)用到了其他5個頁面中。視覺風(fēng)格的確定,可以使用戶的視覺保持連貫性;分層的設(shè)計方法,可以使設(shè)計效率有所提升。目前,DAU穩(wěn)步上升。

干貨速遞!如何5步創(chuàng)建連貫性與標(biāo)準(zhǔn)化的運營風(fēng)格

3. 為組件庫建立基礎(chǔ)

日常運營設(shè)計有較高的時效性,組件庫的搭建,可以使設(shè)計產(chǎn)出高效、一致。以四個層次為維度做設(shè)計,也是為接下來的組件庫產(chǎn)出做準(zhǔn)備,這些元素沉淀下來,可以高效執(zhí)行緊急或者日常基礎(chǔ)的設(shè)計產(chǎn)出。

五、寫在最后

目前招聘C端運營設(shè)計風(fēng)格的連貫性和標(biāo)準(zhǔn)化的設(shè)計流程取得了部分成果。沉淀出部分的組件為下一步的更標(biāo)準(zhǔn)化、更效率化打基礎(chǔ)。當(dāng)然未來還是需要打磨和完善的。之后也會緊跟流行趨勢和業(yè)務(wù)發(fā)展、用戶反饋等,持續(xù)更新優(yōu)化。讓品牌運營一致性視覺更連貫,應(yīng)用更創(chuàng)意。未來還有很長一段路要走,未來可期。

 

作者:鄭婧欣;微信公眾號:58UXD

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 運營風(fēng)格確實是非常重要的,能帶給用戶最直觀的感受,值得大家做運營的注意

    來自江蘇 回復(fù)
  2. 視覺風(fēng)格一定要確定好,就比如文中的案例,風(fēng)格和排版給用戶的觀感很不錯。

    來自廣東 回復(fù)
  3. 作為運營人,運營設(shè)計希望通過設(shè)計的手段把水滴效應(yīng)發(fā)揮到最大價值,而其關(guān)鍵就是讓用戶記住,使用戶在視覺上形成連貫性,逐漸建立起良好的信任感,最終滲透到用戶心中。導(dǎo)語這句寫的真好

    來自云南 回復(fù)