火星网校
如何打造让用户一目了然的电商平台首页？
发布时间：2024-08-05 15:50:25 浏览量：154次
最近做了一个电商类产品，设计首页功能设计的时候很困惑。每个平台的首页信息框架都和平台特色相关，也间接反映了平台的定位和风格。如何处理才能让用户通过首页，更好的了解平台的调性，快速找到感兴趣的商品或购物频道？
这个问题困扰了我许久，于是我想通过分析主流的电商平台的首页，看看它们是如何处理首页信息分类的，总而来找寻下灵感，为我们平台迭代做准备。
平台分析
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会员的服务特权，其他电商都是在某个功能位放着，不太明显，网易重点突出了这一块；
- 第九块是二级功能频道，只放了三个频道；
- 最后是猜你喜欢。
欢迎了解更多关于数字艺术教育的信息，了解游戏设计培训、动画培训、影视后期培训等课程，点击咨询火星时代教育。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
最新文章
