• 如何通过改善用户体验来提高网站的转化率
    时间:2012-03-04   作者:C7210   出处:beforweb.com

    对电子商务网站来说,可用性和用户体验的改善,对转化率的提高是有显著效果的。所谓的改善,不仅包括更好的视觉效果与内容架构,更重要的是,怎样以更专业化的、让人信赖的方式在正确的时间传达正确的信息,与潜在客户进行有效的沟通。   通过本文,你将了解到,为产品创建着陆页面时需要注意哪些涉及用户体验和可用性方面的因素,包括怎样使用户的注意力集中在最重要的信息上,以及怎样通过视频、用户打分等方式,有效提升转化率。

      专业化、可信赖的视觉风格及体验

      “保持简单”确实是良好可用性的重要体现。有些方法原则是我们已经熟悉的,比如通过合理的设计与正确的文案,使链接能在最短的时间内向用户展示最准确的含义;保持网站结构的可预见性;针对用户的操作,提供清晰明确的状态回馈信息等。简单且有效的体验,可以使用户感到愉悦,并减少误操作。

      这些方法固然可以帮助用户更好的浏览和使用网站,但对提升转化率、扩大销量等方面来说,并没有很直接的推动作用。而且在很多时候,“简化”的设计思路会与销售和市场等方面的因素产生冲突。所以,对于电子商务方面的网站,还有一些更“专业”化的指导原则需要我们去理解和遵循。

      树立信任,注重信誉的打造 互联网的一些事

      专业化的、让人信赖的视觉设计风格,对网站信誉的打造起着至关重要的作用。通常情况下,人们会对“在线购物”持有谨慎态度,尤其是在他们所不熟悉的购物网站中。所以首先要保证的就是让我们的网站看上去足够可信。以inkd.com为例,在视觉方面,通过对网格布局及其他一些设计原则的正确使用,即保持了内容的简洁可读,又塑造了专业可信的形象。 互联网的一些事

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

      符合用户心智模型的功能及信息架构,也是提升可信度的重要因素。一定要确保用户在使用网站的过程中有充分的控制权。对于有经验的用户来说,他们可能会更多的使用搜索功能来快速寻找想要的产品,并且,通常还会对搜索结果做进一步的筛选和排序。而相对新手一些的用户可能更喜欢直接在首页就能看到产品的简介,或是更倾向于使用网站提供的导航菜单来寻找商品。

      要保证流程的连贯性,并符合用户预期。当用户在商品索引页面点击某商品时,接下要来进入的必须是商品详情页;除非用户主动从详情页面中跳出,否则接下来的流程将是购物车或结算相关页面。顺便说一句,最好同时向用户提供“放入购物车”和“购买并结算”这两种功能,因为当用户只买一种商品的时候,“放入购物车”的功能只会增加一步没有必要的操作,而且会增大用户取消购买的几率。

      在正确的地方传递正确的信息

      在网购流程中,有大量的相关信息需要向用户呈现,通常包括商品本身、物流、支付方式及风险提示、隐私声明等方面。必须按照优先级对这些信息进行合理的排序,并在合理的步骤中显示。

      例如,在用户进行购买行为之前,要向他们提供支付方式、隐私声明等相关的信息,确保用户不会因为信息的缺失而产生顾虑,甚至取消购买。在网购流程中的每个环节里面,用户都有可能产生各种疑虑和问题。要做好用户研究,在有可能产生问题的地方,以尽量突出的方式提供准确的答案或辅助信息。

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

      正确的使用图形元素来引导用户 互联网的一些事

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

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

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

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

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

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

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

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

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

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

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

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

      视频 – 绝妙的武器

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

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

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

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

      用户评分与点评

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

      这向我们提出了两个问题: 互联网的一些事

      1. 普通零售商的购物网站需要建立自己的评分系统吗?

      2. 怎样处理负面评价?

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

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

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

    网友留言/评论

    我要留言/评论

    相关文章

    Windows 8 的 50 个应用小技巧集锦:Windows 8消费者预览版(Consumer Preview)Build 8250已经发布,这一版本已经是比较成熟的版本,安装体验的朋友相信一定不少,下面就给大家提供一些相关应用小技巧,希望可以让大家体验 Windows 8各项功能的时候更为方便一些。
    关于手机网站开发的一些总结:由于硬件、系统、网络等等限制,手机网站不同于普通网站开发,本文列举一下手机网站开发的总结。
    10款帮助你设计超酷响应式布局的jQuery插件:如果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇。 相对于传统的页面设计来说,今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战,因为随着硬件的更新,新设备的出现,你需要能够 使得你的网站能够针对不同的设置做出最好显示响应。最初这个名称来自于Ethan Marcotte的文章“Responsive Web Design”,设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为,并且及时的做出响应。现在的响应式设计中,我们网站也针对不同的设备的显示尺寸来有效的改变页面布局和样式。如果大家使用过jQuery mobile网站API文档的话,你可以看到它也是用了响应式设计的模式,如果你使用浏览器浏览文档,如果你变化你的浏览器尺寸,显示的内容也会根据浏览器尺寸变化。
    25 个精美的后台管理界面模板和布局:任何系统都会有一个管理后台,好看的管理后台看起来赏心悦目,管理的时候心情也舒畅,本文给大家推荐 25 个制作精美的后台管理界面的模板和布局,你值得拥有。
    提升移动Web性能表现的四个建议 - Google官方开发指南:移动浏览器上的页面布局与桌面浏览器有着显著的差异,所以,想要在移动设备上开发出优秀的浏览器,有些注意事项是需要开发者事先了解的。对于如何在移动设备上开发出高性能、体验良好的web应用,Google网络管理员Jeremy Weinstein给出了几点技术和非技术方面的建议。
    2012年最新的25个精彩的WordPress主题下载:WordPress作为功能极其强大的博客系统,已经成为主流 blog的搭建平台,他们拥有世界上最强大的插件和模板。国外某网站分享了2012年最受欢迎的25个WordPress模板,包括个人博客,摄影网站以及企业社区等主题,其中是否有你喜欢的。
    HTML5: 10 个顶级使用 CSS3 动画的网页:目前已经有很多的开发者开始使用 CSS3 和 HTML5 技术来开发各种应用,下面是我们列出了 10 个惊艳的使用 CSS3 动画的网页,望对大家有所帮助。
    网站建设前期分析、功能定位和技术方案:网站建设前期分析、功能定位和技术方案
    IOS开发者创建应用前需要知道的8件事:苹果移动应用商店的魅力显而易见,很多开发者已经冲在前面,并早已发布自己的移动应用。作为只有创意却不会编程、不懂设计的普通人,如果想要开发自己的iOS应用,需要先了解些什么呢?流行iOS应用Cloth的创建与维护者Seth Porges,结合自己的一些经历,给出如下观点。
    防止浏览器假死的方法 - HTML 5 Web开发:在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了。针对这种情况如何控制?请看下文。