2017 京东金融首页、理财日历浅谈

写在前面

从 2015 年年底有幸加入到「京东金融移动研发部」到现在，已经有两年了。从之前的从未接触过金融行业到现在，了解到和学到了很多东西。除了最基本的设计技巧和用户体验外，更重要的是产品逻辑和团队效率优化等一些团队增益的经验和方法。金融行业可能不需要设计技巧超级厉害（有这个能力当然最好），但是产品逻辑和优化产品流程是很重要的。把高门槛的金融让大部分人觉得其实没有那么复杂才是重点。

这里把两个对我来说比较重要的项目写一下，写的可能没有非常的细。一方面是沉淀自己，另一方面是希望跟大家分享，有什么问题也欢迎提问。

● 京东金融 App 首页三大改版

从 2017 年开始负责京东金融 App 首页视觉和整合产品视觉。3.x 版本到马上上线的 4.x 版本，公司的战略方向以及产品运营方向都在不断的变化（有接触过京东金融 App 的人都知道视觉变化很大）。作为公司的移动端产品，既要满足用户体验和需求，又要满足内部业务的扩展。所以我们要不断优化各种布局和细节，把用户体验和内部需求做到最好。

3.X 版本是我接首页优化的第一个版本。改版期间我们经历了很多，除了本身业务以外，更重要的是我们发现之前首页有很多问题。其实优化产品最基本的方法就是发现了一些问题，然后去解决这些问题。问题可能是产品问题、业务需求扩展、运营需求满足，最后才是体验和视觉。这些问题能得到解决产品就能得到优化。

以账户为中心是当时产品的主要方向，整体都在强调财富管理。所以之前的界面在账户为主和业务扩展上都存在很大问题，一是业务拓展存在局限性，二是账户感不强。

经过一大堆方案和设计图的轰炸，最终确定了大的方向，突出理财金额和业务和信贷业务。把一些数字突出放大，让用户打开产品既能看到自己想看到的东西。账户感的体现我们把数字和一些文字说明当成首屏最主要的东西，少一些运营，少一些 banner 。就像是在银行打出的纸质账户信息，上面很少会出现广告。

▲ 还是之前的方法，经过上线一段的时间去发现问题。随着业务和功能的增多，原来的布局已支撑不了公司方向的支持这是之一。之前的视觉也有一些缺陷，进入 App 整体看上去没有重点的，纯白色很干净但是也没有能跳出来吸引眼球的东西，也不能把重要业务区别与其他业务。

这次增加了一些产品本身频次的功能，如扫一扫、签到、每天领券等。还有怎么样能突出重点业务的展示，让用户在视觉局部上有所重点。业务的扩展性通过左右横滑来实现。

▲ 怎么样能把多量的业务，重新布局到有限的界面里，而且不能降低用户的使用体验，是我们这一版要解决的问题。就是化繁为简。

这次我们把业务场景划分成「赚钱」「花钱」「借钱」，相对应是「理财」「白条购物」「现金借贷」。使用三个Tab 签和最简单的布局方式来排版。用户理解相对也会变的容易，界面整体看起来也简单明了。

首页的改版看似简单，其实背后有很多的付出。不断的优化讨论、不断的视觉方案，我们不断在寻找新的突破，希望能让各个方面都达到最大效能。

● 理财日历

「理财日历」是整合用户关于所有金融业务的，按照时间线索智能提醒和自动完成的一款产品。

· 产品目标：帮助用户记录金融事件和跟钱相关的事件，例如理财到期、白条还款事件、生活缴费事件等等。一条     时间线可以把用户所有的事件联系起来的。让用户把时间用在更重要的事情上。

· 产品关键性词语：时间、自动记录、提醒、设置自动完成

当我们进入 App 时，需要进行很多不同的操作，进入到不同的业务线页面才能完成我想要做的事情。这时整合业务聚合内容就变的很重要。需要有一个平台把跟用户强相关的金融事项和其他事项整合，这样就不用花费很多时间来处理各种事件。

日历是一个强时间线的用户固有思想形态，我们需要把除了基础的时间、记录事件和日常提醒功能做好外，还要让用户习惯这里面有跟我理财相关的事项。针对使用产品用户的特征，在视觉布局上不能难以接受，日历主要的时间、每天事项、后续事项查询和增加事项都要合理排布。

为了增加日历的整体氛围，除了时间的排布，我们为每一个月和每一个节气增加了插画。每一条信息的分类都用 icon 表示，突出强弱，增加氛围。

日历添加事项和设置页面，以进度的感觉让用户去更好的完成事项的设置。推荐事项也是用户最常用的、最容易跟时间所对应的事项。

日历的分享模块是很重要的一个细节，我们希望它能更好的去传达这是一款有温度的产品。它也是对外发声的一个利器。

怎么样才能激发用户分享的欲望呢，用户打开界面的分享动机是什么？我们知道用户分享有几点：有用的、有趣的、相互比较、用户认同等等。

那么在这里我们根据用户长期行为，在一些模板上增加了「宜和忌」，尽量获得用户认同，相对于有趣也达到了目的。其他的模板我们也正在优化用户的分享欲望。每个节日或者节气能让用户感觉到有情怀的图片也是值得分享的。

目前除了插画，我们下一步想做的是怎么能输出更有高分享度的照片。

在此，希望所有设计师能够抽出时间总结自己，整理自己的项目和作品，表达自己的观点，一起进步，一起成长！

感谢团队日历插画师 @wangleshi