首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

用户体验三要素:打开速度快、主题明确、操作效率高

一个用户体验良好的网站是如何开发的?在目前来说,房山网站开发及优化人员都了解了网站用户体验的重要性,每天打着“重视用户体验”的口号,却不知道他们的网站哪里体验度高,那么用户到底对什么样的网站比较友好。

用户体验要素一、打开速度快

经过调查发现,网站打开速度最好在二到五秒之间,如果时间太长的话,用户就可能会关闭这个页面。也许这样讲,各位还不会有太多感触,接下来,我列举一组数据:谷歌网站访问速度每慢400ms就导致用户搜索请求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降59%。

这时候你也许会问:什么原因会导致网站打开慢?有什么办法解决呢?以下内容有些偏技术层面。

1、减少HTTP请求数

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

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

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

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

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

2、使用CDN(ContentDeliveryNetwork,内容分发网络)

CDN由一系列分散到各个不同地理位置上的Web服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事,就一样要使用CDN了,比如现在的电商网站,几乎都在使用CDN。

3、压缩网页元素

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

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

这也是我实际操作过的案例,把样式表(CSS文件)移到网页的Head部分,可以提高页面的加载速度,让页面元素顺序显示。

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

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

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

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

用户体验要素二、网站主题明确

当用户来到你的网站,却发现网站上一团糟,搞不懂这是什么,那是什么,也懒得学习如何使用,于是就会眼都不眨一下就关闭你的网站。这是很现实的一个用户行为。

在网站能够快速触达用户之后,网站运营人员面临的下一个重要问题就是:如何留住用户?

一、包装好你的网站

1、你是谁

我们辨识一个人,并不需要记住他从头到脚所有细节,看他的脸就OK了;当我们辨识一个网站时,也是同样的道理,网站的Logo就是脸。Logo可以让用户轻松知道网站是谁,无论浏览到网站中的任何一个网页,都能知道这是哪个网站在提供服务。

2、你是干什么的

有了网站Logo,还要告诉用户,网站是提供什么服务的,是购物网站,新闻网站,还是社交网站。尤其是对于一个新网站,清晰的一句话介绍至关重要。

3、你能带来什么好处

这就是网站的差异化优势介绍,相比同行竞争网站来说,用户使用你的网站,好处是什么,可以和“你是干什么的”整合成一句话至于Logo下方。

经过对网站的基础包装之后,我们算是完成了留住用户的第一步工作,接下来,我们希望用户在网站中做进一步的尝试,如何做呢?

二、关注用户及其任务,给予明确指引

对于用户来说,登陆任何一个网站,一定都有其目的。上购物网站是买东西,上门户网站是为看新闻,上SNS网站是为分享信息、联络朋友等,要达到这些目的,一定需要进行一系列操作。如果能让用户以最方便、最快捷的方式完成这些操作,顺利完成任务,毋庸置疑,用户一定会留下。

举例来说,如果是一家电商网站,是否有清晰的站内搜索功能提示,清晰的商品分类导航,醒目的购买按钮,以及灵活的付款结算系统等,这些都是围绕着用户及其任务(网上购物)展开的。因此,在网站设计的时候,我们一定要给予用户醒目、清晰的操作指引,以帮助用户尽快且顺利地进入下一步,下一步,直至最终完成任务(下单付款)。

满足用户,其实很简单,做到贴心、用心、上心,用户自然会向你靠近。

用户体验要素、操作效率高

用户都是喜欢偷懒的,如果你的网站操作效率很低,就会令用户烦躁,进而导致不好的体验,甚至出现坏口碑。有一个粗略的说话是,完成任务的难度与其所需步骤的平方成正比,那么,缩短完成路径就是帮用户偷懒,就是好的用户体验。

举个正面的网站实例来说明。登陆美国亚马逊网站,当你进入一个商品页面之后可以无刷新切换商品的规格,比如我要购买一台苹果笔记本电脑,我打开了商品页(大家自己登录试试),商品右侧会有个版本切换的选项,在这里我可以快速查看不同配置的电脑价格,只需将鼠标移动上去,商品图片、价格等信息就会自动发生变化。这种人性化的设计,为想要比较商品的多个版本的用户提供了极高的操作效率,用户自然喜欢。

目标信息要醒目而亲近

在关注缩短完成路径这个问题的时候,优化操作步骤是第一位的,因为我们首先要简化用户的任务。接下来,我们要在任务内部优化指点设备(鼠标或手指等)运动轨迹和眼球运动轨迹等细节。根据费茨定律,使用指点设备到达一个目标的时间与以下2个因素有关:

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

2.目标的面积,面积越大,所用时间越短。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询