BeFor Web
为网而生 - 关注移动互联网及AR/VR产品的用户体验设计

怎样通过更好的用户体验促进网站转化率的提升: Page 2 of 2

怎样通过更好的用户体验促进网站转化率的提升

正确的使用图形元素来引导用户

在需要使用图形元素来呈现内容信息的时候,最好谨慎些,不要让它们看上去像广告,因为多数用户已经习惯了让目光忽视那些看上去像广告的图片。

对于产品特色展示一类的内容性质的图片,可以试着将它做的很大,甚至大到全屏的程度。也可以在介绍中放一张在宽度上与内容等宽的缩略图,用户点击之后可以看到大图。通常情况下,用户点击被文字内容环绕的图片,主要的初衷就是希望可以查看大图;这种动机下,即使加载大图需要较长时间,这种延迟也是符合他们预期的。

下图中的页面,在布局和图片风格等方面做的都不错,但却忽视了怎样通过图片将用户的注意力集中在重要的地方,比如注册。注册按钮的位置虽然在大图中,布局也还算便于用户点击,但配色和尺寸规格都使它在页面中太过含糊,不够显眼。

wrong-sign-up-design-conversion-user-experience-usability

下面的页面截图来自Five Simple Steps,他们做的不错,重要操作的功能按钮很显眼,封面介绍的图片也更像是组成内容的一部分,而非广告。

design-for-web-conversion-user-experience-usability

使用突出的、合适的文案引导用户执行操作

现在,多数购物网站中,用来提供购买功能的按钮文案,通常都是“立刻购买”一类——简单,准确,有鼓动性。而多年以前,这样的文案会被Web设计行业认为不够艺术化,不够隐喻化,不够酷,不够个性。显然,我们现在做的是对的。

要清楚的告诉用户他们接下来应该做些什么,并在页面中以最精确的语言、最突出的方式让用户看到,比如用很大的按钮形式呈现的“放入购物车”、“立刻结算”等。同时,另外一些必要的但重要性略低的内容链接,如“更多信息”、“查看详情”、“技术规格”等,则应该使用相对较小的字号或较弱的字色来呈现。

MarketingExperiments曾经研究过文案用词会对转化率产生怎样的影响。他们通过电子邮件的方式来检验有多少读者可以被转化为付费订阅用户。邮件中的每个UI元素都是测试对象。最初,用来提示读者进行订阅以便阅读全文的按钮的文案是“从这里继续(Continue here)”。看上还去不坏。不过第二版的文案“继续全文(Continue to article)”使转化率提高了3.3%,而第三版的“点击这里继续(Click to continue)”的效果,高出了第二版将近10%.

coolest-gadgets.com在为商品详情页面增加了亚马逊风格的“立刻购买”按钮后,销量翻了一倍。

amazon-button-conversion-user-experience-usability

视频 - 绝妙的武器

越来越多的购物网站开始在商品详情页面中添加视频,比起精致的照片图片,视频可以从更加实际的角度向用户展示商品,让用户感受商品的使用情景,或是了解其使用方法。

德国的自行车零售商Fahrrad.de在他们那个专门用来拍摄商品视频的工作室中邀请了各个品牌的销售代理,并请他们在视频中讲述各自品牌的优势。有些公司甚至派来了代言他们品牌的世界冠军。最后,他们将录制好的视频放在对应的产品详情页面中供用户观看参考,效果很棒。

视频未必需要达到工作室制作的专业级别。完全可以使用个人摄像设备进行拍摄,而且在效果上会比制作精良的广告片一样的视频让人觉得更加亲切真实,值得信赖。

可以尝试些新奇的概念和主意。eBags.com甚至为他们的商品视频建立了一个社区,用户可以为自己喜欢的视频投票。

用户评分与点评

在旅游方面,60%的用户会基于他们在线上了解的信息做出决策。他们会访问点评类型的网站,查找最合适的目的地及酒店。类似的站点还可以在电子消费及美食等方面看到。

这向我们提出了两个问题:

  1. 普通零售商的购物网站需要建立自己的评分系统吗?
  2. 怎样处理负面评价?

第一个问题的答案很简单。通常情况下的答案是“不”。原因有很多,首先,如果这样做,那么没有哪家零售商是可信的,消费者会认为那些评价和推荐都是商业手段。只有很大的能吸引足够多用户的购物网站才能建立起真正有价值的评分系统。足够多的用户可以保证评分与点评的客观性,同时评分也可以成为商品排序的方式之一。

第二个问题所能产生的后果是难以评估的。当负面评价出现时,比较明智的做法是将它保留在系统中,只要它不涉及违法的内容,就不要做删除一类的处理。这是个比较敏感的问题,涉及从零售商到供给商等一条商业链条上的共同利益。你可以将负面评价转达给客户或相关合作伙伴,在协商后共同处理或由相关环节的代表进行回应

pricegrabber-conversion-user-experience-usability

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 产品设计师、UX爱好者、译者、猫奴、音乐玩家。
评论 (16)
翻译得不错,非常好,而博主把这种设计带到自己的网站加以实践,很cool。 我就恨当时为什么不选计算机设计专业,毕业后才发现自己对web设计很着迷。。
多谢;我自己也不是设计相关专业,觉得这些方面的东西,最重要的还是着迷和有爱=D
那博主是如何走上设计这个行业的呢?呵呵。
瞎学瞎做玩票玩起来的;一些机缘方面的东西也蛮重要的,回头看看。
我也很喜欢博主的文章,也喜欢看外网的文章。博主方便推荐几个你经常关注的外网网站及关于用户体验比较好的书吗。多谢多谢了。
hi,我个人来说比较关注的大概有http://smashingmagazine.com, http://www.uxmatters.com, http://www.alistapart.com, http://http://www.uie.com/brainsparks等,还有Think Vitamin,Six Revisions一类。书籍方面印象比较深的估计也都是大伙熟悉的那些了,比如Don't make me think,用户体验要素,瞬间之美等等。
多谢博主。
最近经常关注博客的文章,翻译得很好,支持一下!另外想请教下提高英文翻译能力的办法,除了多练,还有没适合学习的网站之类的,谢谢~
hi,已经帮您删除掉重复提交的评论了。多谢支持,关于英文翻译的问题,我目前来说纯属玩儿票性质,实在不敢当“请教”二字。不大了解是否有这方面学习的网站,个人觉得最需要琢磨和把玩的,还是怎样将原文(尤其是长句子)进行更合理更“汉语”的本土化的问题。欢迎多交流=)
您见多识广,能不能多介绍几个设计得好的电子商务网站给我? 特别是那种单一产品,或者几个产品类型的。我找得很辛苦。
您太过奖了...说到单一或少量产品的、涉及一些电子商务方面的网站,我首先想到的是苹果官网...
放过苹果吧。 我做的是保健品类的产品。 科技类的不适合哇。我又没有设计能力。只能找一个来模仿了。
树立信任,注重信誉的打造。对于电商网站而言,增加风险提示,也许会在单个产品上降低下单率,但长久而言,用户对网站信赖感的提升,将会带来一笔又一笔的订单。
文章好专业!学习。
博主的文章都好专业啊,感觉需要对前端方面的知识多一些了解。
谢谢建议和支持=)欢迎多多交流