UV 上漲 40%！如何利用數據，讓你的設計改版更有說服力？

58UXD：在運營活動中，往往用數據說話，那么作為視覺設計師，應該如何利用數據分析，來體現設計在活動中的價值，從而進一步讓設計驅動轉化呢？接下來，我會以設計洞見，設計策略，強化引導這三個維度，來簡單地介紹一下，設計是如何驅動黃頁日常導流轉化的。

黃頁日常導流的核心價值是什么呢？它是為黃頁各類目導流，從而實現數據增長的運營手段。

設計洞見

1. 黃頁運營痛點

首先，我們先來看一下黃頁運營的痛點，經統計，黃頁一級類目有 16 個，二級類目有 200 個左右，急需提煉優化多種運營模版，來解決黃頁內容繁雜，種類多的問題。

2. 優化前問題

我們再來看一下優化前頁面存在的問題。比如，風格過時，轉化率低，頁面結構不合理，已經不能滿足于現在業務的發展了。

3. 用戶微畫像

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

設計策略

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

1. 視覺關鍵詞

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

2. 視覺解構分析

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

3. 視覺吸引

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

4. 瀏覽舒適

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

5. 內容立體

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

6. 模版規范

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

7. 提煉多種風格模版

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

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

強化引導

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

1. 用戶心理維度

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

2. 使用體驗維度

在使用體驗維度，強化了按鈕的引導性，并采用了高品質真實素材圖來增加引導性。

3. 時效性維度

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

總結

本次黃頁日常導流視覺升級，對我來說，最大的收獲是可以從多角度去思考，并以數據結果為落腳點，在產品策略和目標的基礎上，縱向反推設計思路與風格。反復地推敲打磨，從而解決了風格過時，轉化率低，頁面結構不合理等問題。所以，我認為設計就是在洞見的基礎上，以目標為導向，用創新和美的方式，讓用戶獲得更好的體驗過程，從而驅動數據的增長。

歡迎關注「58UXD」的微信公眾號：