电商网站设计页面各类分析杂谈之首页细节

电商网站设计页面各类分析杂谈之首页细节

本文由易开店进行整理

一、分类区域

相信这一块是产品设计人员非常头疼的模块了，是盲从其他网站的设计，还是自己创新一套，这都是犹豫纠结的问题。

目前分类集中体现为以下几种

可以发现，根据网站本身对分类和品牌的界定，决定了最终分类模块的摆放样式，同时网站本身的定位，譬如时尚度等因素，也起到很大的作用。

左侧悬停层的方式，因为本身就具有很大的可塑性，因此可以发现已经用在了一些潮的元素非常聚集的网站上，这类网站视觉体验的重要性，有些甚至在一定程度上盖过了用户的易用性。

同时这类网站对子分类也有一定的要求，譬如网站决定到第N级开始暂停显示，采用悬停显示层的方式来处理N+1层的目录，那么应该考虑到第N-1层的各个平行菜单应该有适合的长度撑起左侧一定高度的区域，并且第N+1层的类目不可太少，以至于用户潜意识中觉得商品类目少而对商品进货渠道以及质量产生不必要的联想，影响对网站整体的信任度。

其实这种显示本身还是对交互设计要求非常高的，这种版式将在如何引导用户区正确使用上花很大的功夫。

横版的方式，现在采用这种方式的网站也是越来越多了，的确很适合商品类目很多、分布均匀的的网站。

左侧直接显示的网站，对右侧内容展现的配合度要求比较高，做百货类的网站采用这种直接的方式都是比较好的选择，当然这类设计对分类的合理性易用性有着更高的要求，毕竟这对用户通过分类来检索和定位目标商品（群），要求很高。

在进行分类摆放过程中，将近一半的网站在某一级分类开始进行了品牌和分类混搭的尝试，从分析来看，以二级分类开始品牌混搭的形式比较多。

对于大部分依靠品牌代理销售来吸引用户，留住用户的网站，可以采用这类方式。

二、常用模块的摆放

商城总是对以下的模块进行取舍摆放，如何取舍的缘由无外乎是运营的要求以及对竞品的参考。

抢购（秒杀）、新品、推荐、促销、品牌区域、热销排行。

这些模块中各个网站都有一些独特的亮点，也可以从中看出这些网站的侧重点，譬如逛街网的抢拍区域、呼哈网的推荐和热销排行、好乐买的促销、佑一良品的品牌区域，都是比较好的形式，如果对某一模块想要重点建设，不妨参考一下。

另外对于每一个模块标题，应该正确对待，这些地方是网友的导盲棍，通过良好的设计可以减少用户思考这模块是干什么的时间。

三、页面广告形式

作为商城来说，广告更多的作用是站内商品的推销展示，几乎全部的网站都提供了多页幻灯片模式的首屏广告，80%以上的网站都会使用一条通栏广告。

而作为商城，更多的广告形式是专题图片，几乎全部的网站都有专题图片，一半以上的网站专题图片数量大于10张，可以说是以精妙设计的图文来撑起用户的视觉体验的。

四、其他模块的摆放

其他经常被运用于首页的一些模块是：评论、公告、积分换购、订单查询、邮件杂志订阅。

评论和评分内容，信息可影响后来的用户的选择。

对于大部分用户来说，对商品的评论和问题，以及客服的解答，能够让他们更好的信赖商城的购买氛围，提升对所售商品的认可度。

当然如果为了真正利用好这块阵地，就需要规避一些负面消息，或者有选择性的采用评论信息，那就需要付出人力进行干涉和监管，一旦这部分无法做到完善，对用户的信任度提升会起反作用。.

可能会有些产品设计人员会提出，这块地方造假是家常便饭，对用户来说意义不大，但是事实上用户都会有意无意尝试使用自己的甄别能力来进一步试探网站的诚意，最浅显的一点可以证明，你去一个网站，是否经常会自问，这是真的么，怎么会这么便宜，不会是假的吧。

公告内容，大部分的用户都会选择忽略，但是对于网站来说却有点难以割舍，于是出现两种常用做法。

一些网站将网站公告与新品、促销、热卖信息结合，以文字方式出现在原本公告信息的围殴之，另一些网站开始将其在页面上的位置降权，采取将之放在页面底部位置的作法。

一些有能力出EDM的网站，都会通过邮件订阅或者相似变形产品的方式来获取用户的推广信息，譬如麦网、OLOMO、逛街网、麦包包、时尚起义、D1优尚。

同时这种做法，尤其适用于一些时尚类的潮站、以及专题性比较强的网站，这对于凝聚用户有着很大的作用，想要在相关垂直行业内形成壁垒优势，任何可争取和巩固用户的方法都是值得研究借鉴的

五、安全提示图标

看网站的时候，会对网页上的一些区域，人为的视而不见。尽管如此，还是会觉得有些什么内容引入眼帘，而且并不排斥。

仔细想一下这些是什么内容，又能起什么作用吧。

很显然，这些就是能起到给用户安全感的心理暗示图片，用户对安全、便捷、服务、

物流、售后等各方面都会有不同程度因人而异的关注。

而大多数网站对于这部分都是充分满足了用户的自我心理暗示。

象征品质的、服务保障类的、提供物流配送保障的、网警、工商、消协、电商诚信乃至Verisign、支付宝诚信的标志，都是对用户信念上的增强，几乎所有网站都会提供3-4个的图标给用户看。

六、客服图标

客服图标大部分网站都没有把他放在首页，这是有一定的道理的。

从用户进入这个网站的心理状态出发去考虑，在首页面用户寻找自己目标商品（群）的切合点时，更关注于如何快速查找到目标分类，这部分工作很少能有通过客服的帮助完成的，因此并不需要在线客服一类元素的干扰。

至于用户如果真的需要就目标商品更有进一步的探索，或者相关商品的类比困惑时，此时客服的介入是恰逢时机的。那也是列表页、商品详情页之后的事情了。

总之，根据商城出售的商品，你是需要一个客服在用户刚进入时就进行导购式的介入，还是在用户不满足于自己目前所获得的信息时介入，是个很值得研究的问题。

即时非有不可，也应该以不干扰用户主视线的方式配置。

七、页面宽度

最后一个比较重要的是，页面的宽度问题，大部分网站的宽度都在950-980像素之间，并且一半以上的网站，宽度在980像素。

这和布局有着比较大的关系，与具体售卖什么商品类型无关，譬如同为百货类的商城，麦网就采用了950像素宽度，一号店就采用了980像素宽度；作为时尚类型的网站，好乐买采用了990像素的宽度，OLOMO的宽度为930像素宽度。

另一点相关的就是首页的长度，现在大家都认识到，首页最基本的作用，或者说一系列动脑子的目的就是如何合理引导以及分配用户，如果首页就试图提供精准的目标，那需要对用户行为挖掘和分析到了一个很深入的阶段。

同时每一个相应模块的标题如果清晰明了，并且图文搭配比例适当，不论长短，都能在一定程度上取悦目标用户的。