京东极速版V2.0改版复盘

京东极速版v1.0初生于2020年春意酥怀的四月,经过几个月的历练和摸索,业务模式越加成熟、用户使用习惯逐渐建立。积累了一定样本后,创作者们通过数据的反馈“听”到了用户的声音。设计侧与产品、业务侧紧密沟通,共同探索更适合产品现阶段的设计方案,经反复分析尝试、像素级对比调整,最终实现提升转化、提升平台好感度、增强品牌记忆的目标。本次产品更迭涉及极速版首页优化、品牌升级焕新、双十一大促氛围注入,也是承上启下、极速版迎来更大动作的开端。

京东极速版V2.0改版复盘

下沉市场用户分析

随着近年来互联网加速渗透普惠下沉,城乡居民收入与消费双升级,以及国家政策的明确指引,下沉市场迎来消费新面貌。深耕下沉市场不再是一味的追求和争抢这“最后的红利”,他们牵动着中国经济与社会命脉,设计者应有责任感和使命感,给下沉用户带来他们向往的更美好的生活。我们对下沉用户的认知也从低收入、低学历、低线村镇这一表层向多维度探索,他们或许就在你我身边,可能是打拼半生落地清闲的佛系大叔、可能是初为人父(母)一切以孩子为重的精打细算小能手、可能是安定闲逸的国企白领,可能经营着小买卖、也可能就是我们的兄弟父母,我们试图从范围逐渐扩大的用户群体中找出它们行为的共性。

京东极速版V2.0改版复盘

看似多样的用户 实则相似的思维

京东极速版V2.0改版复盘

通过调研和分析看到用户是谁后,从设计者的角度,我们努力的方向则是分析他们的使用目的和使用习惯,通过清晰的信息传递、和谐的视觉感受、合理流畅的操作流程,帮助用户认知减负、规避“操作陷阱”,从而提升产品使用体验。

京东极速版V2.0改版复盘

确认设计目标

通过对用户行为以及喜好的分析、以线上数据为依托,经过多角色多维度的信息整合,最终确认了本次改版设计的目标:提升用户决策效率、增加京东极速版品牌感知、全面的体验走查,查缺补漏,解决历史遗留问题。

京东极速版V2.0改版复盘

设计策略

如何提升用户决策效率

当界面信息过于分散时,会对用户造成不必要的干扰,导致用户产生疑惑甚至直接离开界面,合理的信息减噪、保持视觉的一致性,能让页面更加清晰,减少不必要的干扰;和用户产生共情,预判他们正准备做什么,可以帮助用户更高效完成目标,平衡业务目标和用户期待,达到共赢。

a 提高屏效 / 数据反推

通过一段时间的验证,我们发现线上极速版小首页点击率较低,容易被忽略,资源位过高,无法有效帮助用户触达目标区块。新版设计在首屏顶部增加可配置氛围底图,作为氛围和品牌的传达容器;增加商品图形式的tab导航栏,精准触达品类;豆腐块配色焕新,强化商品和价格,视觉降噪;层级整合,通过多种方式提高首屏利用率,更好的帮助业务拿结果。

京东极速版V2.0改版复盘

b 利益点整合

通过比对竞品,我们发现极速版线上feed流商品主图较小、留白大、关键利益点不突出、缺少促销氛围。本次设计执行的重点是控制图文比例,商品图放大,标题字号增加、缩小字间距,减少留白,避免氛围上的冷静感,建立符合下沉用户心智的结构样式;与业务多轮沟通,调整信息字段位置,优化广告语样式,适配各类信息组合出现的逻辑,提升可阅读性;我们发现线上实际效果未达到v1.0版视觉稿件的标准,还原度上还有可提升空间,后面会在走查方法上重点分析。

京东极速版V2.0改版复盘
京东极速版V2.0改版复盘

c 视觉语言统一

1.造型:异形,利益点强化,遵循“是什么就展现什么的原则”不做过度提炼,表意明确。

2.颜色:和谐,彼此呼应,避免强烈的渐变,统一渐变方向。

3.设计规范:共性多,不独特,强调整体感和平衡感,保证弧度、路径粗细、开口、字体统一,避免某个频道突出抢镜给用户带来错误引导,破坏业务链条的通畅性,明确指定替换规则。

4.底部导航:icon整体缩小、强化选中状态;提升品质感,图形简化、避免复杂图形带来的避免歧义。

京东极速版V2.0改版复盘

增加产品品牌感知我们做了哪些

a 增加品牌感知对极速版的重要意义

极速版以京东多年建立的好口碑高品质作为依托,打造面对下沉用户的新晋品牌,品牌是产品链路中最外在、最直观、最具传播力和感染力的关键一环,增加极速版品牌感知既能建立极速版与下沉用户间的心心相惜,同时在下沉市场中传递京东主站的高品质生活,成为大面积获客的双向抓手。

b 品牌重塑

京东极速版V2.0改版复盘

线上版本元素展示受限:安卓系统手机桌面icon圆角弧度存在多种异形,导致icon被裁切,核心元素展示不全,所以本次改版在icon上优化的重点方向是:底栏、文字、极速闪电等核心元素向画幅中心集中,保证正常露出,调整闪电位置,避免角标受圆角弧度影响被裁切。同时我们在设计语言方面寻找到理论依据,代入价格曲线的意义,突出极速版性价比高、低价好货、能为用户省钱的优势,曲线弧度更明显,作为底托,视觉感受更稳重平衡。

c 产品中的品牌渗透

京东极速版V2.0改版复盘

新版设计在首屏顶部增加可配置氛围底图,作为氛围和品牌的传达容器,也增强了产品的扩展性,在不同时期通过底图配置更合时宜的氛围。

d 氛围带动情绪

恰当的氛围输送制造良性情绪、营造有人情味的气氛,刺激转化率,向用户传达产品温度和旺盛的生命力。借着11.11大促的东风,极速版结合京东主站2019双十一大促的理念把我们的设计目标定义为:热爱、拼搏、年轻、多元化。

京东极速版V2.0改版复盘

本次改版正值双十一前夕,设计侧为首页进行换肤并根据大促运营节奏提供两版方案,给出氛围递进的建议,增强“好日临近”的紧迫感。

a.预热期:基于京东主站11.11视觉体系规范,提取关键词热爱、年轻、发散,升级背景底色,使用浅橘色烘托购物氛围;提取网格纹、贴纸等视觉元素设计百宝箱图标底座和底部导航,提取关键利益点文案,表意明确并提升视觉冲击力。

b.高潮期:同样基于京东主站11.11视觉体系规范提取关键词,背景氛围以语言图像化的标签方式,承载不同商品属性内容、展现产品多元化;百宝箱使用金币作为底座,更符合下沉用户对于利益的期待。

c.启动图:整体选择极速版规范中的红色调,渐变色与11.11 appicon保持一致,使用网格、贴纸相关元素贴合2019京东主站主视觉,传递品牌。延续旧版中红包、钱袋、购物袋、金币等元素给用户利益无处不在的预期,使用与新版app icon相同的弧度曲线,强化极速版更高性价比、更省钱的优势。

京东极速版V2.0改版复盘

体验走查

有效的设计走查减少测试环节的工作量且为体验加分,体验走查在极速版2.0改版中的两个阶段有重要影响:1.制定设计目标之前,对线上版本各楼层模块体验度进行多维分析,帮助我们结合业务及产品功能目标确认设计目标。2.开发周期,测试前设计侧对交互、视觉的还原度进行把控,高效配合研发侧联调,建立正式的走查文档。视觉交互走查并行,我认为主要的度量方向主要有以下几个:

京东极速版V2.0改版复盘

结语和展望

此次改版时间紧任务重,多功能模块并行,提高首页转化率和流量分发效率,解决业务层、用户层的实际问题,取得阶段性成果得力于多位设计师的力高效产出与密切配合。(具体数据因权限问题较为敏感,暂无法露出)极速版2.0是创新业务组深耕下沉市场的重要开端,也是极速版3.0全站体验升级、互动行销和任务体系闭环的引子,请期待我们接下来的大动作。

业界动态

喜马拉雅的三大难题

2021-2-1 17:10:19

业界动态

ToB的MVP产品,如何运营才有市场?

2021-2-1 17:25:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索