58UXD：在運(yùn)營(yíng)活動(dòng)中，往往用數(shù)據(jù)說(shuō)話(huà)，那么作為視覺(jué)設(shè)計(jì)師，應(yīng)該如何利用數(shù)據(jù)分析，來(lái)體現(xiàn)設(shè)計(jì)在活動(dòng)中的價(jià)值，從而進(jìn)一步讓設(shè)計(jì)驅(qū)動(dòng)轉(zhuǎn)化呢？接下來(lái)，我會(huì)以設(shè)計(jì)洞見(jiàn)，設(shè)計(jì)策略，強(qiáng)化引導(dǎo)這三個(gè)維度，來(lái)簡(jiǎn)單地介紹一下，設(shè)計(jì)是如何驅(qū)動(dòng)黃頁(yè)日常導(dǎo)流轉(zhuǎn)化的。

黃頁(yè)日常導(dǎo)流的核心價(jià)值是什么呢？它是為黃頁(yè)各類(lèi)目導(dǎo)流，從而實(shí)現(xiàn)數(shù)據(jù)增長(zhǎng)的運(yùn)營(yíng)手段。

設(shè)計(jì)洞見(jiàn)

1. 黃頁(yè)運(yùn)營(yíng)痛點(diǎn)

首先，我們先來(lái)看一下黃頁(yè)運(yùn)營(yíng)的痛點(diǎn)，經(jīng)統(tǒng)計(jì)，黃頁(yè)一級(jí)類(lèi)目有 16 個(gè)，二級(jí)類(lèi)目有 200 個(gè)左右，急需提煉優(yōu)化多種運(yùn)營(yíng)模版，來(lái)解決黃頁(yè)內(nèi)容繁雜，種類(lèi)多的問(wèn)題。

2. 優(yōu)化前問(wèn)題

我們?cè)賮?lái)看一下優(yōu)化前頁(yè)面存在的問(wèn)題。比如，風(fēng)格過(guò)時(shí)，轉(zhuǎn)化率低，頁(yè)面結(jié)構(gòu)不合理，已經(jīng)不能滿(mǎn)足于現(xiàn)在業(yè)務(wù)的發(fā)展了。

3. 用戶(hù)微畫(huà)像

那么，只有深入了解用戶(hù)群體，才能進(jìn)一步提升設(shè)計(jì)轉(zhuǎn)化。于是，我們根據(jù)用戶(hù)調(diào)研，得出黃頁(yè)用戶(hù)群體主要是30歲左右，男性多于女性，薪資在 3000-8000 左右的用戶(hù)。

設(shè)計(jì)策略

我們根據(jù)相應(yīng)的問(wèn)題，歸納了 4 個(gè)設(shè)計(jì)策略，視覺(jué)吸引、瀏覽舒適、內(nèi)容立體、模版規(guī)范。并根據(jù)以上設(shè)計(jì)策略，梳理好視覺(jué)的方向，整體考慮風(fēng)格表現(xiàn)，內(nèi)容結(jié)構(gòu)等細(xì)節(jié)，并深入思考，如何讓設(shè)計(jì)解決黃頁(yè)導(dǎo)流業(yè)務(wù)的一些問(wèn)題，視覺(jué)退一步服務(wù)于產(chǎn)品內(nèi)容，全局打磨，從而塑造黃頁(yè)導(dǎo)流視覺(jué)的升級(jí)。

1. 視覺(jué)關(guān)鍵詞

我們根據(jù)用戶(hù)研究與業(yè)務(wù)策略，腦暴了視覺(jué)方向，并將視覺(jué)設(shè)計(jì)關(guān)鍵詞確定為：生活化、自然、貼心。并通過(guò)圖形、色彩、字體等維度，來(lái)塑造用戶(hù)的感知，并確立了生活場(chǎng)景的設(shè)計(jì)風(fēng)格。

2. 視覺(jué)解構(gòu)分析

為了更清晰地理解和沿用，我們明確了設(shè)計(jì)方法和表現(xiàn)形式，將主視覺(jué)進(jìn)行了解構(gòu)和分析，如采用生活化的背景、立體幾何元素和簡(jiǎn)單直接的文案，來(lái)打造高品質(zhì)的主視覺(jué)。

3. 視覺(jué)吸引

第一時(shí)間進(jìn)入視覺(jué)的往往是顏色，在色彩維度上，要有生活的氣息。于是我們提取了明亮親和、充滿(mǎn)生機(jī)的生活配色，根據(jù)不同品類(lèi)、場(chǎng)景可微調(diào)使用。

4. 瀏覽舒適

根據(jù)個(gè)人經(jīng)驗(yàn)，一般人眼球同時(shí)獲取的信息不超過(guò) 3 個(gè)，加上手機(jī)屏幕限制，規(guī)劃模塊不超過(guò) 3 個(gè)。為了實(shí)現(xiàn)用戶(hù)的高效瀏覽，我們梳理了框架結(jié)構(gòu)及表現(xiàn)層，減少多余元素，并調(diào)整了圖文信息結(jié)構(gòu)，讓頁(yè)面內(nèi)容更清爽清晰，使頁(yè)面更有視覺(jué)呼吸感，整體的視覺(jué)瀏覽體驗(yàn)順暢，從而實(shí)現(xiàn)了用戶(hù)的高效舒適瀏覽。

5. 內(nèi)容立體

在縱向維度上，我們?cè)黾恿诵畔⒄故究臻g，通過(guò)增大主圖片，使用卡片異形等效果，展示形態(tài)豐富的內(nèi)容，從而讓信息結(jié)構(gòu)更加立體，達(dá)到立體生動(dòng)的效果。

6. 模版規(guī)范

那么為了保障視覺(jué)的統(tǒng)一與提升，我們梳理了運(yùn)營(yíng)模版規(guī)范，比如 logo 的漏出，主視覺(jué)占比不超過(guò)頁(yè)面的 60%，字符字號(hào)，按鈕高度等等，從而驅(qū)動(dòng)提效。

7. 提煉多種風(fēng)格模版

為了解決黃頁(yè)用戶(hù)品類(lèi)繁雜的問(wèn)題，根據(jù)以上設(shè)計(jì)方法，我們將設(shè)計(jì)語(yǔ)言基因滲透到黃頁(yè)各品類(lèi)，從而提煉出多種運(yùn)營(yíng)風(fēng)格設(shè)計(jì)模版，比如適用于裝修維修的版式風(fēng)格、萬(wàn)能的二維半手繪風(fēng)格、適用于家政/保潔的簡(jiǎn)潔人物風(fēng)等等。然后統(tǒng)一同品類(lèi)模版，達(dá)到簡(jiǎn)明統(tǒng)一的效果，提升了我們的工作效率。

由此可見(jiàn)，我們整體 UV 比前版本提升了 40%，從而驗(yàn)證了我們?cè)O(shè)計(jì)策略的可行性。

強(qiáng)化引導(dǎo)

為了提升轉(zhuǎn)化率，我們通過(guò)三個(gè)維度來(lái)實(shí)現(xiàn)強(qiáng)化引導(dǎo)：用戶(hù)心理、使用體驗(yàn)和時(shí)效性。

1. 用戶(hù)心理維度

首先，我們之前的導(dǎo)流活動(dòng)是沒(méi)有錢(qián)數(shù)和折扣信息漏出的，于是我們?cè)谟脩?hù)心理維度（利用消費(fèi)者愛(ài)占便宜等心理）建議 pm 同學(xué)，在頁(yè)面上增加折扣錢(qián)數(shù)來(lái)刺激用戶(hù)的點(diǎn)擊，從而提升轉(zhuǎn)化。

2. 使用體驗(yàn)維度

在使用體驗(yàn)維度，強(qiáng)化了按鈕的引導(dǎo)性，并采用了高品質(zhì)真實(shí)素材圖來(lái)增加引導(dǎo)性。

3. 時(shí)效性維度

在時(shí)效性維度，我們建議pm，在租房高峰期，做一些搬家活動(dòng)；開(kāi)學(xué)季做教育類(lèi)活動(dòng)；年底做家政保姆大促活動(dòng)等等。從盲目的上活動(dòng)，到計(jì)劃性地運(yùn)營(yíng)，從而激發(fā)剛需用戶(hù)，提升活動(dòng)頁(yè)面的轉(zhuǎn)化率。

總結(jié)

本次黃頁(yè)日常導(dǎo)流視覺(jué)升級(jí)，對(duì)我來(lái)說(shuō)，最大的收獲是可以從多角度去思考，并以數(shù)據(jù)結(jié)果為落腳點(diǎn)，在產(chǎn)品策略和目標(biāo)的基礎(chǔ)上，縱向反推設(shè)計(jì)思路與風(fēng)格。反復(fù)地推敲打磨，從而解決了風(fēng)格過(guò)時(shí)，轉(zhuǎn)化率低，頁(yè)面結(jié)構(gòu)不合理等問(wèn)題。所以，我認(rèn)為設(shè)計(jì)就是在洞見(jiàn)的基礎(chǔ)上，以目標(biāo)為導(dǎo)向，用創(chuàng)新和美的方式，讓用戶(hù)獲得更好的體驗(yàn)過(guò)程，從而驅(qū)動(dòng)數(shù)據(jù)的增長(zhǎng)。

歡迎關(guān)注「58UXD」的微信公眾號(hào)：