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

2019-01-22 23:10:00

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

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

平台分析

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个，玩法比较独特，有很多是独创的，更加偏重社交分享，比如拼团，现在很多大平台也被跟着上线拼团功能；
第三块是活动板块推荐；
第四块往下都是以商品列表展示了，分商品和店铺两个角度推荐商品，穿插了一排品牌馆推荐。拼多多一级信息分类层级非常少了，只有四块，频道推荐和分类推荐全部集中到了功能区，导致功能区压力有点大，功能的展示太少了。

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

感悟与总结

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

不管是几级分类，同一级的分类不要太多了，最好不要超过5个。
考虑用户操作学习成本，某些功能已经培养了用户的操作习惯，位置不要做太大的变动。
动效可以更好的抓住用户的眼球，核心功能可以使用。
频道铺开展示商品，比铺开所有频道（再进入二级点击频道看商品）更加生动，尽量缩短频道层级间的一级级展示，直接铺开商品。（例如影音用品下面分耳机、音箱、投影仪等。首页可选择直接展示影音+耳机音箱等类别里面的产品列表，而不是展示耳机等标签，再让用户进入下一层）
下面是我针对我们平台首页的排布计划，仅供参考，大家也可以找我交流。
从上而下来说每一块功能：
搜索放在第一块，用户也已经习惯了在这个位置找功能。
第二块Banner，我感觉不用放的太多，8个用户看不过来，3-5个比较合适。
第三块是功能区，如果有一些特色频道放这里比较合适的，这个部分放太多也不合适，超过10个就需要滑动翻页才能看完，估计第二页的点击量也不高的，目前我们平台大概有4个。第三块是活动位置，尽量多的给展示位置（一屏幕左右），把活动的海报和参与活动的类别做展示。海报可以加一些动画效果，能更好的引起用户关注，毕竟平台活动是很核心的一个功能。
第四块是功能区的频道商品展示，每个频道给半屏到一屏的展示位，频道若还有二级分类，我不会分的太多，尽量控制在5个内，否则首页会非常臃肿，没有功能记忆点。
最后一块是分类频道推荐或品牌频道板块推荐，以商品列表展示为主，每个频道半屏到一屏的展示位。个性化推荐因为现在平台刚刚上线，我们也没啥数据积累，推荐功能暂时不加。

作者：季月，微信公众号：季月

关键字：电商平台, 首页功能设计

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击举报进行投诉反馈！