文档章节

16种提升网页转化率的UI秘诀

王尘宇
 王尘宇
发布于 2017/09/06 23:49
字数 1248
阅读 0
收藏 0
点赞 0
评论 0
优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。 idea000  

1、单栏型式优于多栏

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

2、不要噼头销售产品

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

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

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

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

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

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

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

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

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

7、突显推荐方案

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

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

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

9、清楚阐述目标客群

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

10、肯定,避免犹豫不决

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

11、采用强烈对比

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

12、产品的诞生地点

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

13、表单问题越简单越好

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

14、别把选项藏起来

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

15、连贯顺畅的页面

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

16、不要分散焦点

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

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
网页设计师的职业发展

网页设计师的职业发展 导读: 网页设计师是每个网站不可或缺的角色,但确实有很多网页设计师会想,我们的职业成长空间如何呢? 网页设计师首先要熟悉网页制作流程,能独立完成各级页面设计,...

半饱即好 ⋅ 2014/05/08 ⋅ 0

20款非常棒的网站可用性测试工具

网站可用性是指用户能否有效地找到所需的信息或完成他的任务,效率如何以及是否让人有愉快满意的感受。如果网站可用性较差,会浪费用户的时间,大大降低网站的回头访问率,这对网站的生存是一...

mickelfeng ⋅ 2012/12/09 ⋅ 0

[Share]2008年国外最佳Web设计/开发技巧、脚本及资源总结

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等,有一些是曾经彬Go发表过的翻译文...

吞吞吐吐的 ⋅ 2017/10/05 ⋅ 0

数据分析技术白皮书-问与答(第2篇)

这个系列文章里,我会把多年来碰到过(或我回答过)的数据分析问题与答案分享出来给大家。 这是第2篇。 问4:电商网站一般转化率是多少?怎样界定转化率高还是低? 答: 我们假设转化率是1%。...

gordonchoi ⋅ 06/11 ⋅ 0

如何正确地使用漏斗分析,提升转化?| 技能卡片 No.3

看到每一个流失的用户离开的原因,就像失恋后的自我反省 漏斗分析最大的价值是什么呢?在于拆开了转化的黑盒子。 简单的漏斗工具,只能告诉你用户在哪一步流失了。有哪些行为路径,每个路径的...

张溪梦 Simon ⋅ 2017/08/23 ⋅ 0

迅雷付费用户从0到500万的真正秘诀... ...

为什么我要用上「价值观」这么厚重的字眼? 我跟同行交流时,往往一说到「我是做运营」的时候,就被误解了,而且被误解得很深。 他们会问「刚出了个产品,帮忙想个推广方案」; 他们会问「我...

小晨 ⋅ 2015/05/17 ⋅ 0

独角兽Duolingo是如何用A/B测试增长到2亿用户的?(一)

Duolingo(多邻国)是一个免费为全球用户提供外语教育的公司,至今他们已有2亿活跃用户,提供超过40种语言的教育课程。通常情况下,负责Duolingo增长的副总裁Gotthilf的团队至少有5个以上的A...

冠诚 ⋅ 2017/08/30 ⋅ 0

Kendo UI常用示例汇总(二)

<Kendo UI Professional试用版下载> Kendo UI Professional 提供开源和商业两个版本。开源版 Kendo UI Core,有40+个框架和组件;商业版整合了之前的Kendo UI Web、Kendo UI Mobile 和 Kend...

Miss_Hello_World ⋅ 2016/03/18 ⋅ 0

Evince 3.8.0 发布,多格式文档浏览器

多格式文档浏览器 Evince 发布了 3.8.0 版本,该版本对 UI 进行重新设计,符合 GNOME 3 的风格;使用 libsecret 代替 libgnome-keyring;字体属性对话框可显示非嵌入式字体是否为 14 种标准字...

oschina ⋅ 2013/03/28 ⋅ 0

前端seo注意事项!

文章当中最好需要出现一个网站核心关键词 所谓的网站核心的关键词就是指与网站内容相关性比较高并且是比较受欢迎的关键词,当然还有相当高的转化率 2. 文章标题当中需要出现关键词。 关键字在...

羊皮卷 ⋅ 2016/11/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JAVA RMI

什么是JAVA RMI Java RMI (Remote Method Invocation) 远程方法调用,能够让客户端像使用本地调用一样调用服务端 Java 虚拟机中的对象方法。RMI 是面向对象语言领域对 RPC (Remote Proced...

saulc ⋅ 32分钟前 ⋅ 0

Linux系统工程狮养成记

如今的社会,随着时代的发展,出现了很多职业,像电子类,计算机类的专业,出现了各种各样的工程师,有算法工程师,java工程师,前端工程师,后台工程师,Linux工程师,运维工程师等等,不同...

linux-tao ⋅ 42分钟前 ⋅ 0

进入编辑模式 vim命令模式 vim实践

1.

oschina130111 ⋅ 42分钟前 ⋅ 0

mysql用户管理、常用sql语句、mysql数据库备份恢复

1. mysql用户管理 mysql默认有一个root超级管理员账户,实际工作环境中不可能每个人都用此root权限,防止误操作、误删除,可以给单独的用户进行授权。 Mysql创建用户以及授权: grant all on...

laoba ⋅ 42分钟前 ⋅ 0

类型后面三个点(String...)和数组(String[])的区别

类型后面三个点(String…),是从Java 5开始,Java语言对方法参数支持一种新写法,叫可变长度参数列表,其语法就是类型后跟…,表示此处接受的参数为0到多个Object类型的对象,或者是一个Obj...

流氓兔- ⋅ 48分钟前 ⋅ 0

JEPLUS表格组件之表格合并——JEPLUS软件快速开发平台

JEPLUS表格组件之表格合并 我们在列表配置时会遇见这样的一种情况,需要对个人的数据进行统一化,对一些数据进行归类,这样展示出来美观又直观,在这篇笔记中我来给大家介绍下如何配置出来专...

JEPLUS ⋅ 49分钟前 ⋅ 0

golang 并发中全局唯一操作

package main// go 携程共享 数据// 加锁解锁操作// 同步锁import ("sync""fmt")// 创建Once结构var once = sync.Once{}func computed(data *int, lock *sync.Mut...

304158 ⋅ 50分钟前 ⋅ 0

Mobx入门之二:asynchronous actions

这一节主要看mobx怎么实现asynchronous actions 1 要实现的demo功能 输入地名,查询天气,利用openweathermap api 2 思想 observable观察数据:location地点、temperature温度 observer响应式...

pengqinmm ⋅ 53分钟前 ⋅ 0

【2018.0620学习笔记】【linux高级知识 13.4-13.6】

13.4 mysql用户管理 创建用户并授权: grant all on *.* to '用户名'@'ip' identified by '密码' //all是操作权限,*.*是库.表,指定格式是'用户名'@'localhost'才能用socket登录本地 gra...

lgsxp ⋅ 今天 ⋅ 0

Java强弱引用示例

package jdk;import java.lang.ref.PhantomReference;import java.lang.ref.ReferenceQueue;import java.lang.ref.SoftReference;import java.lang.ref.WeakReference;public ......

月下狼 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部