建站最紧张的一点就是万万不要让用户等

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

　　别让我等

　　曾有许多研究注解：用户最写意的打开网页时间是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采用磁力的体例连接电源线与笔记本，当电源线受到外力时，会主动离开笔记本。是不是很知心的设计?

　　如许的例子还有许多许多，这里不再逐一列举。记住：用户是否喜好一个网站，不仅取决于他使用网站获得的益处，也取决于他在网站中获得的体验，两方面都是用户价值所在，缺一不可 。