新天猫APP从一级导航开始,每一个tab都聚焦一件事,用户认知更清晰。
为了加强商品表现力,在容器的信息表达上相较于老版也更加扁平,从复杂错落的入口变为了坑位的组合,结构极为简单。利用大数据推荐精选商品,让用户与商品直接触达。
商品坑升级
在简单易懂的页面框架下,我们重新思考了商品展现以及组合方式。
我们在商品容器上构建明确的分区,制定出稳定的结构,便于理解和记忆,达到能不断的透传商品价值的目的。同时也对商品容器做横向扩展,去满足不同业务及场景的需求。
大家一起来猜猜哪个是天猫?
(↓从左到右依次为:大众点评、淘宝、天猫、京东)
在电商APP界面越来越趋同,以及天猫品牌升级的大背景下。
此次猫客首页改版以“Tmall”为载体一直贯穿,从用户打开APP开始不断强调Tmall,同时把Tmall提升到首页的核心区域并赋予更多情感化及商业化的功能,让用户从第一感官以及认知上知道这是天猫。
打开天猫APP,从闪屏到首页
Doodle的运用
能支持热点事件营销,并结合搜索关键词产生商业价值,成为品牌活动的一个新流量阵地:
支持多种格式文件:
为了保证整个天猫平台最终呈现给用户的品质,不能仅依赖于产品设计,更应该对内容做优化设计。
以针对商品图优化为例,我们做了两件事情:商品图排版建议与商品打底图强控&白名单。
商品图排版建议
商品打底图强控&白名单
为了避免首页出现下图左侧情况出现,我们制定了平台商品图规范输入给商家,强控产出:首页所有的商品都保证有一张白底图作为打底素材。同时为了保证优质商家品牌调性及平台丰富度,我们特地组织成了设计师审核小分队,大家一起来人工筛选出那些商品图有自己调性,品质高的商家,为他们开通绿色通道,允许不使用白底图,使用带有品牌特色的商品主图。
这样就不仅保障了平台商品内容的整体品质,也让品质商家保留了自己的品牌调性。
实施商品打底图强控&白名单后首页图片质量提升效果:
在设计过程中,我们也挖掘了很多体验上的小创新,希望能带给用户更有品质的小惊喜的体验感受。下面举两个例子分享。
首焦banner视差
在新banner模板基础上衍生出分层产出即可实现视差及重力感应效果,让整个产品更生动富有细节。
新人引导
由于此次改版最大亮点在于商品力的表现上,所以在新人引导这块我们用了轻互动的形式,让用户可以通过小游戏的方式,通过滑动信息模块来感受商品坑每个区块的含义。
首页整个从设计到开发上线的过程背负着很大的压力。就像标题中讲的,这次改版可能是天猫app史上的最大的改版,是面向消费升级的第一次大尝试。在过程中,项目组的每个成员都抱了最坏的打算,即使出现极大的反弹,我们也要坚定的往这个方向走。
上线之后,我们也在各个舆情平台上听到了很多用户声音。有很多鼓励的说天猫跟其他电商终于不一样了,也有批评的说那么多入口有些找不到了。我们一边聆听用户,一边在加速进行迭代优化。
大家一定能看到越来越好的天猫APP!
希望大家读完本文,能够了解到我们的设计过程。也能通过这些设计探索理解天猫App的愿景:做最好的品质购物App。深圳网站建设博纳网络编辑整理。
[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。