电子商务网站的按钮放哪边更有效

是否这么爱多

是否这么爱多

2016-02-17 04:08

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享电子商务网站的按钮放哪边更有效教程,希望对大家能有一点小小的帮助。

这个发现很让人吃惊,因为貌似99.9%的电商网站都把(加入)购物车按钮放到右边,你原以为用户已经被教育的会在那个位置找购物车按钮.但是根据Jakob Nielsen最近那篇发现在水平方向上,注意力分布更靠左边的研究报告,BabyAge的这个测试结果又好像不那么意外.

电子商务网站的按钮放哪边更有效,PS教程,图老师教程网

Nielsen的报告指出在浏览网站中,用户看页面左半侧花费的时间占69%,看右半侧的时间占30%.是不是正是因为用户的眼球相对更喜欢关注页面左侧,所以把按钮放到左边会提高转化率?

电子商务网站的按钮放哪边更有效,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

向FutureNow的Brendan Regan致敬,他在Conversion Voodoo 的博客找到了一个可以下载的透视图工具(overlay tool).这是一种基于Nielsen调研结果的热点图,你可以把这个覆盖到你的网页(landing page)上,看看大部分时间用户的注意力放到哪.你可以下载这个工具的png版本或者jpg版本.

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

通过这个透视图,看看跟Amazon传统的右侧按钮比起来,BabyAge的商品页上看去如何.

电子商务网站的按钮放哪边更有效,PS教程,图老师教程网

电子商务网站的按钮放哪边更有效,PS教程,图老师教程网

问题是,如果BabyAge测试一下购物车按钮放到最有效点(sweet spot,这个词汇来源于棒球)上会怎么样?

电子商务网站的按钮放哪边更有效,PS教程,图老师教程网

或者问的更好些,如果你在你的电商网站上测试这个会怎么样?

PS: ConversionVoodoo提到了一个重点,Nielsen的测试用的是固定宽度的1024*768的页面,可能这样并没有反应出网络上的主流用户,同时测试的焦点是内容站,不一定是电子商务的页面.但是这个研究可能仍然会让你有一个新的方向:试着将call to action(call to action是一类按钮的总称)和网站上其他的重要元素放到左边,而不再放到右边,并且试试是否可以提高转化率.

参与讨论和交作业

展开更多 50%)
分享

猜你喜欢

电子商务网站的按钮放哪边更有效

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
电子商务网站的按钮放哪边更有效

电子商务网站的购物按钮设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
电子商务网站的购物按钮设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

富有创意的电子商务网站欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
富有创意的电子商务网站欣赏

20个简洁的电子商务网站设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
20个简洁的电子商务网站设计

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

电子商务网站界面设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
电子商务网站界面设计欣赏

详细解析电子商务网站的标志设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析电子商务网站的标志设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

分享SNS社交网站的视觉设计经验

分享SNS社交网站的视觉设计经验

将滑动导航条制作成HTML页面

将滑动导航条制作成HTML页面
下拉加载更多内容 ↓