项目背景

随着壹钱包业务的不断整合和发展,商城业务需求在不断的增加,现有的页面已无法满足需求,商品详情页急需全面升级。

 

设计目标

产品设计的根本是为商业目标服务,站在业务和用户的角度考虑,找出并解决痛点问题。作为电商产品,它本质就是为了把东西卖出去,达到盈利。一个产品可以拆分出不同的细分业务,而它们又承载着不同的业务目标,商品详情页的主要目标则是转化率。如何从购物全链路考虑,通过优化界面和体验,合理分流,提升购物体验等设计手段提升转化率,这是前期需要思考的地方。在此基础上又要在符合用户习惯的前提下体现产品差异化,树立品牌调性。

 

设计流程

 

用户群体分析

在年初商城整体规划中,根据用研同学给出的报告,壹钱包的用户群体大多分布在20~35岁,二三线城市为主,积分用户占比较多,通过构建的用户画像我们提取了关键词:年轻、注重品质、追求新鲜感、性价比等。

头脑风暴

 

用户画像

老版本存在的问题

通过数据显示,目前商城用户对积分的概念弱,对产品的信任感欠佳,客服的体验较差,基础信息框架不够清晰,视觉风格不够统一,交互体验不够友好。

老版本及现存问题

改版过程

根据目标用户需求和目前存在的问题,我们希望新版的商品详情页是一个有品质感、亲切感、注重细节体验的产品。找到了问题和方向,我们决定从优化产品结构和统一视觉风格入手,从购物全链路考虑,重新梳理信息架构和层次,考虑业务的可扩展性,强化视觉风格定位,加强设计语言的一致性,规范化。

1)框架

首先我们梳理优化了整个页面的框架,在符合用户阅读习惯的提前下,设计了一套业务可拓展的标准化框架,考虑到复杂商品和大促活动展示的极限情况,满足未来商城在快速发展过程中不断扩展的业务需求,让设计有延展性,也降低了开发成本。

从用户最关注的内容优先级和业务需求出发,结合产品本身的实际情况,我们将评价放到了首页,增强用户对商品的信任感,让用户快速获取他们最关心的信息,也促使商户注重评价的重要性,提高产品质量和服务。首屏增加了积分支付的提示,强化了积分的概念,降低客诉率。把各类信息分类展示,提高了产品信息的易读性。取消了头部的标签,增加了活动运营条,提升产品图的展示效果,也增加了运营活动的灵活性。

除此之外,增加了商户公告模块,解决了商家对店铺管理的需求。增加爆款推荐模块,给用户提供更多的选择,优化了购物体验,也将没有完成转化的流量分流给了其他相似的产品,最大程度的降低用户的流失率,增加其他商品的曝光率和转化率。

框架

 

2)视觉风格

改版前的色彩元素较多,没有一致性。基于商城的整体的调性,改版后将色彩元素简化,强化主色调,视觉扁平卡片化,取消了投影,统一了表单和卡片的间距,用留白和分割线完成信息的划分,优化了icon样式和字重的使用,强调了页面呼吸感以及视觉统一,突出了产品信息,让用户快速获取内容,也强化了品牌气质。

部分页面展示

3)统一规范

由于壹钱包除了商城外还有理财生活等不同的频道业务,全局按钮控件的认知统一也是这次改版的重点。根据自身的业务特点,全链路的使用一套设计元素让整个产品具有一致性。经过多次沟通,我们整理了一套通用的规范,保持了基本统一。(感谢多多同学整理了规范)

部分规范展示

4)交互优化

上一个版本细节交互不够完善,改版后增加了商品图放大保存,侧滑进入规格,加入购物车动效果等,细节上优化了体验,在不同系统下平衡统一的采取最优的交互体验。

5)上线反馈

改版后赶上了商城大促,内部调研反馈良好,客服关于积分的投诉率降低。

满意度调查

一些小心得

感谢领导对我的指导和开发产品运营测试同学的支持,由于这次改版采用的是新技术,商详又是个牵扯到很多复杂的逻辑的页面,在项目进行的中出现了一些困难,但大家齐心协力的不断的解决问题,让项目得以顺利的完成。

这次改版让我明白一个好的设计师不仅要做好产品设计和跨部门的团队协作沟通,更要兼顾开发成本及效率的问题,主动的解决问题,真正拥有同理心,扮演好在项目的角色,体现自我价值。一个好设计是要能有可持续性的,需要不断的打磨。有人跟我说设计是门妥协的艺术,如何在拥有全局观,综合考虑让项目实现最优是一件值得思考的事,也是我需要继续学习与探索的。再次感谢参与到整个项目和给予我帮助的同学们,希望我们可以带给用户更好的商城,更好的壹钱包❤️。