京东好借视觉体验升级2.0

用户头像
北京/UI设计师/6年前/324浏览
京东好借视觉体验升级2.0

放慢自己的脚步,探索信贷产品设计的新可能。京东好借视觉体验升级2.0解析。



作为一家安全正规的互联网信贷平台--京东数科旗下信贷平台自2017年3月1日发布至今,致力于为用户提供安全、便捷的信贷体验。但在产品快速成长的今天,现有的信息架构已经无法满足日益增长的产品服务。所以在产品两周年的时间节点上,我们决定“放慢自己的脚步”,探索产品设计的新可能。


调研


为了这次优化,我们做了大量调研工作,首先对现有版本使用了《用户体验提升模型》。通过结果分析,近75%的问题都集中在首页和资方首页上,信息架构和交互问题占比50%,内容和功能类问题占比24%。


所以,产品优化势在必行。




定位目标用户


通过数据结合产品自身业务的积累,确定主力人群为18~24岁,这部分人群大多都是90后、00后,所以我们将聚焦“年轻化”。希望产品在用户心中是一种“年轻有品味”的形象。



用户价值


在产品初期,我们为了产品快速上线,设计思路上并没有花太多时间思考细节,只是确定了设计方向偏向于简洁和功能实现,我们只是给予用户基础满足。所以在这次改版中,我们要为用户提供更多的服务,做出更加丰富的设计语言,给予用户更好的体验。





产品价值


任何产品的最终目的都是帮助公司盈利,一个产品的价值达到一定的高度才能实现自身的商业价值。


那如何将产品价值提升一个高度呢?


我们在产品核心的用户行为路径上提炼出了优化方向:提升转化安全感受达成目标契约精神信赖留存。要在每一个路径上做到提升,从而实现产品价值的提升。




升级方案


通过上述调研分析的结果和对目标用户的定位,以及考虑以提升用户价值和产品价值为目标,再结合产品诉求和业务诉求,经历了多次的方案尝试,最终确定了这次优化方案。




下面就来介绍一下这次优化都升级了什么吧


一.色彩系统


整体配色还是使用了All White风格,我们希望最大程度的突出内容。


主题色由原来的纯色变成渐变色,在蓝色系中加入紫色,而且用色更加明亮亲和,来提现出产品年轻化,以及传达科技感和优雅感。


在使用上,同一页面会尽量避免出现太多的主题色,只会使用在最重要的位置来聚焦视觉重心,在一些操作功能上也起到引导作用,增加点击引导。



二.新增内容运营区


为提供更好的服务,增加产品与用户之间的互动,首页新增了内容运营区,这里将带给用户更多增值体验,带来更多可能。




三.新增任务区


针对不同用户的不同诉求,首页新增了以用户为中心的任务区。对新用户、老用户的不同引导,帮助用户缩短操作路径,快速完成用户最关心的操作。




四.新增排序和筛选功能


面对产品日益丰富的情况,为帮助用户快速准确的找到自己理想的贷款产品,新增了便捷的排序和筛选的功能区。






五.新增推荐产品


资方首页作为产品流量最大的页面之一,在整个用户使用路径中,起到非常重要的作用。


在这次改版中,资方首页主要做了两方面考量:一是承载用户最终的借钱转化,二是当用户在这个产品转化不了的时候,将用户引导到其他相似的产品,帮助用户找到合适的产品。





六.新增情感化设计


把冷冰冰的产品赋予情感,再通过情感去建立与用户长期稳定的愉悦关系,也是这次改版的一个重要方向。


本次时效性的情感化设计正好可以利用京东618大促,做一套活动氛围极强的皮肤。在不同的营销点位增加动态元素,让用户在第一时间参与到活动中来,一方面是让用户快速的融入到618的活动氛围,一方面想让用户能在活动中获取到更多的利益。




七.其他细节优化


更精致的卡片


随着全面屏技术的逐渐成熟,预示着未来内容与屏幕边界将逐渐融合,奢侈的屏幕空间将会给设计带来更多的可能性。

在保证信息体量的同时,通过卡片、圆角容器、弥散式投影、留白率等视觉优化,使层级更简单明确,降低获取信息的视觉压力,并通过更清晰的排版方式使内容对比更清晰,从而提高效率和愉悦感。




字体系统


在金额数字上引入一种全新的字体:DIN。原因在于同等字号、同等字间距、同等位数的前提下,DIN字体比我们之前使用的SF UI Display字体可以节省出一个数字多的空间,这样大大的拓展了金额的延展性,避免出现大额数字的情况下,显示出现折行等特殊情况。




图标系统


重新设计了三个层级的图标样式,一级图标强化图形识别度和品牌色,二级图标强调灵活多变的性质,三级图标秉持简单直接的轻量化设计。




数据回归


通过对外上线以后的数据收集,我们发现本次改版达到了我们预期的效果,整体数据都有了一定的提升。





来体验一下吧!





结语


写下这些内容让大家更深入地了解我们所做的努力和尝试。从产品方向到设计执行,从方案探索到产品落地,我们享受这个过程中的反复思考和利弊博弈。产品不断迭代的过程也是我们对自身价值的思考。

后续的品牌完善和产品模式还有很多发挥空间,需要结合数据的深入研究和对用户的深度思考,不断的沉淀自己。


关于未来,敬请期待...


欢迎各位设计同仁关注我们京东数科FTD团队微信公众号,我们会加快自己的脚步不断更新对设计的想法和感悟,还有跟多好看的好玩的。希望大家能多多提出宝贵的建议,也欢迎大家和我们交流分享。




4
举报
|
6
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI 登录界面设计模板包
【新年UI图标】钱包icon
【新年UI图标】影音icon
我的钱包-UI界面设计-app
Security Camera UI kit
3D卡通UI界面图标可爱插画免扣素
UI界面 组件
3D渐变流体抽象矢量UI背景图
抽象液态渐变UI背景模版
新能源APP应用UIKit
【新年UI图标】30个图标
盲盒APP UI设计
【新年UI图标】优惠券icon
【新年UI图标】汽车icon
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
高级表盘系列UI源文件
UI通用设计素材1
手表表盘UI系列
科技医疗透明柜UI界面设计
【新年UI图标】银行卡icon
钱包ui模板
UI应用平面图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
大家都在看
登录注册