热门标签 | HotTags
当前位置:  开发笔记 > IOS > 正文

网站建设如何让用户觉得网站打开更快不会那么慢

网站建设的时候我们经常会遇到一个问题,用户会觉得网站打开的速度比较慢,那么如何让客户觉得网站打开的速度比较快呢?无论您的用户界面设计如何设计,在某些时候,使用它的人都将不得不等待加

文章目录[隐藏]

  • 网站建设的时候我们经常会遇到一个问题,用户会觉得网站打开的速度比较慢,那么如何让客户觉得网站打开的速度比较快呢?
  • 1.不要让用户等待,而不给他们反馈
  • 2.避免静态进度指标
  • 3.使用动画载入指示
    • 无限加载旋转器用于相当快速的操作
    • 百分比完成的动画,持久的操作
  • 调整用户对时间的看法
    • 进度栏

网站建设的时候我们经常会遇到一个问题,用户会觉得网站打开的速度比较慢,那么如何让客户觉得网站打开的速度比较快呢?

无论您的用户界面设计如何设计,在某些时候,使用它的人都将不得不等待加载。

加载时间可能会损害整体体验。让用户等待太久,让您的应用程序加载会使用户不耐烦。如果用户有这种感觉,他们会放弃你的网站,去别的地方。幸运的是,您可以采取一些措施来加快用户的时间感,使其感觉像您的内容加载速度更快。

1.不要让用户等待,而不给他们反馈

如果用户的连接速度较慢,则网站可能需要一段时间来填充屏幕上的内容。用户的等待时间从他们发起动作的时刻开始,最糟糕的情况是当他们没有任何指示站点已经收到它。

当您的站点未能通知用户需要一些时间来完成操作时,用户通常认为它没有收到请求,并且再次尝试。由于缺乏反馈,造成了大量额外的水龙头。为了让人快乐,我们需要表明发生了一些事情,提供视觉反馈。

2.避免静态进度指标

静态进度指示符是具有不显示图像或文本的指示符,例如“正在加载…”或“请稍候…”以指示请求已被接收。虽然任何反馈都比没有更好,静态指标是不好的UX。用户没有任何指示符加载内容,因此他们不确定进程是否被卡住。

3.使用动画载入指示

等待时间的心理学研究表明,用户焦点开始等待一秒钟后没有任何反馈。为了减少用户的不确定性,请使用进度指示器来处理需要更长时间的任何操作。(注意:使用动画不推荐任何需要不到一秒钟的时间来加载,因为用户可能会对刚才在屏幕上闪烁的内容感到焦虑)。

无限加载旋转器用于相当快速的操作

动画指标的最简单形式是加载微调。这种类型的视觉反馈只是说明用户必须等待的事实,但不能说他们应该等待多久。作为一般规则,您应该使用此类型的进度指示器进行快速操作(2-10秒)。

1

从中心点辐射出的灰线的旋转器是一种标准方法。

加载旋转器通常与拉动刷新手势一起使用。它作为UI的两个状态之间的中介,并帮助用户了解屏幕更改时发生了什么。

1

适用于iOS的Apple Mail应用程序

百分比完成的动画,持久的操作

装载旋转器不是指示长时间负载的正确方法。如果我们知道什么时候会发生,那么等待一些事情是更可靠的。这就是为什么长期持续的操作,您应该给用户一个明确的指示,他们需要等待多久。作为一般的经验法则,您应该使用百分比完成的动画用于需要10秒或更长时间的更长的进程。

图片来源:Behance

或者,您可以提供操作的一般时间估计。不要试图确切地说,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。

1

在Mac OS X中安装软件更新

调整用户对时间的看法

您的内容加载速度在用户心中有多快。当尝试创建更快的用户体验时,您可以缩短感知时间,而不是实际时间。为了做到这一点,您可以使用用户可以执行的内容,动画或动作填写等待时间。

进度栏

进度条使用户期望处理动作的速度有多快。进度条移动的方式影响他们如何感知加载时间。为了使进度条让用户感觉更快,可以使用简单的技巧:

  • 进度条应该永不停止,否则用户会认为网站僵住了。最糟糕的情况是进度条接近99%,突然停止。大多数用户会因此而感到沮丧。
  • 您可以通过立即移动来伪装进度条中的小延迟。
  • 一开始缓缓进步吧,加快进度,给用户快速的完成时间。

推荐阅读
  • 多用户密码验证与加密登录系统
    本文介绍了一种基于多用户密码文件的加密登录方法,通过读取用户密码文件并使用简单的加密算法实现安全登录。文中详细描述了程序的设计思路及其实现过程。 ... [详细]
  • 配置PicGo与Gitee结合Typora打造高效写作环境
    本文详细介绍了如何通过PicGo和Gitee搭建个人图床,并结合Typora实现高效的文章撰写。包括创建图床项目、生成访问令牌、安装配置PicGo和Typora等步骤。 ... [详细]
  • jquery java 文件上传_jQuery文件上传
    插件描述:这是一个文件上传的展示,看很多插件,并不满意就自己写了一个,可能兼容性不是很好,没有准确进行测试过& ... [详细]
  • 本文介绍了多种Eclipse插件,包括XML Schema Infoset Model (XSD)、Graphical Editing Framework (GEF)、Eclipse Modeling Framework (EMF)等,涵盖了从Web开发到图形界面编辑的多个方面。 ... [详细]
  • Nagios可视化插件开发指南 —— 配置详解
    本文详细介绍了Nagios监控系统的配置过程,包括数据库的选择与安装、Nagios插件的安装及配置文件的解析。同时,针对常见的配置错误提供了具体的解决方法。 ... [详细]
  • 本文介绍了如何使用Workman框架构建一个功能全面的即时通讯系统,该系统不仅支持一对一聊天、群组聊天,还集成了视频会议和实时音视频通话功能,同时提供了红包发送等附加功能。 ... [详细]
  • BeautifulSoup4 是一个功能强大的HTML和XML解析库,它能够帮助开发者轻松地从网页中提取信息。本文将介绍BeautifulSoup4的基本功能、安装方法、与其他解析工具的对比以及简单的使用示例。 ... [详细]
  • 择要:Fundebug的JavaScript毛病监控插件同步支撑Vue.js异步毛病监控。Vue.js从降生至今已5年,尤大在本年2月份宣布了严重更新,即Vue2.6。更新包含新增 ... [详细]
  • Backup Exec 11d 初学者使用心得与技巧
    随着企业应用程序的不断扩展,数据备份的需求日益增加。本文通过介绍Symantec Backup Exec 11d的实际应用体验,旨在为初学者提供一些实用的操作指南和建议。 ... [详细]
  • ZOJ 2760 - 最大流问题
    题目链接:How Many Shortest Paths。题目描述:给定一个包含n个节点的有向图,通过一个n*n的矩阵来表示。矩阵中的a[i][j]值为-1表示从节点i到节点j无直接路径;否则,该值表示从i到j的路径长度。输入起点vs和终点vt,计算从vs到vt的所有不共享任何边的最短路径数量。如果起点和终点相同,则输出无穷大。 ... [详细]
  • 在开发H5页面时,为了减少资源请求和简化工作流程,直接使用SVG和CSS3来创建简单的图形元素是一个高效的选择。本文将探讨如何不依赖于第三方图标库,仅通过HTML和CSS技术实现一个‘返回顶部’的图标。 ... [详细]
  • 本文探讨了在iOS开发中如何利用WKWebView实现H5页面与原生应用的高效融合。通过具体案例分析,展示了一种新颖的方法来解决H5页面内容高度的动态获取问题,旨在为开发者提供实用的技术参考。 ... [详细]
  • 探讨并提供解决方案以应对 'view is not in the window hierarchy' 的错误提示。 ... [详细]
  • 本文介绍了如何处理MySQL数据库中表 'xdb.auditlog' 被标记为已损坏的问题,并提供了解决方案。 ... [详细]
  • 在开发过程中,遇到了一个关于UILabel的显示问题:当根据文字长度动态调整UILabel的尺寸时,边框偶尔会出现不必要的黑线。本文详细分析了这一问题的原因,并提供了有效的解决方案。 ... [详细]
author-avatar
夜翊灬瞳_398
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有