电商页面各类分析杂谈之头部细节
2019-03-15 09:51:56来源: 派带网 阅读 ()
现在大家都知道同类型的电子商务网站越来越多,除了比特色比价格之外,对网站本身的用户体验也格外的重视起来,这里所说的重视是指真的意识到了这个问题,知道好的体验能留住用户,能产生更多订单,能产生更多回头客,能在业界确立口碑形成壁垒,还有,能炫耀扎台型。
既然谈到用户体验,那就得要做数据方面的分析,通过这些手段来确定,那么一大推互联网用户中,哪些才是你的用户,不同的用户是不同的,作为产品设计人员是否已经摸准了下面这些内容:
·本商城出售的商品是符合哪一类用户的需求的,并且会激发用户的哪些潜在属性,譬如母爱,童趣,公益心等,如何利用合理的设计去引导这些情感
· 目标用户是偏理性还是偏感性的,需要用什么样的设计来迎合用户
·这类用户平时网上购物经验是否丰富,是否属于高端用户,是否需要培养使用习惯
·这类用户对支付安全性、流程便捷性、选择商品精准性的要求分别是怎么样的,关注度的优先级是怎样的情况
关于用户的研究,这些往往是容易被忽视的,忽视的表现即每方面都追求大众化,其他网站如何我们也如何,这是要不得的,网站和网站是不同的。
具体不同可以延伸到很多方面,譬如
·网站出售商品不同
·网站发展未必与我们同步
· 辐射的用户群未必相同
·对不同群体的政策倾斜未必相同
· 同一时期所受到的上层运营压力也不同
因此我们做用户需求的过程中,必须睁大双眼,仔细看清楚哪些是值得我们借鉴的,千万不可盲目参考哪些已经获得成功的网站。
其实作为一个愿意动脑子的产品设计人员,当你的同事用某某大网站是如何来处理这块内容的时候,你需要有理由来支持自己想对正确的想法,你为之研究了数月的体验方面的心得,大多数时候应该强于同事们临时而起的念头,产品设计人员应该有这样的自信。
我所在的公司,电子商务网站建立两年有余,尚处于一个初级阶段,而因为资源分配方面的问题,始终没有进行优化,我所说的优化包括页面、流程、设计、体验等各个方面,因此水准停留在两年前或者更早。
适逢此次有改版可能,所以趁此机会对市面上那写电商网站们做了一些小小的研究,在此分享一二。
首先介绍下我采纳的竞品列表,对于进入这份名单的网站,我只想说谢谢你们的网站,带给了我们很多借鉴的思路,祝愿大家共同进步。
这些网站包括:
D1优尚网、OLOMO、八点优购、逛街网、好乐买、呼哈网、酷噻网、乐友网、麦包包、美合美妆、趣玩网、锐意网、烧包网、时尚起义、手表折扣网、淘宝网、淘宝商城、淘鞋网、微乐、香港莎莎、新钻网、佑一良品、一号店、衣服网、走秀网、钻石小鸟、麦网、京东、新蛋、当当、卓越、红孩子等。
其中列在后面的几个网站,因为从商品分类、品相以及运营条件各方面都不具备可比性,因此主要是对一些通用体验做总结归纳。
另外对于一些处于排行榜上的网站也作为研究分析对象。
2009中国网上零售商城品牌50强
2009消费者最喜爱网站TOP100
而分析的类别比较多,其中可毫无保留分享的是前台页面的一些模块取舍和设计上,包括以下这些方面
·网站头部
·首页设计
·列表页设计
·详情页设计
·购物流程设计
网站头部
对于网站头部,大家可能一下子就能想到很多可以摆放的元素,事实上的确如此,在我做分析和比较的过程中,总结下来的列表的确能体现这一点。
l 、LOGO副标题
所有的网站都会有LOGO,这个毋庸置疑,而且大部分网站都是放在左上角,其中将近一半的网站有自己的口号性副标题,其中包括了
从这些内容中可以看出网站在Logo旁设置一段能彰显网站价值短语,或者直接接入LOGO的做法,已经得到了一定程度的认同,并且在后期的设计中,发现还能够利用起LOGO旁的大片空白处。
·头部宽度自适应问题
超过25%的网站,采用了自适应宽度的做法,而这些网站中包括麦网、OLOMO、趣玩、烧包、佑一良品等网站。
这部分有个很有趣的对比:
麦网用了自适应,但是一号店却没有,再结合下面的分类设置,一号店显得布局过于局促了,当然这是仁者见仁智者见智的问题。
烧包网使用了自适应的宽度,但是麦包包却没有,但是麦包包显得更大气
因此我觉得这不是一个是与非的问题,我倾向于当设计有能力做出有质量的头部时,未尝不可尝试宽度自适应,但是如果没有这方面绝对的把握,随大流是个不错的想法,接下来要注意的是头部以下内容的合理摆放,切勿密度太大,导致臃肿,干扰用户浏览页面。
·导航条中的菜单层次和逻辑关系
网站在导航条上放置的内容并不会太多,更多的内容是采用层的方式显示。
有将近40%的网站并没有采用层的方式显示更多,导航条上紧紧是一个频道的入口而非层级菜单,这里显示的也是一级分类。
剩下的网站,将此处显示的目录层次,分别深入到了二级和三级,此处出现的不仅是分类,同时会与特别推荐、品牌进行混搭。
部分网站对于多级分类的载体——下拉层,都做了一定程度的美化和利用
如果商城的商品分类繁多,而且不愿意牺牲头部以下的主题版面的,可以考虑借鉴这些方式,不论是分类和品牌混搭,还是特别推荐的内容,都能有所侧重。
·登录信息
大部分网站都是很简单的登录、注册而已,也有三分之一的网站,在此基础上,用更能取得认同感的语句来重新组织
从中可以发现,并不是所有的表面看来有认同感的语句都能起到好的效果,归根结底,要看网站本身的设计风格简约与否、以及元素之间是否协调。
登陆后的文字信息,基本上都是千篇一律的,将会员名和退出链接放在其中,而且大部分网站会将个人中心的相关信息在这里体现出来。
这部分内容包括订单信息、积分信息、收藏信息、账户信息
·购物车信息
根据出售的商品,网站会将这一块命名为购物车或者购物袋,普通情况下,叫做购物车的还是占九成以上,这与淘宝的购物车形象根深蒂固也是有一定的关系。
个人觉得时尚类的,特别是饰品类网站,命名为购物袋还是很有优势的,会体现出精致的时尚感,加强用户对网站所售商品时尚度的认同感。
大部分网站都会在购物车区域对购物车内商品信息作展示,同时大部分也是采用层的方式。
展示的内容,普遍有商品名,商品价格,数量和总计。
提供商品缩略图的和删除这类消极按钮的并不多。
个人分析下来,这部分对于无购买动作的用户几乎是忽视的,同时表现形式上也应当做到忽视,如果采用浮动层,需要注意这一点影响,不可干扰未购买的用户。
对于有购买动作的用户,此处让用户了解详情的作用和目的并不大,主要是针对一些需要了解当前购物车内概况的用户,此时层内显示的内容是用户关注列表中的首要,因此层的负面影响会降低到最低,可以忽略不计
50%以上的网站在购物车区域安排了去结算的按钮,并且大部分将其命名为去结算,其中麦网在此处用了更简明的“结账”,趣玩网采用了“查看购物车”。前者简单扼要,后者给用户心理暗示并非非买不可,也符合趣玩网轻松购物的整站风格。
·头部搜索框
谈及搜索框,其实这部分涉及到了哪些用户会用搜索,而哪些用户会用网站提供的分类导航。
总体来说,搜索框,是提供给这些人的
·通过对已掌握的信息有把握找到目标商品(群)
·对于网站提供的搜索不持不认可态度的
·无法精确定位商品分类,需要通过搜索关键词来获取更精准信息的
总结这部分用户,可以发现,这部分用户更有自主性,有控制欲,这里说的这部分用户,在这个网站可能倾向于使用搜索,在另一个网站倾向于使用分类,这都是有可能的,因为这取决于商品和网站。
那么这些用户大部分是偏理性且有序的。
而是用分类的用户,一般是这些人
·各种原因不愿意通过搜索来寻找目标商品(群),其中原因包括怕重怕漏等不信任因素、也包括对于输入内容的不自信
·对目标所属分类有足够自信的
·欣赏目标网站提供的商品分类专业性,热衷于使用和尝试的
总结这部分用户,可以发现,这部分用户在目标网站缺乏非常强的自主个性以及控制欲,需要借助网站提供的专业的分类来确定目标所在的范围。
搜索框内形式,大部分网站都不使用联动菜单的方式,种类特别繁多的百货类商城,譬如淘宝、一号店,对于原本分类并不丰富,或者分类之间交集比较多的商城,用联动菜单的方式比较少。
搜索框内的默认文字,也是很多网站重视的内容,不仅可以起到引导用户的作用,还能帮助用户养成使用特定搜索框的习惯和能力,譬如告诉用户如何进行多关键词搜索等。
目前大部分商城是不设立默认关键词的,设立默认关键词的网站,主要有两种形式,一种为设置随机关键词,另一类为告诉用户此处可输入关键词。
个人认为,此处可将两种目的结合起来,以运营部门指导建议此处默认加载的关键词,以关怀性语句包装,并提示可进行组合查询,例如:
输入您要搜索的内容,譬如皇家,成犬
这样用户就从中知道,这里可以通过输入多个内容搜索,并且多个内容之间以逗号相隔,这比简单的教育用户如何操作,更能使用户产生成就感和认同感。
输入框内的交互设计,也是非常重要的,但是这一点大部分商城都没有注意到,此类输入框应该有设计方面的约定。
·输入框内有默认系统提示内容,鼠标点击输入框,内容清空
·鼠标焦点离开输入框,如果此时输入框内的内容与原内容相比未改变,则再次出现原内容,若有改变,以改变后的内容为准
·再次点击输入框,如果此时输入框内的内容与原内容相比未改变,则内容再次清空,若有改变,则不需要清空
这部分的设计,对提高用户使用搜索框的愉悦度会有帮助,别小看这些小细节,网站易用性就是这样点滴积累起来的。
有条件的商城,还可提供输入内容的联想、提醒功能,可以显著的帮助用户缩短锁定目标所需的时间。
在选项的匹配方面,有人力物力的项目组,应当对一些相似的产品关键词进行归纳,目的就是让用户在搜索例如猫咪这个关键词时,同时猫这个关键词对应的产品也会出现在搜索列表中。
·关键词的推荐
一半以上的网站都提供了关键词的推荐,同时大部分都安排在了搜索框旁边的位置,但是平心而论,对于提供商品种类很多的网站而言,这样的推荐命中率高么?
如果不高的话,头部这么出挑的位置不能放别的更重要的内容吗。
当然对于一些下单密集度比较高的单品、种类,的确有比较高的命中率,包括一些运营方面需要的促销、推荐文字,那么其实此处放置的文字链接,为何不能以图文或者专题的方式出现在页面主体中呢,干扰源太多对用户不怎么好。
而这一块地方,可以安排一些口号性质、或者服务特性的内容,一半以上的商城,都提供了一些能够迎合用户对安全、便利、产品质量方面的需求图文。
例如:
· 头部客服电话信息
只有极少数几家商城没有提供客服电话,的确对于一号店这样的商城来说,有没有客服电话并不重要,不过对于在详情页都不放置客服电话,我稍有不解,这会等到分析详情页的时候再细说。
另外一家八点优购,采用的是悬停浮动层的方式显示客服电话和在线客服的,我个人觉得未必很妥,毕竟用户需要客服时,并不希望在做游戏,而是希望第一时间得到帮助,此时如何在最少的步骤内提供用户相应的信息是很有讲究的。
总体而言,大部分网站还是很注重在头部显要处提供客服电话的。
·工作时间
只有少数的几家网站提供了工作时间,譬如趣玩网、仁和春天,其实个人觉得提供一个诸如7*24小时的信息提示,对用户来说,对于网站专业性的认可又更近了一步,何乐而不为。
退一步讲,即使因为实际情况无法提供这么周全的全天候服务,那么把有人伺候客服的时间列出在头部,减少用户盲打电话的概率,也是有弊大于利的。
·头部高度的问题
关于头部,一些想说的一些问题都说了,那么关于头部高度的问题,是否注意过呢,经过分析和比对,基本上80%以上的商城,头部高度在130-160像素之间。
当然这关键看摆放布局的掌控能力,麦包包190像素的高度,也不会让人感觉头部过高。
另外一点,不少网站在用户进入购物流程时,采取的头部时简略版的,为什么这样做的分析,将在分析购物流程时提及。
文章来源:http://www.paidai.com/displaythread.php?boardid=18&topicid=33162
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 案例·电商 | 网易严选是如何用会员权益提升消费频次? 2021-05-04
- AdSense技巧:根据页面内容放置广告单元 2020-03-30
- AdSense技巧:根据页面内容放置广告单元 2020-03-30
- 积分层级体系 2019-08-09
- 如何利用这些千万级别的内容电商案例提升赚钱的触感? 2019-04-10
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash