分期乐从 2013 成立至今，一直以来都在为努力追求更好生活的年轻人提供金融服务，7 年间我们产品运营策略上变得更加精细运营，细分不同金融服务场景服务用户，可是随着生活场景转变、用户群体的成长，用户需求也产生了演进与升级，怎样保持业务增长和用户体验之间平衡，是对整个团队的设计能力提出了更高的要求，这意味着我们不能再以之前视觉设计师或者交互设计师的角度，单点式地完成需求，于是我们尝试在用户需求与核心业务中找寻连接点，多维度进行设计思考。 

向内看：洞悉业务的本质，思考设计表现
首先基于产品问自己三个问题：

1·对用户来说，分期乐的核心价值是什么？

分期乐是为不同的信用资质的年轻群体授予对应的信用额度，利用信用额度用户可在分期乐平台上获得各种分期消费的金融服务。

2·分期乐的核心用户的特点是什么？

分期乐主要有“金融服务”和“分期购物”需求的用户，以21-24岁的年轻用户为主，他们热爱生活、关心公益，态度鲜明、喜爱分享，对自己生活品质有一定的追求。关注自己的社交形象是否正向与个性化。         

3·串联起业务的用户使用场景有什么？

分期乐信用额度是串联产品与用户的连接点，用户使用信用额度的三个场景分别是“分期电商”、“金融服务”、“会员权益”，对应地这三个场景也是分期乐平台所提供的三个业务模块，三个业务模块涵盖了用户生活中大多数服务需求。 

向内看：当前的设计表现
分析当前存在的设计表达是否准确，符合认知预期

▲ 分期乐4.0

当前存在问题

• · 串联使用场景的核心价值--「信用额度」感知模糊
• · 结构复杂，内容重复度高，没有重点
• · 整体感受比较工具化，缺少品牌个性表达
• 
• 从存在问题发崛机会点
• 
  
• · 解决用户对于分期乐信用额度认知的问题
• · 精简结构促进业务转化
• · 提升用户使用感受，体现分期乐差异化
• 

• 回到设计表现，从战略层的业务增长到接受层用户体验的角度考虑，本次迭代优化3个核心点：
• 更统一、更轻量、更有趣 

更统一

以业务认知的核心概念和表现层基础调性为切入点，使接受层体验统一

-业务认知层：以信用额度为基础，搭建产品框架

用户在分期乐这个应用发生交互之前，他们已经形成了固定的心理模型，当信息出现的位置以及内容与用户的心智模型中的假设一致时，信息传达即更加精准有效。

对应到我们的方案中，信用额度就是分期乐与“我”强关联的信息，通过点击用户头像唤出信用下拉滑层，来说明用户自身与分期乐信用体系的关系，这种具有强烈指引性的交互，精妙地把用户认知与用户交互串联起来，头部组件也会在一级Tab标准化展示，强化核心价值。

-基础表现层：网格系统规范

网格系统是利用一系列垂直和水平的参考线，将页面分割成若干个有规律的列或格子，再以这些格子为基准，控制页面元素之间的对齐和比例关系，从而搭建出一个具有高度秩序性的页面框架,网格使得 APP 的设计具有高度的一致性和规律性，提高设计师工作效率，避免凭感觉做设计。 

不同的网格会有不同的视觉感受，例如淘宝的页面节奏会让人觉得热闹活泼，京东的则是比较冷静平和，水槽越小，视觉张力越大，反之水槽越大，视觉张力也就越小，在灵活性方面，基础单位为4px表现最佳，因此分期乐的网格规范定义为:  最小单位:4px    边距:16px    水槽:8px    6列 

网格应用▼

▲ 购物Tab

▲ 我的Tab

▲ 乐花卡

此时我们自定义了基础网格的应用原则，后续的设计延展都应当遵行秩序感、节奏感、有目的的留白去做延展使用，以保证在体验一致的条件下去更灵活的使用。

更轻量

人性化交互体验-以人为本，为用户提供更贴心温暖的使用感受

-首页
改版前首页楼层繁杂，容器信息表达重点不明确，用户网购偏好的商品瀑布流，位置过于靠下，楼层中间内容重复度高的卖场路径复杂，严重分流，复杂化用户到商详页的流程。

▲ 旧版首页

设计侧解决办法是做平视觉框架，选择“小卡片分隔”，缩短商详到达的路径，增强区块内容视觉聚焦，配合网格规范保留视觉透气感、给用户简洁的视觉空间。
▲ 新版首页

打造分期乐品牌运营栏目，差异化的容器结构，选择乐疯抢、新品专区、爆款补贴品牌闪购为例，将内容区块最关键的特质做强化表达。

首页上线后数据表现也是正向增长 

-应用Tab

应用tab的优化，改版前应用tab的流量集中在前三个应用，占比约85%，但是从当前设计来看，结构比较趋同，特别是新用户可能感知不到各个业务特性。 

▲ 应用Tab优化前

那么从业务转化与用户体验的角度考虑，可以按照使用量级去分类布局，优化当前的页面结构比例，从框架上让用户更轻量便捷的找到自己的目标应用，乐花卡独立楼层卡片展示，让用户对业务特点感知比之前更清晰了，方便用户使用乐花卡服务。

对平台而言，优化后的结构，从整个 APP 视角而言也能更好的兼容未来第三方服务的扩展。 

▲ 应用Tab优化后

上线后数据也有正向变化 

基本结构优化后，我们在运营展示方向也尝试更多的可能性，突破固定banner的静态表现，希望用更有趣差异化更大的设计形式去表达。 

▲ 动态banner示意

▲ 动态banner示意

▲ 动态banner示意

更有趣

创造情理之中、意料之外的体验，表达品牌个性，产生情感认同。 

在品牌渗透环节，我们将分期乐的品牌关键词-活力·温度·信赖，为设计风格调性融入设计表达，优化与当前调性不符的体验，希望更好的给用户传达出一个「乐在有度，乐见更好」的分期乐。

|-品牌理念可以将内容层(平台价值)与接收层(用户)做柔性链接的一环，APP应用内的品牌设计，核心价值在于助力用户认知到平台特性，感知平台价值。从设计专业视角来看，APP应用内的品牌设计，有利于差异化并统一APP内体验方式及视觉风格，保障用户的体验。 

-金刚区icon

作为分期乐app的核心业务入口，当前的icon风格比较保守，无特色。
于是我们进行了几个风格的尝试，刚开始希望通过分期乐的品牌色去做品牌表达，甚至结合时下比较热门的C4D风格做了一些尝试。 信心满满的进入了灰度测试，但马上就被数据打脸，我们好像在品牌差异化的方向狭义了一些，忽视了用户的实际使用感受，经过快速的a\btest测试分析和调研后，发现用户反馈，icon过于同化的颜色和非常规角度展示，让识别度下降了不少，于是我们重新构思优化了一套识别度更高、配色更加鲜亮活泼的icon，视觉风格上也更能突显我们年轻活力、温暖的品牌调性，并形成自己的图形体系。 

相比“尖锐”的直角，圆角给人柔和的视觉感受。 

首页金刚区的icon也支持动态展示，增强趣味与惊喜感，强化引导。

-差异化楼层

动效在差异化的容器结构基础上，选择部分特性内容，突破常规的静态空间，将特质以动态的形式进一步强化表达，让用户感觉产品更个性也更有记忆点。 

▲ 爆款补贴专区

▲ 新品专区

-loading/刷新

刷新与loading结合小乐IP形象设计表达，塑造用户品牌感知。

THE END

在此次 5.0改版中，设计师有机会深度参与整个产品方案的讨论，对于产品策略的核心方针相比之前有了更多的认识，这对设计师的设计思维和能力带来极大的提升。特别是对于产品业务模型和商业模式拥有更多的理解和洞察的基础上，能够知道如何进行深度的思考，理解产品方案更深层次的设计思路，避免了很多原有的设计“条例”而导致陷入“伪体验设计”中有过多的设计表达。

改版过程是曲折的，但不要害怕自己的设计稿被推翻，过程里一定是反复的，因为参与者所看所想一定是越来越全面的，可以想象他是个从0到1又回到0的过程，但一定不是停留在原地，换个角度，一定是上升的，我们需要更主动地挖掘现有产品中的一些业务，利用设计能力驱动产品运营方案，实现产品的价值增长。 

Powered by Froala Editor