怎么提升网页转化率

  优异的用户界面可以让用户用得开心并且顺利,从而提高转化率(conversion rate),换句话来说,好的 UI 在使用与销售层面上可以同时取得成功。本文整理了16点优化用户界面的方法,希望对大家有些帮助。

  1、单栏型式优于多栏

  单栏型式可以让你更能掌握自己的内容,从顶部到底部,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称 CTA,意指下载或消费等目的);而多栏可能会导致读者分心。

  2、不要噼头销售产品

  「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。

  3、统一相似的功能,避免支离破碎的 UI

  浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况,不妨考虑重新设计 UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。

  4、使用者见证或提出销售实据

  「社会认同」(social proof)是刺激转化率很好的策略,自己再怎么天花乱坠终究只是自吹自擂,请使用者见证或数字实据才有效。

  5、主要目的请反覆强调,别只提一次

  希望使用者点击的连结或按钮(比如购买或下载),别只出现一次,可以考虑放在单栏网页的顶端与底部,或在多个页面呈现。

  6、清楚区别叁种功能性(可点击、已点击、纯文字)元素

  可点击的元素(连结、按钮)、已点击的元素、纯文字叁者彼此应该以颜色、深度或对比等各种设计技巧清楚区隔,让使用者浏览网站畅行无阻。例如左图,蓝色字体是连结,黑色字体是使用者点击的选项,或者是使用者正在浏览的页面。

  7、突显推荐方案

  如果服务有多种选择,请把最推荐的方案强调出来,如左图就将「product X」特别放大,Y、Z 缩小。

  8、善意提醒 vs. 突兀确认

  如果使用者更改了某个选项,用一行文字提醒他们可以「復塬」就好,无需大费周章设计「再次确认」的跳出视窗。因为多数时候使用者的动作都具有意识,后者太突兀,可能让使用者觉得被纠正而产生被冒犯的感觉。

  9、清楚阐述目标客群

  描绘适合使用你服务或产品的客群,可以连结到更多相似特质的人,同时也让他们感受自己的独特性。

  10、肯定,避免犹豫不决

  语气应该直接且肯定,优柔寡断是大忌,讯息中如果出现「也许……」、「有趣吗?」、「想要吗?」等疑问字眼,在显示自信与强调权威上可能还有进步空间。

  11、采用强烈对比

  CTA 应该与众不同。运用色调、深度、互补色等方式,将 CTA 跟其他网页元素区隔开来。

  12、产品的诞生地点

  说明你、你的产品或服务来自何处,就像在自我介绍一般,赋予人性化的亲切感受,而且强调产地或许也会带来品质保证的效果。

  13、表单问题越简单越好

  註册表单太杂,使用者往往容易不耐烦而半途放弃,问题尽量少而精简。

  14、别把选项藏起来

  下拉式选单虽然不佔空间,但却让选项更难被察觉。适合下拉式选单的问题是可预测性的或者人人皆很熟悉的时间(如出生日期)或地理位置,跟产品或服务有关的重要问题选项,最好并列在页面明显的位置上。

  15、连贯顺畅的页面

  不要让使用者产生「已经捲完页面」而实际上根本还未看到底部的错觉。制造一种视觉型式或节奏,令使用者得以顺利浏览完整个页面,才不会白费苦工。

  16、不要分散焦点

  如果你的网页唯一目的是要触发使用者捲到底部时「采取行动」,那中间安插的任何连结都可能导致他们分心,甚至将他们带离你的网站,因此必须小心谨慎的安排连结数量与位置。

时间: 2025-01-01 18:53:57

怎么提升网页转化率的相关文章

优异的网站用户界面 16种提升网页转化率的UI秘诀

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢.本文整理了16点优化用户界面的方法,希望对大家有所帮助. 1.单栏型式优于多栏 单栏型式让你更能掌握自己的内容,从顶部到底部一气嗬成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称 CTA,意指下载或消费等目的);而多栏反而可能导致读者分心. 2.不要噼头销售产品 「略施小惠」给使用者,贩卖的意图不要设计得太明显.小小的优惠或礼物,

优化网页转化率的技巧

--–Facebook.Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货--- 提要:千万不要将所有建议照单全收,做出一个四不像网站.你应该将此看作测试网站的技巧工具箱,了解对你的产品与用户而言使用这些技巧的优点与缺点何在,以及如何使它们符合你的宏观产品愿景. "优化注册转化率"这个话题可以扯出一本百科全书的篇幅来.因此我会花大量笔墨来阐述.在此先提醒你们,这将是一篇长文..(译者注:差不多等于一章书了,所以拆分成上中下三篇) 我认为优化注册转化率

如何优化网页转化率?(中篇):表单的优化

中介交易 SEO诊断 淘宝客 云主机 技术大厅 --–Facebook.Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货--- (接上篇) 7. 图片使用 增加图片可能会降低转化率.我做过几次A/B测试,发现主页的可点击图片会降低总注册量(甚至计算30天内回访也是如此,已排除先前访问数据).我觉得Pinterest知道这个道理,所以不会让用户在诸如"申请邀请码"页面(http://pinterest.com/landing/)跳过关键动作. 注意页

如何优化网页转化率?(上篇):站内转化率优化

中介交易 SEO诊断 淘宝客 云主机 技术大厅 --–Facebook.Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货--- 提要:千万不要将所有建议照单全收,做出一个四不像网站.你应该将此看作测试网站的技巧工具箱,了解对你的产品与用户而言使用这些技巧的优点与缺点何在,以及如何使它们符合你的宏观产品愿景. "优化注册转化率"这个话题可以扯出一本百科全书的篇幅来.因此我会花大量笔墨来阐述.在此先提醒你们,这将是一篇长文..(译者注:差不多等于一章书

测试网站的技巧工具箱 如何优化网页转化率?(上篇)

中介交易 SEO诊断 淘宝客 云主机 技术大厅 --–Facebook.Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货--- 提要:千万不要将所有建议照单全收,做出一个四不像网站.你应该将此看作测试网站的技巧工具箱,了解对你的产品与用户而言使用这些技巧的优点与缺点何在,以及如何使它们符合你的宏观产品愿景. "优化注册转化率"这个话题可以扯出一本百科全书的篇幅来.因此我会花大量笔墨来阐述.在此先提醒你们,这将是一篇长文..(译者注:差不多等于一章书

数据分析提升电子商务转化率

消费者网上购物的平均时间,拿去年的6月跟今年的6月比较,从20分钟减少到了17分钟.另一方面,客户停留在网站上的时间减少的同时,多数电商的转化率只有0.5%左右. 在注意力越来越分散的今天,99.5%的客户是流失掉的,电商要如何去了解这群客户的购物行为特征,并且使之转化为订单量. 困境:客户停留时间在减少 时间是一个很稀缺的资源 对于电商来讲,人均浏览网页的时间,就是正在变得稀缺的竞争资源. &http://www.aliyun.com/zixun/aggregation/37954.html&q

如何通过预加载器提升网页加载速度

预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措.Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能有20%的提升. 它并不是一门新技术,有人认为只有 Chrome 才具备这个功能.也有人认为它是有史以来提升浏览器性能最有效的方法.如果你第一次接触预加载器,也许心中已经有了无数个问号.什么是预加载器?它是如何提升浏览器性能的? 首先需要了解浏览器是如何加载网页的 一个网页的加载依赖于脚本文件.CS

125个提升网页可用性的优化小技巧(四)

  往期回顾: <有图有案例!125个提升网页可用性的优化小技巧(一)> <有图有对比!125个提升网页可用性的优化小技巧(二)> <有图有案例!125个提升网页可用性的优化小技巧(三)> 尽可能兼顾不同用户的知识和技能水平 用户可能是新手.专家或介于两者之间,要根据用户情况设计界面. △ 使用适当的新人引导(四种主要的新人引导策略) 这四种用法刚好可以用一个2*2的矩阵来表示.根据下方图示选择最适合你界面的方式: △ 为新手用户添加提示而不干扰专家用户 △ 使用卡片分

125个提升网页可用性的优化小技巧(三)

  往期回顾: <有图有案例!125个提升网页可用性的优化小技巧(一)> <有图有对比!125个提升网页可用性的优化小技巧(二)> 除了引导用户,还要减少他们的认知流程,以保持流畅状态. 尽可能少让用户做计算 千万别把计算这种事情丢给用户,让计算机来处理. △ 显示剩余数量 在界面内体现用户当前所处位置 界面就像机场,如果没有"你在这里"的标记,用户会迷路,因此记得提供标记. △ 在导航菜单上突出当前所选 △ 在复杂的界面中提供面包屑导航或步骤图示 △ 在页面标