您的位置: 首页 > 新闻中心

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

    作者:威海网络公司 日期:2019-01-22 点击:837

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

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

    平台分析

    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会员的服务特权,其他电商都是在某个功能位放着,不太明显,网易重点突出了这一块;
    • 第九块是二级功能频道,只放了三个频道;
    • 最后是猜你喜欢。


    本文由威海网络公司半岛科技转载整理2019.01.22

    分享到:

    上一条:抖音是怎么做出来的?|创业故事

    下一条:拨动情绪的内容设计|QQ团队短视频的完整设计过程