如何快速提高网站用户体验之3大绝招:快、准、狠,好

蓦然回首
蓦然回首

发布于 2017-08-10 12:17

18 浏览
0 评论

  如何快速提高网站用户体验之3大绝招:快、准、狠


  今天,吕杭泽就给大家分享一篇即使是新手菜鸟也会做好的快速提高用户体验的文章。不信?你就看下去!


  流量的重要性,相信大家都明白!网上也有成千上万的教程,引导大家如何做好网站的引流工作,可是我们最终的目的不只是将用户引导进来而已,更重要的是怎么留住用户,才是我们引流的目的。因此,大家在引流时千万不要为了引流而引流,千万不要忽视了网站用户体验的建设!


  今天,吕杭泽就给大家分享一篇关于如何快速提高用户体验的文章。相信看了本文,即使你是新手菜鸟,也明白如何做好网站的用户体验了!不信?你就看下去!


  关于用户体验,这其实也是个老生常谈的问题了。到底什么样的网站才是真正的好网站?怎么样布局才能真心的打动用户,让他们喜欢呢?别着急,吕杭泽告诉你,做好用户体验其实就是坚持做好这3个绝招:快、准、狠!


  绝招一:快


  每一个用户都是我们努力引流的结果,千万不要让用户在打开你网站时,半天打不开。一般情况下PC端网站10秒内没打开,移动端3秒内没打开,用户基本上都会直接关掉。况且现在随着移动端超越PC端,搜索引擎也对网站的打开速度有了一定的要求,这一点相信大家都能理解。吕杭泽建议,最好让我们的网站PC端能在3秒内打开,移动端能在1秒内打开,这样才有利于抢占先机。


  说了这么多,可能大家会觉得是废话,其实不然。我们来看两个数字,google曾经做过的一个实验,显示10条搜索结果的页面载入需要0.4秒,显示30条搜索结果的页面载入需要0.9秒,采用后面一个方案的话,流量和收入各减少20%。而且百度也在移动端的优化指南中明确规定了:网站打开速度过慢是不利于网站排名的。(关于百度官方的移动优化指南,详见《【大拿分享】百度移动友好度标准V1.0,SEOer都嗅到啥?》一文的相关介绍)


  如何优化网站的打开速度呢?干货来了哦。


  1、减少HTTP请求数


  用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,即HTML、CSS、JavaScript、Flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。


  所以,想要提高网页打开速度,就要减少HTTP请求数,方法有3种:


  A、减少不必要的HTTP请求,例如用CSS圆角代替圆角图片,减少图片的使用。


  B、合并文件,对于文本文件,可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个,将多个CSS文件合并成一个。


  C、优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。


  2、使用CDN加速(Content Delivery Network,内容分发网络)


  用户与你网站服务器的接近程度会影响响应时间的长短,把网站内容分散到多个、处于不同地理位置的服务器上可以加快下载速度。CDN由一系列分散到各个不同地理位置上的Web服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。现在市面上有很多第三方CDN产品,比如百度云加速、360加速、加速乐、安全宝等,可以根据公司的情况来选择,个人的话建议选择百度云。


  3、压缩网页元素


  网页中的每个元素越小,下载所需的时间就越少,这个很好理解。现在比较成熟和流程的压缩网页的方式,是通过Gzip,我自己的实操经验来看,一般可以将网页文本内容减少70%以上。


  4、样式表放在网页head部分


  把样式表(CSS文件)移到网页的head部分可以让页面尽快开始渲染,用户所感受的载入速度将会变快。


  5、把JS文件放到网页底部


  网页打开时,所有元素是顺序显示的。由于JS文件的特殊性,其相比其他元素来说,会加载的很慢,在JS文件下载完成之前,其他后面元素的顺序显示将被阻塞,因此把JS文件尽量放在底部,意味着内容能被快速显示。


  6、把样式表和JS脚本放到外部文件中


  尽管将样式表和JS脚本直接写入网页HTML中,可以减少外部文件调用数量,从而增加HTTP请求数。但是,这样做会增加网页的文件大小。综合来看,将样式表和JS脚本放到外部文件中,也许用户首次访问时会有点慢,但是后续在访问网站时,页面内容通过浏览器缓存来减少HTTP请求,从而达到快速显示的目的。


  通过上面几点的操作,相信你的网站打开速度会有显著的提升。


  网站打开速度越快,除了能提升用户的体验之外,还可以提升用户的信任度,如果一个网站半天打不开,用户就会觉得这是一个不靠谱的网站,自然也不会买你的东西。


  现在如果你的网站打开速度超过10秒,是时候着手优化了,特别是投了广告的网站,辛辛苦苦花的钱,大部分都会被浪费掉,还不如花点钱提升网站的速度。


  绝招二:准


  从某种意义上说,用户都是懒惰的,因为他们当他们点击进你网站时,肯定是被你网站某一因素所吸引。比如某一知识点、某一笑点、某一故事... ...当他们来了之后需要的是立即了解想要看的东西,而不是各种思考、学习你的网站怎么操作使用,或者说在满屏幕用户不希望看到的东西中找那么一点点需求点。有的站长喜欢将网站整的很炫酷,功能很高端,结果用户不知道该点哪里;也有的网站已进入之后就是各种弹窗广告,或者说各种垃圾信息,结果用户想看的东西反而找不到了,这样的页面有何意义呢?面对这样的网站,我相信99%的人只会进行一个操作,关掉!


  好的网站是代替用户思考,直接给他们想要的东西,然后在做好网站布局,给他们舒适、温馨的体验感的同时,给他们推荐更多他们想了解的内容。那么如何做好网站的布局,给他们舒适感呢?请看下去:


  1、LOGO标识


  LOGO对于一个网站而言,其实相对于人的脸。用户记住了LOGO就记住了你的网站名称,就记住了你的网站!一个好的LOGO能给用户留下好的第一印象,至于什么是好的LOGO,吕杭泽认为不需要太花哨,只要简单明了,能让用户一眼明了,并有自己的特色,就足以!


  2、网站是做什么的?


  当我们做好网站LOGO之后,还需要告诉用户我们的网站提供什么服务?是商城站?还是教程站?是新闻网站?还是理财培训网站?特别是新站,最好能有一个明确的方向,而不是一打开网站什么都有,感觉太过于杂乱!记住,没有强硬的实力,就不要贪大求全!


  3、网站能给用户好处?


  在网站中简单明了的告诉用户,我们的网站能给他们带来什么好处?一般都是依据话表述,比如百度的“百度一下,你就知道”,用很直白的方式告诉用户:我能帮你找到问题的答案,简单易懂。


  4、告诉用户为什么要使用我们的网站!


  现如今不管哪个行业竞争都非常激烈,同质化的产品越来越多,用户为什么要使用我们的网站而不用别人的网站呢?这就需要打造我们网站的核心竞争力了。什么是核心竞争力?吕杭泽认为:核心竞争力就是独一无二,或者说就是“人无我有,人有我优”!这就是核心竞争力,也才是我们制霸众多对手的关键!


  还是举个百度的例子:百度搜索引擎,为什么百度能在国内搜索市场独占鳌头?就因为他的搜索技术牛B,所以他才是老大。


  说了半天理论,我们来看看下案例。京东在国内电商的实力,不用说了吧。我们看下京东的首页


  左上角是醒目的LOGO “多·快·好·省”,LOGO之下则是各种商品分类,品种齐全,中间是搜索框与推荐栏目、banner,右侧则是京东新闻与常用的快捷方式... ...操作简单、介绍明了。


  绝招三:“狠”


  此“狠”非彼“狠”,大家切莫理解错了。从某种意义上来说,用户是懒惰的,喜欢能直接找打袭击想要的内容,而不是各种翻找。当网站给用户不好的体验之后,可能导致用户不再信任我们的网站,以后不再回访了。


  针对用户的这种习惯,吕杭泽建议我们在设计网站框架时就要考虑到如何提高用户体验,提升网站的效率。


  1、目标信息要醒目


  如何缩短完成路径,优化操作步骤是第一位的,因为我们首先要简化用户的任务。根据费茨定律,使用指点设备到达一个目标的时间与以下两个因素有关。


  A、设备当前位置和目标位置的距离,距离越短,所用时间越短。


  B、目标的面积,目标面积越大,所用时间越短。


  通俗来说,就是如果我们希望用户注意或点击某个元素(如文字、图片、按钮等),那么这个元素就不应该距离指点设备的当前位置太远(比如出现在屏幕的右侧),并且它的面积要足够大。现在网站设计都追求“以大为美”,大大的LOGO,大大的图片,大大的按钮,它们不光看起来更有冲击力,也更方便用户的识别和点击。


  2、将用户视线保持在一条直线上


  用户在使用网站的过程中,眼球的运动时间通常比指点设备的运动时间更长,将用户的视线保持在一条直线上(通常用竖线),是最常见的优化手段。如下图


  用户的眼球运动为直线


  3、温柔的提示方法


  在用户完成任务的过程中,有时候需要给用户提供帮助和指引,很多网站常见的做法是采用弹出对话框的方式进行提示,用户需要关闭对话框才能继续自己的任务,降低了操作效率。但用户在完成任务的过程中遇到了障碍,如果在第一时间给予温柔的反馈,为用户提出合理的建议。例如,我们在注册账号的时候,输入的用户名已经被使用的情况下,可以提升用户xxx用户名已经被使用,不过您可以使用以下用户名:xxx123,xxx128等等,用户自然会感到很贴心。


  4、降低用户出错的机会


  当用户出错的时候他会很烦躁,所以要尽可能的降低用户出错的机会。我们可以从以下几个方面来降低用户出错的机会。


  ①. 自动:自动完成任务,或者出现错误的时候自动校正。


  ②. 隔离:通过区域划分,禁止用户进入危险区域。


  ③. 校验:利用形状、密码等进行校验,确保不会误操作。


  ④. 顺序:将流程编号,依次执行。比如淘宝会根据交易进行的阶段提示用户进行相应的操作。


  ⑤. 指引:通过形状、颜色等对用户进行有效的指引,让他不需要停下来想就知道接下来应该干什么。


  ⑥. 警告:将不正常的情况通过文字、颜色、声音等媒介及时通知用户,提醒用户进行修正。


  ⑦. 缓冲:利用各种方法减免差错带来的伤害。例如用户在写博客的时候可能会遇到网络故障、浏览器崩溃等原因导致博客内容丢失,抚平用户情绪的最佳方案就是对所建立的缓冲提供自动保存功能以帮助用户找回内容。


  5、用户不喜欢被打扰


  我们可以想象下当用户正在阅读一篇文章,忽然飘出一个广告挡住了视线,他不得不停下来寻找关闭按钮来关闭这个广告,他会不恼火?如果在支付页面上出现这样的骚扰会怎么样呢?


  除了功能性骚扰,视觉和听觉的骚扰也很常见。跑马灯一类的持续翻动效果很能吸引人,但是当用户将视线移,关注其他内容的时候,这种效果就会造成视觉上的闪烁,让用户分心并且烦躁。如果难以割舍这种信息更新的效果,间隔一段时间刷新一次的翻新效果会稍好一些。还有些网站提供背景音乐,但不一定每个用户都喜欢这些音乐,提供明显的静音按钮非常必要。


  这就是吕杭泽总结的:菜鸟也能做好的用户体验三部曲之快、准、狠,不知道大家有没有收获呢?相信只要我们做好这3步骤,我们网站一定会有一个良好的用户体验!


  最后,吕航认为用户体验其实更多的是要用心,真心为他们思考,站在他们的角度去优化网站,而不是一厢情愿的认为我们自己做的已经很好了!关于用户体验,大家也可参照吕杭泽另一篇文章《8步操作,实现网站完美用户体验!》

举报 收藏
管理文章:
暂无回应