第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

天猫App 首页迎来史上最大改版 背后的设计过程是这样的!(2)

时间:2017-06-16 08:46来源:阿里UED 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
此次猫客首页改版以Tmall为载体一直贯穿,从用户打开APP开始不断强调Tmall,同时把Tmall提升到首页的核心区域并赋予更多情感化及商业化的功能,让用户从

  此次猫客首页改版以“Tmall”为载体一直贯穿,从用户打开APP开始不断强调Tmall,同时把Tmall提升到首页的核心区域并赋予更多情感化及商业化的功能,让用户从第一感官以及认知上知道这是天猫。

201706151733217355

  打开天猫APP,从闪屏到首页

201706151733220787

  Doodle的运用

201706151733226091

  能支持热点事件营销,并结合搜索关键词产生商业价值,成为品牌活动的一个新流量阵地:

201706151733229991

  支持多种格式文件:

201706151733235295

  内容化设计

  为了保证整个天猫平台最终呈现给用户的品质,不能仅依赖于产品设计,更应该对内容做优化设计。

  以针对商品图优化为例,我们做了两件事情:商品图排版建议与商品打底图强控&白名单。

201706151733243251

  商品图排版建议

201706151733246371

  商品打底图强控&白名单

  为了避免首页出现下图左侧情况出现,我们制定了平台商品图规范输入给商家,强控产出:首页所有的商品都保证有一张白底图作为打底素材。同时为了保证优质商家品牌调性及平台丰富度,我们特地组织成了设计师审核小分队,大家一起来人工筛选出那些商品图有自己调性,品质高的商家,为他们开通绿色通道,允许不使用白底图,使用带有品牌特色的商品主图。

  这样就不仅保障了平台商品内容的整体品质,也让品质商家保留了自己的品牌调性。

201706151733251051

  实施商品打底图强控&白名单后首页图片质量提升效果:

201706151733255263

  细节打磨

  在设计过程中,我们也挖掘了很多体验上的小创新,希望能带给用户更有品质的小惊喜的体验感受。下面举两个例子分享。

  首焦banner视差

  在新banner模板基础上衍生出分层产出即可实现视差及重力感应效果,让整个产品更生动富有细节。

201706151733258851

  新人引导

  由于此次改版最大亮点在于商品力的表现上,所以在新人引导这块我们用了轻互动的形式,让用户可以通过小游戏的方式,通过滑动信息模块来感受商品坑每个区块的含义。

201706151733263531

  首页整个从设计到开发上线的过程背负着很大的压力。就像标题中讲的,这次改版可能是天猫app史上的最大的改版,是面向消费升级的第一次大尝试。在过程中,项目组的每个成员都抱了最坏的打算,即使出现极大的反弹,我们也要坚定的往这个方向走。

  上线之后,我们也在各个舆情平台上听到了很多用户声音。有很多鼓励的说天猫跟其他电商终于不一样了,也有批评的说那么多入口有些找不到了。我们一边聆听用户,一边在加速进行迭代优化。

  大家一定能看到越来越好的天猫APP!

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕