看完这篇文章,菜鸟也能打造超强用户体验的网站
15年的时候曾经写过一篇《不花1分钱,我是如何做到在1个月内提升10倍业绩的》文章,主要介绍了外部引流的一些策略和方法,这只是企业实现销售业绩目标的第一步。当把人引到你的网站后,怎么实现转化完成销售才是最为关键的一步。其实实现销售也很简单,只要让用户感觉爽,他越爽就越舍得掏钱。爽其实就是一种好的体验,从他来到你的网站到离开整个过程的一种良好心理感受。
那么怎么让你的网站有超强的用户体验呢?用户体验的方法论有很多,今天介绍一种简单易记的方法:别让我等,别让我想,别让我烦。
1.别让我等
用户的耐心非常有限。假如用户试图访问你的网站,那么你的网站最好能在10秒之内打开,如果超过这个时间,他就会放弃任务的执行。许多研究表明,用户最满意的打开页面时间是2秒以下。如果等待12秒以上,网页还没有载入,那么99%以上的用户会关闭这个网页。
如果你还觉得速度无关紧要,下面我们来看两个数字,google曾经做过的一个实验,显示10条搜索结果的页面载入需要0.4秒,显示30条搜索结果的页面载入需要0.9秒,采用后面一个方案的话,流量和收入各减少20%。我之前操作过一个案例,在优化了页面打开速度之后,网站跳出率从原来的73%下降到了35%,网站转化率提升1.3%,销售业绩也随之增长。
那么如何优化页面打开速度呢?下面干货来了。
1、减少HTTP请求数
用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,即HTML、CSS、JavaScript、Flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。
所以,想要提高网页打开速度,就要减少HTTP请求数,方法有3种:
1)减少不必要的HTTP请求,例如用CSS圆角代替圆角图片,减少图片的使用。
2)合并文件,对于文本文件,可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个,将多个CSS文件合并成一个。
3)优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。
2、使用CDN(Content Delivery Network,内容分发网络)
用户与你网站服务器的接近程度会影响响应时间的长短,把网站内容分散到多个、处于不同地理位置的服务器上可以加快下载速度。CDN由一系列分散到各个不同地理位置上的Web服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。现在市面上有很多第三方CDN产品,比如加速乐,安全宝等,可以根据公司的情况来选择。
3、压缩网页元素
网页中的每个元素越小,下载所需的时间就越少,这个很好理解。现在比较成熟和流程的压缩网页的方式,是通过Gzip,我自己的实操经验来看,一般可以将网页文本内容减少70%以上。
4、样式表放在网页head部分
把样式表(CSS文件)移到网页的head部分可以让页面尽快开始渲染,用户所感受的载入速度将会变快。
5、把JS文件放到网页底部
网页打开时,所有元素是顺序显示的。由于JS文件的特殊性,其相比其他元素来说,会加载的很慢,在JS文件下载完成之前,其他后面元素的顺序显示将被阻塞,因此把JS文件尽量放在底部,意味着内容能被快速显示。
6、把样式表和JS脚本放到外部文件中
尽管将样式表和JS脚本直接写入网页HTML中,可以减少外部文件调用数量,从而增加HTTP请求数。但是,这样做会增加网页的文件大小。综合来看,将样式表和JS脚本放到外部文件中,也许用户首次访问时会有点慢,但是后续在访问网站时,页面内容通过浏览器缓存来减少HTTP请求,从而达到快速显示的目的。
通过上面几点的操作,相信你的网站打开速度会有显著的提升。
网站打开速度越快,除了能提升用户的体验之外,还可以提升用户的信任度,如果一个网站半天打不开,用户就会觉得这是一个不靠谱的网站,自然也不会买你的东西。
现在如果你的网站打开速度超过10秒,是时候着手优化了,特别是投了广告的网站,辛辛苦苦花的钱,大部分都会被浪费掉,还不如花点钱提升网站的速度。
2.别让我想
懒惰是人性的重要组成部分,用户通常不喜欢被强迫进行思考或学习,如果你的网站不是唯一,那么用户很可能因为搞不懂而放弃使用。用户不懂但绝对不是他的错,他好不容易来到的网站,结果发现网页上一团糟,搞不懂这是干什么的,也懒得花时间去学习,于是只能XX你的网站走人。
好的网站是不会让用户去思考的,这就需要包装好你的网站,如何包装网站?请继续往下看!
1.logo
我们辨识一个人是谁,一般看他的脸就知道了。而网站的Logo就相当于人的脸,用户只要记住了logo,就会知道这是什么网站,无论浏览到网站中的任何一个网页,都能知道这是哪个网站在提供服务,一个好的logo会让用户的记忆更深刻。
2.是什么?
有了网站Logo,还要告诉用户,你的网站是提供什么服务的,是购物网站,新闻网站,还是理财网站。尤其是对于一个新网站,清晰的一句话介绍至关重要,这句话往往会放到logo的下方,用户看了会一目了然,不需要去猜你是干什么的。
3.带来什么好处
简单明了的告诉用户“我”能带来什么好处,一般是用一句话来表述,比如百度“百度一下,你就知道”,用很直白的方式告诉用户“我”能帮你找到问题的答案,简单易懂。
4.为什么要使用你的网站
现如今不管哪个行业竞争都非常激烈,同质化的产品越来越多,用户为什么要使用你的网站而不用别人的网站?这就需要打造网站的核心竞争力,什么是核心竞争力,我的理解是,竞争对手无法复制的服务或卖点才是核心竞争力,也就是只有你有,竞争对手没有的东西,这样自然就能留住用户。比如百度,他的核心竞争力就是搜索引擎技术,别人无法复制,所以他就能垄断中国的搜索引擎市场。
再比如海尔的服务,你只要打一个电话,马上就会有服务人员上门,帮您免费设计、安装、维护等,提供各环节的全流程服务模式。真正让普通百姓享受到星级服务,所以消费者心甘情愿地掏钱购买这些名牌产品,这也是他的核心竞争力。
下面我们通过以上四点来看下京东这个网站。
醒目的logo+“多·快·好·省”+正品行货,天天低价。
3.别让我烦
用户都是喜欢偷懒的,如果你的网站操作效率很低,就会令用户烦躁,进而导致不好的体验,甚至出现坏口碑。同时用户也是不喜欢被打扰的,如果打开你的网站总是不停的弹对话框或者小广告,而且有些网站广告关都关不掉或者关掉了,或者关掉没过几秒又弹出来,严重影响用户的浏览,有了一次不好的体验,用户也许永不再来。
那么针对用户喜欢偷懒的特点,我们在设计网站的时候就要考虑如何帮助用户偷懒提升用户体验。
目标信息要醒目
如何缩短完成路径,优化操作步骤是第一位的,因为我们首先要简化用户的任务。根据费茨定律,使用指点设备到达一个目标的时间与以下两个因素有关。
1.设备当前位置和目标位置的距离,距离越短,所用时间越短。
2.目标的面积,目标面积越大,所用时间越短。
通俗来说,就是如果我们希望用户注意或点击某个元素(如文字、图片、按钮等),那么这个元素就不应该距离指点设备的当前位置太远(比如出现在屏幕的右侧),并且它的面积要足够大。现在网站设计都追求“以大为美”,大大的LOGO,大大的图片,大大的按钮,它们不光看起来更有冲击力,也更方便用户的识别和点击。
将用户视线保持在一条直线上
用户在使用网站的过程中,眼球的运动时间通常比指点设备的运动时间更长,将用户的视线保持在一条直线上,是最常见的优化手段。如下图
用户的眼球运动为直线
温柔的提示方法
在用户完成任务的过程中,有时候需要给用户提供帮助和指引,很多网站常见的做法是采用弹出对话框的方式进行提示,用户需要关闭对话框才能继续自己的任务,降低了操作效率。但用户在完成任务的过程中遇到了障碍,如果在第一时间给予温柔的反馈,为用户提出合理的建议,例如我们在注册账号的时候,输入的用户名已经被使用的情况下,可以提升用户xxx用户名已经被使用,不过您可以使用以下用户名:xxx123,xxx128等等,用户自然会感到很贴心。
降低用户出错的机会
当用户出错的时候他会很烦躁,所以要尽可能的降低用户出错的机会。我们可以从以下几个方面来降低用户出错的机会。
1.自动:自动完成任务,或者出现错误的时候自动校正。
2.隔离:通过区域划分,禁止用户进入危险区域。
3.校验:利用形状、密码等进行校验,确保不会误操作。
4.顺序:将流程编号,依次执行。比如淘宝会根据交易进行的阶段提示用户进行相应的操作。
5.指引:通过形状、颜色等对用户进行有效的指引,让他不需要停下来想就知道接下来应该干什么。
6.警告:将不正常的情况通过文字、颜色、声音等媒介及时通知用户,提醒用户进行修正。
7.缓冲:利用各种方法减免差错带来的伤害。例如用户在写博客的时候可能会遇到网络故障、浏览器崩溃等原因导致博客内容丢失,抚平用户情绪的最佳方案就是对所建立的缓冲提供自动保存功能以帮助用户找回内容。
用户不能喜欢被打扰
我们可以想象下当用户正在阅读一篇文章,忽然飘出一个广告挡住了视线,他不得不停下来寻找关闭按钮来关闭这个广告,他会不恼火?如果在支付页面上出现这样的骚扰会怎么样呢?
除了功能性骚扰,视觉和听觉的骚扰也很常见。跑马灯一类的持续翻动效果很能吸引人,但是当用户将视线移,关注其他内容的时候,这种效果就会造成视觉上的闪烁,让用户分心并且烦躁。如果难以割舍这种信息更新的效果,间隔一段时间刷新一次的翻新效果会稍好一些。还有些网站提供背景音乐,但不一定每个用户都喜欢这些音乐,提供明显的静音按钮非常必要。
你的网站用户体验怎么样,可以通过以上三点来做检验,列出你网站中让你烦躁的3处体验,给出相应的优化方案并跟踪执行,持续的优化。相信你也可以打造一个良好用户体验的网站。相关内容》》》SEO优化-怎样提升网站的用户体验?
下一篇:门窗企业站实战SEO优化案例分析