在運營活動中，往往用數(shù)據(jù)說話，那么作為視覺設(shè)計師，應該如何利用數(shù)據(jù)分析，來體現(xiàn)設(shè)計在活動中的價值，從而進一步讓設(shè)計驅(qū)動轉(zhuǎn)化呢？

接下來，我會以設(shè)計洞見，設(shè)計策略，強化引導這三個維度，來簡單的介紹一下，設(shè)計是如何驅(qū)動黃頁日常導流轉(zhuǎn)化的。

導流的核心

黃頁日常導流的核心價值是什么呢？他是為黃頁各類目導流，從而實現(xiàn)數(shù)據(jù)增長的運營手段。

一、設(shè)計洞見

（1）黃頁運營痛點

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

（2）優(yōu)化前問題

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

（3）用戶微畫像

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

二、設(shè)計策略

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

（1）視覺關(guān)鍵詞

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

（2）視覺解構(gòu)分析

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

（3）視覺吸引

第一時間進入視覺的往往是顏色，在色彩維度上，要有生活的氣息，于是我們提取來明亮親和、充滿生機的生活配色，根據(jù)不同品類、場景可微調(diào)使用。

（4）瀏覽舒適

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

（5）內(nèi)容立體

在縱向維度上，我們增加了信息展示空間，通過增大主圖片，使用卡片異形等效果，展示形態(tài)豐富的內(nèi)容，從而讓信息結(jié)構(gòu)更加立體，達到立體生動的效果。

（6）模版規(guī)范

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

（7）提煉多種風格模版

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

由此可見，我們整體uv比前版本提升了40%，從而驗證了我們設(shè)計策略的可行性。

三、強化引導

為了提升轉(zhuǎn)化率，我們通過三個維度來實現(xiàn)強化引導的：用戶心理、使用體驗和時效性。

（1）用戶心理維度

首先，我們之前最初的導流活動是沒有錢數(shù)和折扣信息的漏出的 ，于是我們在用戶心理維度（利用消費者愛占便宜等心理）建議pm同學，在頁面上增加折扣錢數(shù)來刺激用戶的點擊，從而提升轉(zhuǎn)化。

（2）使用體驗維度

那么我們在使用體驗維度，強化了按鈕的引導性，并采用了高品質(zhì)真實素材圖來增加引導性。

（3）時效性維度

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

四、小結(jié)

我覺得，本次黃頁日常導流視覺升級，對我來說，最大的收獲是可以從多角度去思考，并以數(shù)據(jù)結(jié)果為落腳點，在產(chǎn)品策略和目標的基礎(chǔ)上，縱向反推設(shè)計思路與風格。反復的推敲打磨，從而推進解決了風格過時，轉(zhuǎn)化率低，頁面結(jié)構(gòu)不合理等問題的落地。

所以，我認為設(shè)計就是在洞見的基礎(chǔ)上，以目標為導向，用創(chuàng)新和美的方式，讓用戶獲得更好的體驗的過程，從而驅(qū)動數(shù)據(jù)的增長。

作者：劉瑒，視覺設(shè)計師。一定要有夢想，即使很遙遠。

來源：https://mp.weixin.qq.com/s/fmD53CU0DvHpCqcraSK7MA

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

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