数极客首页

用户体验三要素:别让我等!别让我想!别让我烦!

  用户体验三要素:别让我等!别让我想!别让我烦!

用户体验三要素:别让我等!别让我想!别让我烦!

 别让我等

曾有很多研讨
标明
:用户最称心

的翻开
网页时间是2-5秒,假定

等候
超越
10秒,99%的用户会关闭这个网页。或许
这样讲,各位还不会有太多感触,接下来,我罗列
一组数据:Google网站访问速度每慢400ms就招致
用户搜索请   求降落
0.59%;Amazon每增加100ms网站延迟将招致
收入降落
1%;雅虎假定

有400ms延迟会招致
流量降落
5-9%。

怎样
样?往常

感受怎样
?是不是该马上去做测试工作呢。

这时分
你或许
会问:什么缘由
会招致
网站翻开
慢?有什么办法

处置

呢?别急,我逐一

道来。以下内容有些偏技术层面,各位需求
耐烦
阅读。

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了,比如

往常

的电商网站,简直

都在运用
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.目的
的面积,面积越大,所用时间越短。

粗浅

来说,就是假定

我们希望用户留意
或点击某个元素(如文字、图片、按钮等),那么这个元素就不应该距离

指点设备的当前位置太远(比如

出往常

屏幕的右侧),并且它的面积要足够大。随同

着Web2.0的热浪,网站设计也有了一系列的改造
,其中最大的一个改造
就是“以大为美”,大大的LOGO,大大的图片,大大的按钮,它们不光看起来更有冲击力,也更便当
用户的辨认

和点击。

提示
方式要温和并及时

除了简化任务流程之外,在用户完成任务的过程中,网站有时需求
给用户提供辅佐

和指引。之前常见的做法是采用弹框方式中止

提示,用户需求
关闭对话框才干
继续自己

的任务,无形中降低了操作效率。

最佳的提示
方式应该转向温柔

的方式,将打断降低到最低,举个例子:当在你注册一个邮箱时,当输入用户名后,最佳的检验方式应是自动查询此用户名能否
可用,如不可用,应给出倡议

,yeah.net邮箱就做的很好,图略(大家能够

登录尝试)。

其实,有时分
操作效率的降低,并不是由于
功用
设计得不够好,或者提示和倡议

处置
得不够好,而是由于强行的塞进了一些用户不想要的信息或任务。比如

,用户正在阅读一篇文章,忽然

飘出来一个广告挡住了用户想要阅读的部分

,用户怎样
能不恼火?

运营
网站,固然

是盈利为本,但是过火
的不注重
用户体验,忽视

用户感受,留意

衣食父母离你而去,并一去不返。

当用户犯错的时分
,你是怎样
做的呢?

在我们做好一切运营优化后,有一种状况

需求
另外留意
,就是用户会自己

出错。

当用户出错的时分
他也会很焦躁

,他不会以为
是他自己

的问题,反倒会把义务
推给网站,所以要尽可能降低用户出错的机遇

举一个网站的例子,当用户登录一个网站时,第一
是输入用户名,往常

最常见的用户名是采用邮箱。当用户在用户名的输入框内输入邮箱地址时,不可避免

的会呈现
错误,比如

少了1个字母,或少写了1个数字,或者邮箱后缀写错了,结果肯定是登陆不进去。用户一定会恼火,最佳的提示
方式应该是什么呢?

当用户输入用户名,光标分开
输入框之后,网站应自动校验此用户名能否
已注册(可用),如若用户填写错误,应及时给予提示
,如:用户名不存在,邮箱格式不对等,让用户的出错在萌芽时就完成纠正。

再举个非网站的例子。笔记本电脑电源线可能会绊倒人,同时笔记本电脑也会被摔倒地上,这很可能不在保修范围之内,这种状况

很糟糕。看看Apple是怎样
做的,Apple推出了名为Magsafe的电源接口以减少这种出错,Magsafe采用磁力的方式衔接
电源线与笔记本,当电源线遭到
外力时,会自动脱离笔记本。是不是很贴心的设计?

这样的例子还有很多很多,这里不再逐一

罗列
。记住:用户能否
喜欢一个网站,不只
取决于他运用
网站取得

的益处

,也取决于他在网站中取得

的体验,两方面都是用户价值所在,缺一不可。

作者:需求
致命一击的位爷   转载自 Pmtoo

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章