从3个角度分析：设计如何驱动黄页日常导流转化

在运营活动中，往往用数据说话，那么作为视觉设计师，应该如何利用数据分析，来体现设计在活动中的价值，从而进一步让设计驱动转化呢？

接下来，我会以设计洞见，设计策略，强化引导这三个维度，来简单的介绍一下，设计是如何驱动黄页日常导流转化的。

导流的核心

黄页日常导流的核心价值是什么呢？他是为黄页各类目导流，从而实现数据增长的运营手段。

一、设计洞见

（1）黄页运营痛点

首先，我们先来看一下黄页运营的痛点，经统计，黄页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，在租房高峰期，做一些搬家活动；开学季做教育类活动；年底做家政保姆大促活动等等。从盲目的上活动，到计划性的运营，从而激发刚需用户，提升活动页面的转化率。

四、小结

我觉得，本次黄页日常导流视觉升级，对我来说，最大的收获是可以从多角度去思考，并以数据结果为落脚点，在产品策略和目标的基础上，纵向反推设计思路与风格。反复的推敲打磨，从而推进解决了风格过时，转化率低，页面结构不合理等问题的落地。

所以，我认为设计就是在洞见的基础上，以目标为导向，用创新和美的方式，让用户获得更好的体验的过程，从而驱动数据的增长。

作者：刘瑒，视觉设计师。一定要有梦想，即使很遥远。

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

本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@刘瑒

题图来自 Unsplash，基于CC0协议。

作者暂无likerid, 赞赏暂由本网站代持，当作者有likerid后会全部转账给作者（我们会尽力而为）。


Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: