在運(yùn)營(yíng)活動(dòng)中，往往用數(shù)據(jù)說(shuō)話，那么作為視覺(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)化的。

導(dǎo)流的核心

黃頁(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è)1級(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)題

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

（3）用戶微畫(huà)像

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

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

我們根據(jù)相應(yīng)的問(wèn)題，歸納了4個(gè)設(shè)計(jì)策略點(diǎn)，視覺(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ù)用戶研究與業(yè)務(wù)策略，腦暴了視覺(jué)方向，并將視覺(jué)設(shè)計(jì)關(guān)鍵詞確定為：生活化、自然、貼心。并通過(guò)圖形、色彩、字體等維度，來(lái)塑造用戶的感知，并確立了生活場(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é)的往往是顏色，在色彩維度上，要有生活的氣息，于是我們提取來(lái)明亮親和、充滿生機(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)用戶的高效瀏覽，我們梳理了框架結(jié)構(gòu)及表現(xiàn)層，減少多余元素，并調(diào)整了圖文信息結(jié)構(gòu)，讓頁(yè)面內(nèi)容更清爽清晰，使頁(yè)面更有視覺(jué)呼吸感，整體的視覺(jué)瀏覽體驗(yàn)順暢，從而實(shí)現(xiàn)了用戶的高效舒適瀏覽。

（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è)用戶品類(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)的：用戶心理、使用體驗(yàn)和時(shí)效性。

（1）用戶心理維度

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

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

那么我們?cè)谑褂皿w驗(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ā)剛需用戶，提升活動(dòng)頁(yè)面的轉(zhuǎn)化率。

四、小結(jié)

我覺(jué)得，本次黃頁(yè)日常導(dǎo)流視覺(jué)升級(jí)，對(duì)我來(lái)說(shuō)，最大的收獲是可以從多角度去思考，并以數(shù)據(jù)結(jié)果為落腳點(diǎn)，在產(chǎn)品策略和目標(biāo)的基礎(chǔ)上，縱向反推設(shè)計(jì)思路與風(fēng)格。反復(fù)的推敲打磨，從而推進(jìn)解決了風(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)新和美的方式，讓用戶獲得更好的體驗(yàn)的過(guò)程，從而驅(qū)動(dòng)數(shù)據(jù)的增長(zhǎng)。

作者：劉瑒，視覺(jué)設(shè)計(jì)師。一定要有夢(mèng)想，即使很遙遠(yuǎn)。

來(lái)源：https://mp.weixin.qq.com/s/fmD53CU0DvHpCqcraSK7MA

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號(hào)@58UXD），作者@劉瑒

題圖來(lái)自 Unsplash，基于CC0協(xié)議。