图片

各类电商页面头部细节分析

发布时间:2011-3-2 16:20:52 浏览次数:

       大家都知道同类型的电子商务网站越来越多,除了比特色比价格之外,对网站本身的用户体验也格外的重视起来,这里所说的重视是指真的意识到了这个问题,知道好的体验能留住用户,既然谈到用户体验,那就得要做数据方面的分析,通过这些手段来确定,那么一大推互联网用户中,哪些才是你的用户,不同的用户是不同的,作为产品设计人员是否已经摸准了下面这些内容:
·本商城出售的商品是符合哪一类用户的需求的,并且会激发用户的哪些潜在属性,譬如母爱,童趣,公益心等,如何利用合理的设计去引导这些情感
· 目标用户是偏理性还是偏感性的,需要用什么样的设计来迎合用户
·这类用户平时网上购物经验是否丰富,是否属于高端用户,是否需要培养使用习惯
·这类用户对支付安全性、流程便捷性、选择商品精准性的要求分别是怎么样的,关注度的优先级是怎样的情况
       关于用户的研究,这些往往是容易被忽视的,忽视的表现即每方面都追求大众化,其他网站如何我们也如何,这是要不得的,网站网站是不同的。
具体不同可以延伸到很多方面,譬如
·网站出售商品不同
·网站发展未必与我们同步
· 辐射的用户群未必相同
·对不同群体的政策倾斜未必相同
· 同一时期所受到的上层运营压力也不同
       因此我们做用户需求的过程中,必须睁大双眼,仔细看清楚哪些是值得我们借鉴的,千万不可盲目参考哪些已经获得成功的网站
       其实作为一个愿意动脑子的产品设计人员,当你的同事用某某大网站是如何来处理这块内容的时候,你需要有理由来支持自己想对正确的想法,你为之研究了数月的体验方面的心得,大多数时候应该强于同事们临时而起的念头,产品设计人员应该有这样的自信。
       我所在的公司,电子商务网站建立两年有余,尚处于一个初级阶段,而因为资源分配方面的问题,始终没有进行优化,我所说的优化包括页面、流程、设计、体验等各个方面,因此水准停留在两年前或者更早。
      适逢此次有改版可能,所以趁此机会对市面上那写电商网站们做了一些小小的研究,在此分享一二。
      首先介绍下我采纳的竞品列表,对于进入这份名单的网站,我只想说谢谢你们的网站,带给了我们很多借鉴的思路,祝愿大家共同进步。
这些网站包括:
D1优尚网、OLOMO、八点优购、逛街网、好乐买、呼哈网、酷噻网、乐友网、麦包包、美合美妆、趣玩网、锐意网、烧包网、时尚起义、手表折扣网、淘宝网、淘宝商城、淘鞋网、微乐、香港莎莎、新钻网、佑一良品、一号店、衣服网、走秀网、钻石小鸟、麦网、京东、新蛋、当当、卓越、红孩子等。
      其中列在后面的几个网站,因为从商品分类、品相以及运营条件各方面都不具备可比性,因此主要是对一些通用体验做总结归纳。
     另外对于一些处于排行榜上的网站也作为研究分析对象。
2009中国网上零售商城品牌50强
2009消费者最喜爱网站TOP100
而分析的类别比较多,其中可毫无保留分享的是前台页面的一些模块取舍和设计上,包括以下这些方面
·网站头部
·首页设计
·列表页设计
·详情页设计
·购物流程设计
网站头部
对于网站头部,大家可能一下子就能想到很多可以摆放的元素,事实上的确如此,在我做分析和比较的过程中,总结下来的列表的确能体现这一点。
 LOGO副标题
所有的网站都会有LOGO,这个毋庸置疑,而且大部分网站都是放在左上角,其中将近一半的网站有自己的口号性副标题,其中包括了

1



 
从这些内容中可以看出网站在Logo旁设置一段能彰显网站价值短语,或者直接接入LOGO的做法,已经得到了一定程度的认同,并且在后期的设计中,发现还能够利用起LOGO旁的大片空白处。
 
·头部宽度自适应问题
超过25%的网站,采用了自适应宽度的做法,而这些网站中包括麦网、OLOMO、趣玩、烧包、佑一良品等网站
这部分有个很有趣的对比:
麦网用了自适应,但是一号店却没有,再结合下面的分类设置,一号店显得布局过于局促了,当然这是仁者见仁智者见智的问题。
 

2



烧包网使用了自适应的宽度,但是麦包包却没有,但是麦包包显得更大气

3


       因此我觉得这不是一个是与非的问题,我倾向于当设计有能力做出有质量的头部时,未尝不可尝试宽度自适应,但是如果没有这方面绝对的把握,随大流是个不错的想法,接下来要注意的是头部以下内容的合理摆放,切勿密度太大,导致臃肿,干扰用户浏览页面。
 
·导航条中的菜单层次和逻辑关系
网站在导航条上放置的内容并不会太多,更多的内容是采用层的方式显示。
有将近40%的网站并没有采用层的方式显示更多,导航条上紧紧是一个频道的入口而非层级菜单,这里显示的也是一级分类。
剩下的网站,将此处显示的目录层次,分别深入到了二级和三级,此处出现的不仅是分类,同时会与特别推荐、品牌进行混搭。
部分网站对于多级分类的载体——下拉层,都做了一定程度的美化和利用

4


5


6


 
      如果商城的商品分类繁多,而且不愿意牺牲头部以下的主题版面的,可以考虑借鉴这些方式,不论是分类和品牌混搭,还是特别推荐的内容,都能有所侧重。
 
·登录信息
      大部分网站都是很简单的登录、注册而已,也有三分之一的网站,在此基础上,用更能取得认同感的语句来重新组织
 

7



      从中可以发现,并不是所有的表面看来有认同感的语句都能起到好的效果,归根结底,要看网站本身的设计风格简约与否、以及元素之间是否协调。
 登陆后的文字信息,基本上都是千篇一律的,将会员名和退出链接放在其中,而且大部分网站会将个人中心的相关信息在这里体现出来。
     这部分内容包括订单信息、积分信息、收藏信息、账户信息
 
·购物车信息
       根据出售的商品,网站会将这一块命名为购物车或者购物袋,普通情况下,叫做购物车的还是占九成以上,这与淘宝的购物车形象根深蒂固也是有一定的关系。
       个人觉得时尚类的,特别是饰品类网站,命名为购物袋还是很有优势的,会体现出精致的时尚感,加强用户对网站所售商品时尚度的认同感。
      大部分网站都会在购物车区域对购物车内商品信息作展示,同时大部分也是采用层的方式。
      展示的内容,普遍有商品名,商品价格,数量和总计。
      提供商品缩略图的和删除这类消极按钮的并不多。
      个人分析下来,这部分对于无购买动作的用户几乎是忽视的,同时表现形式上也应当做到忽视,如果采用浮动层,需要注意这一点影响,不可干扰未购买的用户。
      对于有购买动作的用户,此处让用户了解详情的作用和目的并不大,主要是针对一些需要了解当前购物车内概况的用户,此时层内显示的内容是用户关注列表中的首要,因此层的负面影响会降低到最低,可以忽略不计
      50%以上的网站在购物车区域安排了去结算的按钮,并且大部分将其命名为去结算,其中麦网在此处用了更简明的“结账”,趣玩网采用了“查看购物车”。前者简单扼要,后者给用户心理暗示并非非买不可,也符合趣玩网轻松购物的整站风格。

8


·头部搜索框
       谈及搜索框,其实这部分涉及到了哪些用户会用搜索,而哪些用户会用网站提供的分类导航。
       总体来说,搜索框,是提供给这些人的
·通过对已掌握的信息有把握找到目标商品(群)
·对于网站提供的搜索不持不认可态度的
·无法精确定位商品分类,需要通过搜索关键词来获取更精准信息的
       总结这部分用户,可以发现,这部分用户更有自主性,有控制欲,这里说的这部分用户,在这个网站可能倾向于使用搜索,在另一个网站倾向于使用分类,这都是有可能的,因为这取决于商品和网站
那么这些用户大部分是偏理性且有序的。
 
       而是用分类的用户,一般是这些人
·各种原因不愿意通过搜索来寻找目标商品(群),其中原因包括怕重怕漏等不信任因素、也包括对于输入内容的不自信
·对目标所属分类有足够自信的
·欣赏目标网站提供的商品分类专业性,热衷于使用和尝试的
       总结这部分用户,可以发现,这部分用户在目标网站缺乏非常强的自主个性以及控制欲,需要借助网站提供的专业的分类来确定目标所在的范围。
 
       搜索框内形式,大部分网站都不使用联动菜单的方式,种类特别繁多的百货类商城,譬如淘宝、一号店,对于原本分类并不丰富,或者分类之间交集比较多的商城,用联动菜单的方式比较少。
 
       搜索框内的默认文字,也是很多网站重视的内容,不仅可以起到引导用户的作用,还能帮助用户养成使用特定搜索框的习惯和能力,譬如告诉用户如何进行多关键词搜索等。
      目前大部分商城是不设立默认关键词的,设立默认关键词的网站,主要有两种形式,一种为设置随机关键词,另一类为告诉用户此处可输入关键词。
       个人认为,此处可将两种目的结合起来,以运营部门指导建议此处默认加载的关键词,以关怀性语句包装,并提示可进行组合查询,例如:
     输入您要搜索的内容,譬如皇家,成犬,这样用户就从中知道,这里可以通过输入多个内容搜索,并且多个内容之间以逗号相隔,这比简单的教育用户如何操作,更能使用户产生成就感和认同感。
 
        输入框内的交互设计,也是非常重要的,但是这一点大部分商城都没有注意到,此类输入框应该有设计方面的约定。
·输入框内有默认系统提示内容,鼠标点击输入框,内容清空
·鼠标焦点离开输入框,如果此时输入框内的内容与原内容相比未改变,则再次出现原内容,若有改变,以改变后的内容为准
·再次点击输入框,如果此时输入框内的内容与原内容相比未改变,则内容再次清空,若有改变,则不需要清空
       这部分的设计,对提高用户使用搜索框的愉悦度会有帮助,别小看这些小细节,网站易用性就是这样点滴积累起来的。
 
       有条件的商城,还可提供输入内容的联想、提醒功能,可以显著的帮助用户缩短锁定目标所需的时间。
       在选项的匹配方面,有人力物力的项目组,应当对一些相似的产品关键词进行归纳,目的就是让用户在搜索例如猫咪这个关键词时,同时猫这个关键词对应的产品也会出现在搜索列表中。
 
·关键词的推荐
       一半以上的网站都提供了关键词的推荐,同时大部分都安排在了搜索框旁边的位置,但是平心而论,对于提供商品种类很多的网站而言,这样的推荐命中率高么?
       如果不高的话,头部这么出挑的位置不能放别的更重要的内容吗。
       当然对于一些下单密集度比较高的单品、种类,的确有比较高的命中率,包括一些运营方面需要的促销、推荐文字,那么其实此处放置的文字链接,为何不能以图文或者专题的方式出现在页面主体中呢,干扰源太多对用户不怎么好。
      而这一块地方,可以安排一些口号性质、或者服务特性的内容,一半以上的商城,都提供了一些能够迎合用户对安全、便利、产品质量方面的需求图文。
例如:
 

9



· 头部客服电话信息
       只有极少数几家商城没有提供客服电话,的确对于一号店这样的商城来说,有没有客服电话并不重要,不过对于在详情页都不放置客服电话,我稍有不解,这会等到分析详情页的时候再细说。
·工作时间
      只有少数的几家网站提供了工作时间,譬如趣玩网、仁和春天,其实个人觉得提供一个诸如7*24小时的信息提示,对用户来说,对于网站专业性的认可又更近了一步,何乐而不为。
       退一步讲,即使因为实际情况无法提供这么周全的全天候服务,那么把有人伺候客服的时间列出在头部,减少用户盲打电话的概率,也是有弊大于利的。 
 

10



·头部高度的问题
       关于头部,一些想说的一些问题都说了,那么关于头部高度的问题,是否注意过呢,经过分析和比对,基本上80%以上的商城,头部高度在130-160像素之间。
      当然这关键看摆放布局的掌控能力,麦包包190像素的高度,也不会让人感觉头部过高。
       大家都知道同类型的电子商务网站越来越多,除了比特色比价格之外,对网站本身的用户体验也格外的重视起来,这里所说的重视是
各类电商页面头部细节分析
联系荣尚网络顾问
免费获得专属《策划开发方案》及报价详情。

多份参考,总有益处!

立即在线咨询

或拨打:134 0536 2733

企业微信客服
联系荣尚网络顾问
免费获得专属《策划开发方案》及报价详情。

多份参考,总有益处!

立即在线咨询

或拨打:134 0536 2733

企业微信客服