突破产品赋能与用户体验的次元壁：分期乐5.0品牌升级
尝试在用户需求与核心业务中找寻连接点，多维度进行设计思考
分期乐从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形象设计表达，塑造用户品牌感知。
