想要提高网页转换率?试试这16 个UI 秘诀

  优异的使用者介面

  (user interface,UI)让使用者用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍

  1,而这份清单仍在继续累积,有兴趣的读者可以订阅他的电子报,随时获得最新的UI秘诀。

   单栏型式优于多栏

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


  不要劈头销售产品

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


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

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


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

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


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

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


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

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


  突显推荐方案

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


  善意提醒vs. 突兀确认

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


  清楚阐述目标客群

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


  肯定,避免犹豫不决

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


  采用强烈对比

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


  产品的诞生地点

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


  表单问题愈简化愈好

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


   别把选项藏起来

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


   连贯顺畅的页面

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


   不要分散焦点

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


  原文出处: Jakub Linowski

  译文出处: Inside

时间: 2024-12-21 20:52:33

想要提高网页转换率?试试这16 个UI 秘诀的相关文章

受欢迎网站的前提提高网页打开速度

  关于受欢迎网站用户体验的方法论有很多,最基本的:别让我等!!提高网页打开速度. 为什么迅雷在下载软件中独树一帜?为什么越来越多的用户在低画质的视频网站上在线观看连续剧,而不是下载更清晰的视频文件?答案是:用户的耐心非常有限,用户对速度的追求远远超过了对画质等因素的追求. 回到网站运营问题上,你是否有在全国各地都测试过,访问打开你的网站需要几秒? 曾有很多研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来,我列

从文字着手 切实提高网页用户体验

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如今百度越来越重视用户体验这已经是一个不争的事实,一个网站如果想要获得高质的流量以及较低的跳出率,就必须重视用户体验,这也就是为什么网页用户体验优化成为SEO必须掌握的技能之一.可是有些站长会说自己也知道用户体验的重要性,但是却不知道该从何下手,仅仅是做好网站的内链以及开设几个订阅按钮吗?当然这也是其中的一些方法,笔者也是赞同的,不过,大家要

提高网页设计师的工作的价值的5个方法

网页制作Webjx文章简介:5种提高网页设计师价值的方法. 曾经作为独立的设计师工作过,深刻体验过国内设计行业市场的种种恶劣环境,低价竞争,套模板欺骗客户,抄袭现象,欺负客户不明真相等现象,真是深恶痛绝,在这样的恶劣环境下,设计师们怎么会有好作品的出现?恰巧看到篇<5 Ways to Add Value to Your Work as a Web Designer>,正是讲的是此情况,所以特地将里面的5个方法直接提取过来,希望同行们能够互勉.若能体会原汁原味请点击下面查看原文. 1. 停止恶劣

营销型网站如何提高用户“转换率”

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在正式开始分享本人的"愚见"前先说下什么叫"转换率",本人对此概念的理解是从一个IP转换成一个客户.众所周知,营销型的网站主要是在个人或者行业的网站上出售跟目标关键词相关的产品获利为主.目前很多的厂家都已经看到了网络营销所带来的用户量,所以很多的厂家都选择了制作自己的个人网站并进行优化推广,为的就是抓住

提高网页eCPM的技巧(Google Adsense)

google|技巧|网页|ecpm|adsense 不要抱怨Adsense的中文单价过低,提高Adsense收入的关键在于你自己而不是Google,要多学习Adsense的常用技巧,如果优化的比较好,Adsense能够带来的收入绝对不是一个小数字. Google Adsense的eCPM(Effective CPM)是Google Adsense的一个非常重要的参数,根据这个参数,你可以分析出Google AdSense在你网站投放广告的效果,并针对性地进行优化.调整广告,进而来提高收入. 那么

利用JS延迟加载百度分享代码,提高网页速度

发现很多网站在放置百度分享代码的时候,简单的将分享代码放置到固定的网页位置就完事了,这是非常致命的方式.因为,我经常打开一个网页的时候,发现在网页加载到分享代码的时候,有时候花上几秒的时候来请求百度的服务器,最后展示分享按钮. 其实,像这样对网页来说不是非常重要的功能,我们大可以用JS来延迟加载,从而提高网页主要内容的快速加载显示. 这里分享下我的放置方式.一.copy百度分享代码,如下: 复制代码 代码如下: <!-- Baidu Button BEGIN --> <div id=&q

如何提高网页加载速度

1.减少页面请求: 从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少. 之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀.然来这样做减少浏览器的请求次数,用httpwatch你会发现请求的总时间大大减少了.同样的想法,在做css样式,JavaScript代码的时候也要做到尽可能的放在一个文件下来减少WEB请求. 2.页面压缩技术,给我们js

网站分析:通过本地托管ga.js文件提高网页性能

中介交易 SEO诊断 淘宝客 云主机 技术大厅 Google Anlytics 分析代码是异步加载的,一般来讲不会影响网页性能,但是技术部的网页性能报告里老是提到ga.js的状态为Aborted,说明ga虽然是异步跟踪,但某些情况下对网页性能与加载时间确实存在影响.Google分析代码到底会不会影响网页性能?本地托管ga.js是否可行?本文提供本地服务器托管ga.js的基本思路与实现方法. Google Anlytics 分析代码是异步加载的,一般来讲不会影响网页性能,但是技术部的网页性能报告里

雅虎:13条技巧提高网页速度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 a网页打开速度,是网站做SEO的一个重要方面,包括搜索引擎本身也会对自己的网页考虑这个问题: 最近,雅虎的Exceptional Performance团队在其开发者网络上提出了提高网页打开速度的13条规则,其中包括"减少http请求",避免网页转向"等 具体内容如下: 1.减少http请求 2.减少多媒体,图片