数极客首页

如何做电商平台的首页功能设计?

最近做了一个电商类产品,设计首页功能设计的时候很困惑。每个平台的首页信息框架都和平台特色相关,也间接反映了平台的定位和风格。如何处理才能让用户通过首页,更好的了解平台的调性,快速找到感兴趣的商品或购物频道?

如何做电商平台的首页功能设计?

这个问题困扰了我许久,于是我想通过分析主流的电商平台的首页,看看它们是如何处理首页信息分类的,总而来找寻下灵感,为我们平台迭代做准备。

平台分析

1. 淘宝(综合平台)

如何做电商平台的首页功能设计?

淘宝,大家最熟悉的电商品台了,信息应该是最多的,在信息分类排版上难度最大,下面看看它的处理。

  • 第一块是搜索,淘宝最近把搜索二级页面关键词直接展示在一级搜索位置下方,占了一小条,相当于关键词搜索功能层级上升,结合算法数据推荐功能体验很nice;
  • 第二块是banner,不多说;
  • 第三块是8个平台型导航,主要是一些已经从淘宝诞生,已经可以独立运营的产品;
  • 第四块是活动广告位,占据banner大小的位置,平台活动快捷入口;
  • 第五块是占位比较少的淘宝头条,根据分类滚动推荐产品的文章,很容易忽略;
  • 第六块是二级购物功能区,展示各个频道,像天天特卖,每日好店。都是老牌的促销功能,基本电商平台都有了。
  • 第七块是商品列表,安卓和苹果展示不一样。安卓是每个版块半屏往下铺开。苹果是上方做了分类导航,下方列表,感觉操作上各有利弊。

淘宝虽然块头大,首页信息排列层级还是比较清晰的,一级分类不多用户记住难度小,用户先进入感兴趣的一级分类,再进二级细分定位。

2. 京东(综合平台)

如何做电商平台的首页功能设计?

京东也是个大块头,一级分类铺开的尤其多,只要你愿意逛,就能找到各种购物频道。

  • 第一块是搜索;
  • 第二块是8个banner;
  • 第三块是活动广告位;
  • 第四块是平台型功能区,有部分是独立的平台像京东生鲜,还有部分是京东的商品类别频道,不像淘宝平台那么多,平台不够分类来凑;
  • 第五块是占据一小条的京东快报;
  • 第六块是二级购物频道,放了一些主推的购物板块;
  • 第七块是活动板块,占的篇幅较大,铺开了活动的每个类别;
  • 第八快还是频道推荐,把多有的频道纳入到10个标签里,每个频道都有超过5个二级标签,分的特别细。

京东二级信息分类太多了,且很多都展示在了首页,眼花缭乱的感觉。如果是随便浏览的用户,很多的标签铺在首页还是很直观的,可能逛着逛着找到想买的商品,但固定要找到某个频道就比较难了,考验记忆力。

3. 苏宁易购(综合平台)

如何做电商平台的首页功能设计?

苏宁首页展示类似京东,平台定位也类似,主打电器。首页排版类似,尤其后半部分频道推荐,有些频道推荐的名称都差不多。

  • 第一块是搜索;
  • 第二块是8个banner;
  • 第三块是活动广告位;
  • 第四块是平台型功能区,这一块主要是频道和分类,分类居多,有16个。
  • 第五块是一小条的苏宁头条;
  • 第六块是二级购物频道;
  • 第七块是活动板块,也篇幅占据比较大,展开了活动的每个类别;
  • 第八块是频道推荐,也展示很多二级频道,分的特别细,和京东特别像。

所以也是同样的问题,首页塞得满满当当的,适合随意逛逛。

4. 小米有品(自营平台)

如何做电商平台的首页功能设计?

小米有品,异军突起的自营电商黑马,主打性价比。

  • 第一块是搜索;
  • 第二块是活动板块,不像其他平台是固定不动的一张图,动画展示活动的交互很新颖;
  • 第三块是平台型功能区,小米不像京东或者淘宝有很多衍生独立平台,所以展示的不多,5个功能频道,看上去很清晰。另外,销售榜单作为一个推荐功能,感觉新颖且实用;
  • 第四块是banner,一共5张,没有像综合电商平台放到8张,我感觉交互体验更好,一般用户在banner位置停留时间不长,也看不全8张;
  • 第五块是活动板块推荐,篇幅大,分了各活动分类的专场;
  • 第六块是特色频道推荐,含榜单(把榜单部分商品展示出来)、限时购、年货节热卖、小米众筹、有货集市、品味生活,和上面的功能区相呼应,以商品展示为主;
  • 第八块是类别频道推荐,每个展示一屏,也是以商品展示为主。

小米的首页排版和其他综合性平台不太一样,很有自己的特色,UI也简介大气,信息分类简化不臃肿。

5. 网易严选(自营平台)

如何做电商平台的首页功能设计?

严选是异军突起的自营电商平台,定位和小米有品类似,首页排布非常简介,以频道商品展示为主,不再把频道标签细分成二级三级,是所有综合电商平台频道推荐最简单的。

  • 第一块是搜索和导航;
  • 第二块Banner;严选是没有功能区的,直接开始推荐商品或者频道。
  • 第三、五、六、七、八块都是直接推荐标签的商品,其中焦点位给了个性化推荐,可见非常重视对用户进行数据进行,从而更精准得来个性化推荐;
  • 第四块是VIP会员的服务特权,其他电商都是在某个功能位放着,不太明显,网易重点突出了这一块;
  • 第九块是二级功能频道,只放了三个频道;
  • 最后是猜你喜欢。

推荐上商品的信息分层不多,都直接商品展示,而不是像其他综合电商平台的二级分类三级分类继续往下分,感觉体验很好,东西太多了容易遗忘,用户也不会一直在首页一个个板块看,具体会点进哪个功能的随机性太大了。

6. 网易考拉(垂直综合平台)

如何做电商平台的首页功能设计?

考拉也是网易系的电商平台,专注垂直领域海淘,很多女生买化妆产品的首选。

  • 第一块是搜索;
  • 第二块是banner;
  • 第三块是功能区,考拉下面没有独立的平台,这一块放的是品类场馆,像商场的楼层一样,一目了然逻辑清晰;
  • 第三块是活动板块;
  • 第四到第七块,都是特色频道推荐,标签下面细分了很多相关的功能频道;
  • 第八块是用户专享,现在大型电商都开始走会员年费模式,交了年费会员享受相应折扣,考拉重点推了这一块,所以在首页;
  • 第九快是精选活动,以每个板块商品列表来展示;
  • 最后一块是个性化推荐,以三个角度的列表来展示,不想其他平台都是铺出商品。第一个角度是个性化商品,第二个角度度是商品推荐清单类文章;第三个角度是品质商品推荐。考拉的信息比严选多,所以都是以板块展示为主,点进去再分二级板块。

考拉相比京东,排列上更简洁,二级分类更少,一级频道推荐板块名称也更接地气,想要找到想要的频道很容易(例如:考拉的“分享优惠”里面分了两个,一个是“拼团”一个是“0元砍价”。京东的相似频道“实惠好货”里面分了10个,分别是“家电疯抢48h”、“优惠不停歇”、“唯品会”、“拍拍二手”、“司法拍卖”、“京东拼购”、“爱车生活”、“进口馆”、“美食城”、“园艺生活”。京东二级分类太多了,很难记住,而且二级和一级频道名称上关联也不强)。

7. 拼多多(综合平台)

如何做电商平台的首页功能设计?

拼多多,以拼团价格优惠切入,迅速分到蛋糕的综合性电商平台。

  • 第一块是Banner,和主流平台不太一样,没有放搜索,搜索的位置挪到了下部导航的菜单位置,需要培养一段时间的用户习惯;
  • 第二块是功能区,所有的平台频道和分类功能都在这里面了,有16个,玩法比较独特,有很多是独创的,更加偏重社交分享,比如拼团,现在很多大平台也被跟着上线拼团功能;
  • 第三块是活动板块推荐;
  • 第四块往下都是以商品列表展示了,分商品和店铺两个角度推荐商品,穿插了一排品牌馆推荐。拼多多一级信息分类层级非常少了,只有四块,频道推荐和分类推荐全部集中到了功能区,导致功能区压力有点大,功能的展示太少了。

主要篇幅在展示商品列表,没有很清晰的频道标签的概念,让我想到了抖音,不知道拼多多的算法是不是很强大,商品推荐能够很精准。这应该也和它的用户年龄结构有一定关系,感觉身边用拼多多的中年人更多。

感悟与总结

根据上面的分析,可以总结成以下四个方法论:

  1. 不管是几级分类,同一级的分类不要太多了,最好不要超过5个。
  2. 考虑用户操作学习成本,某些功能已经培养了用户的操作习惯,位置不要做太大的变动。
  3. 动效可以更好的抓住用户的眼球,核心功能可以使用。
  4. 频道铺开展示商品,比铺开所有频道(再进入二级点击频道看商品)更加生动,尽量缩短频道层级间的一级级展示,直接铺开商品。(例如影音用品下面分耳机、音箱、投影仪等。首页可选择直接展示影音+耳机音箱等类别里面的产品列表,而不是展示耳机等标签,再让用户进入下一层)

下面是我针对我们平台首页的排布计划,仅供参考,大家也可以找我交流。

从上而下来说每一块功能:

  • 搜索放在第一块,用户也已经习惯了在这个位置找功能。
  • 第二块Banner,我感觉不用放的太多,8个用户看不过来,3-5个比较合适。
  • 第三块是功能区,如果有一些特色频道放这里比较合适的,这个部分放太多也不合适,超过10个就需要滑动翻页才能看完,估计第二页的点击量也不高的,目前我们平台大概有4个。第三块是活动位置,尽量多的给展示位置(一屏幕左右),把活动的海报和参与活动的类别做展示。海报可以加一些动画效果,能更好的引起用户关注,毕竟平台活动是很核心的一个功能。
  • 第四块是功能区的频道商品展示,每个频道给半屏到一屏的展示位,频道若还有二级分类,我不会分的太多,尽量控制在5个内,否则首页会非常臃肿,没有功能记忆点。
  • 最后一块是分类频道推荐或品牌频道板块推荐,以商品列表展示为主,每个频道半屏到一屏的展示位。个性化推荐因为现在平台刚刚上线,我们也没啥数据积累,推荐功能暂时不加。

 

作者:季月,微信公众号:季月

本文由 @季月 原创发布。未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是数据分析软件领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章