建站关键点：不要挑战用户的耐心

　　用户体验三要素：别让我等！别让我想!别让我烦!　　别让我等　　许多研究表明，用户对打开网页最满意的时间是2-5秒，如果等待超过10秒，99%的用户会关闭网页。也许你不会有太多的感觉。接下来，我将列出一组数据：谷歌网站的访问速度每慢400ms就会导致用户搜索请求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;如果雅虎有400ms延迟，流量会下降5-9%。　　怎么样?你现在感觉如何？该不该马上做测试工作？　　这时，你可能会问：是什么导致网站打开缓慢？解决办法有哪些？别担心，我一起来。以下内容有些偏技术层面，需要耐心阅读。　　1、减少HTTP请求数　　当用户打开网页时，后台程序响应用户所需的时间并不多，用户等待的时间主要花在下载网页元素上，即HTML、CSS、JavaScript、Flash、统计显示，每增加一个元素，网页加载时间就会增加25-40毫秒(取决于用户的带宽)。　　因此，为了提高网页的打开速度，有三种方法可以减少HTTP请求的数量：　　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、你是谁　　当我们识别一个人时，我们不需要记住他从头到脚的所有细节。看他的脸就可以了；当我们识别一个网站时，也是如此。网站的标志是脸。logo可以让用户轻松知道网站是谁，无论浏览网站中的任何一个网页，都可以知道哪个网站在提供服务。　　2、你在干什么？　　有了网站标志，我们还应该告诉用户网站提供什么服务，无论是购物网站、新闻网站还是社交网站。特别是对于一个新网站来说，一个清晰的介绍是非常重要的。　　3、你能带来什么好处？　　这是对网站差异化优势的介绍。与同行竞争网站相比，用户使用你的网站有什么好处？它可以与“你在做什么”融为一体。至于标志下面。　　在网站的基本包装之后，我们完成了留住用户的第一步。接下来，我们希望用户能在网站上做出进一步的尝试。我们该怎么办？　　二、*用户及其任务，给予明确的指导　　对于用户来说，登录任何网站都必须有自己的目的。购物网站是为了购物，门户网站是为了看新闻，SNS网站是为了分享信息，联系朋友等，为了实现这些目的，必须进行一系列的操作。如果用户能以最方便、最快捷的方式完成这些操作并顺利完成任务，毫无疑问，用户会留下来。　　例如，如果是电子商务网站，是否有清晰的站点搜索功能提示、清晰的商品分类导航、醒目的购买按钮和灵活的支付结算系统，这些都围绕着用户及其任务（在线购物）展开。因此，在设计网站时，我们必须给用户一个引人注目和清晰的操作指导，以帮助用户尽快顺利地进入下一步，下一步，直到任务（订单付款）最终完成。　　满足用户，其实很简单，做到贴心、用心、用心，用户自然会接近你。　　别让我烦　　用户喜欢懒惰。如果你的网站运营效率很低，会让用户烦躁，导致体验不好，甚至口碑不好。粗略地说，完成任务的难度与所需步骤的平方成正比，所以缩短完成路径是为了帮助用户懒惰，这是一个很好的用户体验。　　举一个积极的网站实例来说明。登录美国亚马逊网站，当你进入商品页面可以不刷新切换商品规格，比如我想买苹果笔记本电脑，我打开商品页面（你登录尝试），商品右侧会有一个版本切换选项，这里我可以快速查看不同配置的计算机价格，只要鼠标移动，商品图片、价格等信息会自动改变。这种人性化的设计为想要比较多个版本的产品的用户提供了极高的操作效率，用户自然喜欢。　　目标信息要醒目，要靠近　　在*缩短完成路径的问题时，优化操作步骤是第一位的，因为我们必须首先简化用户的任务。接下来，我们将优化指导设备（鼠标或手指等）的运动轨迹和任务内的眼球运动轨迹。根据费茨定律，使用指导设备达到目标的时间与以下两个因素有关：　　1.设备当前位置与目标位置之间的距离越短，使用时间越短。　　2.目标面积越大，使用时间越短。　　一般来说，如果我们希望用户注意或点击某个元素（如文本、图片、按钮等），那么该元素不应该远离指导设备的当前位置（如屏幕右侧），其面积应该足够大。随着Web2.0的热浪，网站设计也进行了一系列的创新，其中最大的创新之一是“大美”，大标志，大图片，大按钮，它们不仅看起来更有影响力，而且更方便用户识别和点击。　　提醒方法要温和、及时　　除了简化任务流程外，网站有时还需要在用户完成任务时提供帮助和指导。以前常见的做法是用弹框提示用户在继续任务之前需要关闭对话框，这实际上降低了操作效率。　　最好的提醒方式应该转向温和的方式，尽量减少中断。例如，当您注册电子邮件时，输入用户名时，最好的检查方法应该是自动检查用户名是否可用。如果没有，应该给出建议，yeah.net邮箱做得很好，图略(你可以登录试试)。　　事实上，有时降低操作效率并不是因为功能设计不够好，或者提示和建议处理不够好，而是因为一些用户不想要的信息或任务被迫插入。例如，用户正在阅读一篇文章，一则广告突然出现，阻止了用户想要阅读的部分。用户怎么能不生气呢？　　经营网站，虽然以盈利为基础，但过分不注重用户体验，忽视用户感受，小心父母离开你，永不回来。　　当用户犯错时，你是怎么做到的？　　在我们做好所有的操作优化后，有一种情况需要更加注意，那就是用户会自己犯错误。　　当用户犯错误时，他也会非常易怒，他不会认为这是他自己的问题，而是会把责任推到网站上，所以尽量减少用户犯错误的机会。　　以网站为例，当用户登录网站时，首先要输入用户名，现在最常见的用户名是使用邮箱。当用户在用户名的输入框中输入电子邮件地址时，不可避免地会出现错误，比如少写一个字母，或少写一个数字，或者电子邮件的后缀是错误的，结果肯定不能登录。用户会生气的。最好的提醒方式是什么？　　当用户输入用户名并离开输入框时，网站应自动检查用户名是否已注册（可用）。如果用户填写错误，应及时提醒，如用户名不存在，电子邮件格式不平等，以便在萌芽时纠正用户错误。　　以非网站为例。笔记本电脑的电源线可能会绊倒人，笔记本电脑也会摔倒在地，很可能不在保修范围内，这种情况很糟糕。看看Apple是怎么做到的。Apple推出了一个名为Magsafe的电源接口，以减少这个错误。Magsafe通过磁力连接电源线和笔记本电脑。当电源线受到外力时，它会自动脱离笔记本电脑。是不是很贴心的设计？　　这样的例子还有很多，这里就不一一列举了。记住：用户是否喜欢一个网站不仅取决于他使用网站的好处，还取决于他在网站上获得的经验。这两个方面都是用户价值所不可或缺的。