发布时间:2019-9-25 分类: 电商动态
本文对APP加载的一些场景进行了分类,并给出了相应场景的解决方案,共同学习。
本文概述:
首先,知道加载
1.什么是加载
用户向客户端发送指令后,直到客户端有反馈结果,计算机在此期间完成的一系列执行操作可能包括来自客户端的请求,服务器响应,客户端收到后计算数据数据。渲染等,当我们点击应用程序图标时,软件需要从Rom读取文件或数据到Ram,这也是一个加载过程。
2.加载有什么用?
加载是计算机在收到用户指令然后实现用户目标时必须经历的过程。如果没有加载,计算机无法实现用户的目标。
3.加载导致的问题
某些加载过程可能需要很长时间。甚至用户也不知道应用程序是否卡住或执行命令。这将导致较低的用户体验,用户将失去对应用程序的耐心。
二,如何解决加载引起的问题
1.结合应用程序中的加载方案
要设计应用程序中加载方案引起的问题,首先,首先列出我们应用程序中的加载方案,然后为不同的加载方案选择相应的方法。
以下是一些经常出现在不同应用中的加载方案。事实上,我们自己设计的应用程序中的大多数加载方案也是这些。当然,不同的应用程序并不完全相同,或者我们需要为不同的应用程序进行整理。 。那么我们如何解决?在列出指令后花费很长时间处理应用程序的加载过程只是为了找出那些缓慢的位置。
常见的加载方案:
申请启动
登录注册
上传,下载
加载大量图像文本,图像列表等
下拉刷新
拉起负载数据
喜欢它
输入新页面
移动支付
2.采取相应的解决方案
在结合App中的加载场景后,我们可以针对不同的加载场景采取相应的解决方案。为什么相应的解决方案在这里?因为接下来要讨论的解决方案不是您想要使用它的方式。使用,我们要根据情况选择。
第一种方法:选择加载策略
以下是一些常见的加载策略。我们可以为不同的加载方案选择合适的加载策略。
一步一步:
优先加载占用较少网络资源的元素。如图像后的第一个文本和默认图标,在加载图像之前使用占位符。
延迟加载(也称为延迟加载):
在网页中,经常使用图像,图像会消耗大量流量。在正常情况下,浏览器将解析整个HTML代码,然后从上到下加载图像标记。如果页面很长,则隐藏在页面底部的图像实际上是由浏览器加载的。如果用户没有向下滚动页面,他们将看不到图片,这相当于浪费图像流量,这不仅浪费了流量而且减慢了速度。
但是,流量非常大的淘宝和京东必须在产品介绍页面上有大量的图片。因此,这些页面上的图片都是“按需加载”的,即,当用户滚动页面时加载图片。当网络速度非常快时,用户不会感知延迟加载的动作,这样可以节省流量并且不会影响用户浏览。
预载:
通常用于信息流。例如,搜索结果页面,这是我们经常看到的列表视图。当我们“滑动到”页面底部时,页面会自动请求数据为您加载下一页。因此,当您浏览下面的列表时,通常会感觉非常流畅。因为页面是预加载的。
预装是一个小型的贴身夹克,将试图找出用户的想法并提前做好准备。当用户正在查看A页面时,客户端正在准备用户可能看到的B页面。当用户需要它时,他立即将它提供给他,然后准备C页面以向用户提供无缝链接的感觉。成本是服务器和客户端。一切都累了,消耗更多的流量。
延迟加载和预加载似乎是相反的策略。那么我们使用哪一个?如果用户需要在列表中看到大量图片和较少的单词,我们可能会在这种情况下使用延迟加载;如果用户想要查看页面并且您不需要花费太多流量,那么我们可能会更好地预加载它,或者使用wifi下的预加载和4g网络上的延迟加载。
智能装载:
根据不同的网络条件加载不同的数据
在WIFI条件下:优先加载高质量图像,优质音乐和视频。
在4G条件下:下载行为自动终止,图片或音乐视频的正常甚至停止加载优先。
当网络不流畅时:默认加载质量低甚至停止加载图片或音乐视频。
渐进式加载:
当我们用浏览器查看PC端的图片时,我们经常会先看到模糊的图片,然后逐渐变得清晰。这在观看漫画时尤为常见。此效果称为渐进式加载。渐进式加载可以极大地增强体验。
后台加载:
在用户操作之后,客户端立即成功地反馈操作,然后将请求放入后台以与服务器交互。用户不需要理解该过程,也不需要等待。一般情况下,经验非常好。
但是,在极端情况下,会出现一些莫名其妙的情况。由于请求记录在后台并与服务器交互,因此实际请求成功。客户端未指定操作。所有这些都成功显示。这将使用户认为操作成功。然而,实际上,下次我看到它时,我发现没有成功。
因此,需要根据具体使用场景对该加载方法进行加权。对于某些重要操作,建议使用模态加载。对于一些小的操作,例如喜欢,订阅和注意,可以采用后台加载方法。 。
总结
这些加载策略可以极大地改善用户体验,但是我们可以看到除了后台加载之外,这些加载策略基本上用于加载图像文本,这对应于我们刚刚列出的许多文本文本。加载加载大量文本图像并在场景中输入新页面的场景,这样我们可以看到这些加载策略可以解决的加载场景相对有限,但这些加载场景也是我们最常遇到的。应用。加载场景。
第二种方式:提示
除了第一种方法,我们还能做些什么?如果我们无法加快加载速度,我们不关心吗?显然不是,事实上,用户可以理解应用程序中的缓慢加载过程,因为许多操作最初需要一定的时间,你必须下载一个大视频,而你没有下载它的技术立刻。其次,许多缓慢加载过程不是应用程序的错误。也许这是用户的手机卡,也许是用户的网络。慢。
但是,当我们设计应用程序时,我们还可以帮助用户分享这些担忧并尝试为用户提供良好的体验。然后我们应该在较慢的加载过程中添加合理的提示,以便用户可以知道发生了什么,而不是错误地认为手机卡住了。或者,应用程序出现故障。这些合理的提示对于用户体验来说是显而易见的,所以让我们看看我们应该如何提示用户。
提示类型:中断用户操作
在某些加载方案中,我们需要中断用户的其他操作。用户只能等待加载场景结束,因为如果用户执行其他操作,则正在进行的加载过程将被中断,并且用户的目标将无法实现,并且用户将不得不重新加载。那么我们如何知道哪些加载方案需要中断用户操作以及哪些加载方案不需要?
通常,有两种主要情况需要中断用户操作的加载过程:
用户的下一个操作与该步骤的操作密切相关。如果未成功执行此步骤,则无法执行下一操作。例如,登录,注销,应用程序启动,移动支付等,需要通过组合特定应用功能和业务场景来确定该场景的确定。
用户执行的操作不能与其他操作同时执行。我不知道您是否使用了微信的功能来迁移聊天记录。在迁移聊天记录的过程中,应用程序提示“请保持微信始终显示在屏幕上”。我们已经完成了其他会中断传输过程的事情。确定此方案需要我们与开发人员进行沟通。
当我们确定提示类型是中断用户操作时,如何提示用户?
如果中断时间很短,我们可以使用模态提示。模态提示将在屏幕中间弹出一个提示框。除提示框之外的区域将显示为灰色。如果它显示为灰色,则表示无法单击其他部分,如下图所示。登录并退出。
当然,这并不意味着只能使用模态提示。当我们的应用程序启动时,我们需要从Rom读取文件和数据到Ram。此过程也很长,用户无法执行任何操作。几乎所有人。应用程序使用广告页面来占用这个时间,而不是模态提示,所以我们仍然需要灵活。除了广告页面,我们还可以使用品牌页面,活动页面来处理加载过程。
如果中断时间很长,我们需要使用特殊页面来提示用户吸引用户的注意力。
注意:当加载过程需要中断用户的其他操作时,我们最好给用户留下一个按钮来取消加载过程。当用户不想加载它时,可以取消加载。
通常,需要中断用户操作的加载方案相对不间断或更少。
提示类型:不会中断用户操作
如果我们的加载方案不需要中断用户的操作,则常见的提示方法是让导航栏提示用户,在控件本身中提示用户,或在页面的本地区域提示用户。
在导航栏中提示用户是一个不错的选择,但我看到了很多应用程序,并且我没有将提示内容放在导航栏中。为什么?由于大多数应用程序导航栏未被各种搜索框占用,因此选项卡已被占用,并且没有提示内容的空间。
提示控件本身也更好,这允许用户知道他的操作是针对哪个对象。此提示方法通常适用于具有特定操作对象的加载过程。如果我想刷新,显然我不能这样,因为刷新没有特定的对象。
第一张图是刷新下拉菜单时的提示。进入新页面时,会在页面中央提示第二张图片。有些学生可能不得不问,第二张图片是白色的,是不是中断了?用户操作的类型?
实际上,在这种情况下,我们仍然可以单击导航栏中的底部菜单栏和选项卡栏,因此不会将其视为中断用户的操作。页面的局部区域提示可以说是应用程序中使用最广泛的提示方法。在几乎每个应用程序中,都有这样一种提示方法,这是最简单和最成熟的设计方法。
提示内容
提示包括文本和图像。
如果您使用文本,文本应该尽可能准确地告诉用户,应用程序正在加载什么,并且不要让用户猜测。例如,在我输入登录的屏幕截图之前,该图正在使用加载,如果可以将其更改为登录则更好。关于此提示的内容,您可以观察如何编写微信的文本,收集… …,connect… …等等,我相信用户更愿意看到这样的提示,而不是干负荷。
事实上,在大多数情况下,提示的内容是使用文字,使用图像的机会相对较小,这里是图片的种类,有些会有动画效果,而不是转动圆圈的小图标,为什么图片用的少?因为图片占用的空间很大,一般来说,一些应用程序会在进入新页面时使用一些可爱的图片来分散用户的注意力,但我相信即使用户是第一次,第二次,第三次我很长一段时间你对你的照片感兴趣,好看的照片会让用户感到毫无意义。
总结
第二种方式是给用户一个提示,这里还有一件事要添加,不管是什么样的提示,如果你能给一个进度条,最好是使用进度条,但加载场景可以给进度条不是很多,因为我们的大多数加载方案都与网络有关。如果网络不好,谁知道何时加载它?一般来说,下载和上传这样的场景可以给出进度条。
总结
实际上编写这么多的加载场景的设计并不复杂并不复杂。首先,找出应用程序中较慢的加载时间,只要它很慢。然后根据加载场景,如果你可以使用加载策略来获取加载策略,如果你不能使用它,你可以及时提示用户。当然,它并不意味着使用加载策略,您不需要提示用户。如果你使用加载策略,它会有点慢。我们还想提示用户。事实上,最终,大多数加载方案都有成熟的解决方案。我们只需要在我们的应用程序中整理加载方案,然后在其他人的应用程序中找到一些灵感。