北京锐智互动软件开发公司
400-1050-360 400-1050-360
软件开发 APP开发 微信/小程序开发 大型电商平台开发 数据挖掘
400-1050-360 400-1050-360
软件开发 APP开发 微信/小程序开发 大型电商平台开发 数据挖掘

软件开发公司 > 动态 > 行业资讯

如何做电商平台的首页功能设计?锐智互动北京app开发公司

Tag:app开发 电商app开发设计 app品台开发设计流程

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

imgs/rzhd/ueditor/jpg15556570036996023.jpg


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


平台分析
1. 淘宝(综合平台)

imgs/rzhd/ueditor/jpg15556571910389253.jpg


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

  • 第一块是搜索,淘宝最近把搜索二级页面关键词直接展示在一级搜索位置下方,占了一小条,相当于关键词搜索功能层级上升,结合算法数据推荐功能体验很nice;

  • 第二块是banner,不多说;

  • 第三块是8个平台型导航,主要是一些已经从淘宝诞生,已经可以独立运营的产品;

  • 第四块是活动广告位,占据banner大小的位置,平台活动快捷入口;

  • 第五块是占位比较少的淘宝头条,根据分类滚动推荐产品的文章,很容易忽略;

  • 第六块是二级购物功能区,展示各个频道,像天天特卖,每日好店。都是老牌的促销功能,基本电商平台都有了。

  • 第七块是商品列表,安卓和苹果展示不一样。安卓是每个版块半屏往下铺开。苹果是上方做了分类导航,下方列表,感觉操作上各有利弊。

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

2. 京东(综合平台)

imgs/rzhd/ueditor/jpg15556572135692618.jpg


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

  • 第一块是搜索;

  • 第二块是8个banner;

  • 第三块是活动广告位;

  • 第四块是平台型功能区,有部分是独立的平台像京东生鲜,还有部分是京东的商品类别频道,不像淘宝平台那么多,平台不够分类来凑;

  • 第五块是占据一小条的京东快报;

  • 第六块是二级购物频道,放了一些主推的购物板块;

  • 第七块是活动板块,占的篇幅较大,铺开了活动的每个类别;

  • 第八快还是频道推荐,把多有的频道纳入到10个标签里,每个频道都有超过5个二级标签,分的特别细。

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

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

imgs/rzhd/ueditor/jpg15556575187961558.jpg

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

  • 第一块是搜索;

  • 第二块是8个banner;

  • 第三块是活动广告位;

  • 第四块是平台型功能区,这一块主要是频道和分类,分类居多,有16个。

  • 第五块是一小条的苏宁头条;

  • 第六块是二级购物频道;

  • 第七块是活动板块,也篇幅占据比较大,展开了活动的每个类别;

  • 第八块是频道推荐,也展示很多二级频道,分的特别细,和京东特别像。

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

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

imgs/rzhd/ueditor/jpg15556575583607313.jpg


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

  • 第一块是搜索;

  • 第二块是活动板块,不像其他平台是固定不动的一张图,动画展示活动的交互很新颖;

  • 第三块是平台型功能区,小米不像京东或者淘宝有很多衍生独立平台,所以展示的不多,5个功能频道,看上去很清晰。另外,销售榜单作为一个推荐功能,感觉新颖且实用;

  • 第四块是banner,一共5张,没有像综合电商平台放到8张,我感觉交互体验更好,一般用户在banner位置停留时间不长,也看不全8张;

  • 第五块是活动板块推荐,篇幅大,分了各活动分类的专场;

  • 第六块是特色频道推荐,含榜单(把榜单部分商品展示出来)、限时购、年货节热卖、小米众筹、有货集市、品味生活,和上面的功能区相呼应,以商品展示为主;

  • 第八块是类别频道推荐,每个展示一屏,也是以商品展示为主。

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

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

imgs/rzhd/ueditor/jpg15556575933511594.jpg


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

  • 第一块是搜索和导航;

  • 第二块Banner;严选是没有功能区的,直接开始推荐商品或者频道。

  • 第三、五、六、七、八块都是直接推荐标签的商品,其中焦点位给了个性化推荐,可见非常重视对用户进行数据进行,从而更精准得来个性化推荐;

  • 第四块是VIP会员的服务特权,其他电商都是在某个功能位放着,不太明显,网易重点突出了这一块;

  • 第九块是二级功能频道,只放了三个频道;

  • 最后是猜你喜欢。


下一章:数据产品经理必备思维之——数据思维!锐智互动北京软件开发公司
软件开发
关于锐智互动

锐智互动网络科技遵循严格的质量和安全标准, 实施严密的安全措施, 拥有成熟可靠的管理和开发流程, 公司凭借多年的行业积累、深厚的 行业专长和成熟的行业实践,为客户持续创造关键价值。我们始终关 注前沿技术,保持国际领先的眼界和技术储备。公司自 成立以来, 在团队成员的共同努力下,已经成功服务于上百家企业,其中包括 我爱我家、联东集团、优财CMA、5100、奔驰、华为、伊利、宝马、 迪思公关、航天国旅、HOTWIND、北京电通等众多知名企业。

咨询热线:400-1050-360

推荐阅读

商城APP开发设计基本原则-软件开发公司 Tag: 软件开发公司 软件开发 小程序开发 软件开发公司、采购管理系统软件开发解决方案-北京软件外包公司 Tag: 软件外包 软件开发公司 北京软件外包 软件开发公司、软件开发后台管理开发有哪些基础模块?北京软件外包公司 Tag: 软件外包 软件开发公司 北京软件外包 电商网站是如何优化产品详情页的?北京软件开发公司 Tag: 电商网站开发 软件开发公司 北京软件开发 做APP产品时怎样做竞品分析-北京软件开发公司 Tag: 北京软件开发 软件开发公司 app开发 从域名到网站访问需要哪几个步骤?北京软件开发 Tag: 北京软件开发 app开发 小程序开发 评估APP软件是否成功的有哪些指标?北京软件开发 Tag: 北京软件开发 软件开发公司 北京app开发 北京软件开发一款产品的过程-北京锐智互动 Tag: 北京软件开发 软件开发公司 北京app开发 北京软件开发、DNS的基本概念、北京锐智互动软件开发 Tag: 北京软件开发 网站技术开发 北京app开发

提交需求,获取工期与报价

立即咨询