App页面加载等待体验的设计技巧(页面加载等待效果)

小程序开发教程专栏介绍App加载页面等待体验的设计技巧

设计师不能减少用户的等待时间，但可以让它变得有趣~

体验经济时代，用户对等待过程的印象直接影响用户对产品服务质量的感知和判断，进而影响用户的满意度和忠诚度。本文主要讨论用户的实际等待时间和感知等待时间，分析改善手机App加载页面用户体验的设计原则和方法，让用户感受到“优雅而不烦躁的等待”。

手机App加载页面是指应用数据加载的一个流程页面，主要分为三类:启动加载页面、内容加载页面、下载应用加载页面。

“不要让我等”被互联网公司总结为互联网产品用户体验三要素之首。可以说，一个优秀的App加载页面，既能缩短实际等待时间，弥补技术、网络等基础因素的缺陷，又能承担产品追求极致体验的重任。

用户在App加载页面的等待体验，其实受两个主要因素影响——实际等待时间和感知等待时间。实际等待时间是客观加载消耗时间，受技术、网络等基础因素限制。等待时间是用户主观感知的心理印象。两者都会对用户的决策行为产生影响。减少实际等待时间是减少用户不愉快的基础，关键是应用心理学认知，设计新的模式和方法来缩短用户的感受时间。

减少实际等待时间是基础。

从实际等待时间的角度来看，手机App系统是由几个相互联系、逻辑相关的多功能整体组成的。用户、服务器及其工作的数据环境构成了一个有机系统，该系统具有独特的服务模式和排队规则。当用户给系统一个指令，如果系统没有最有效的路径反馈给用户，就会有实际的等待，可能需要很长时间。这是实际等待服务器处理数据的能力和能力不足使用户的请求得不到满足。

明确主要用户对实际等待时间的容忍度。因为不同的产品满足不同的用户需求，用户的容忍度是不一样的。因此，需要通过仔细的测试和严谨的分析，得到实际的等待时间和用户的容忍阈值。然后进行有针对性的设计调整和优化。

1.优化交互框架

在满足用户目标的条件下，优化交互逻辑，简化框架结构，以降低服务器的数据处理能力，弥补技术缺陷。

交互框架不仅定义了高层的屏幕布局，还定义了产品的工作流、行为和组织。

(1)定义满足用户需求的功能目标的优先级。在这个过程中，我们必须回到交互设计过程中的场景脚本，也就是人物角色目标和心智模型，从中找到最有效的解决方案，并根据产品功能确定优先级。功能模块不要重复，任务流程不通或者太复杂。

(2)检查交互框架。根据关键路线的剧情脚本和常用故事板，进行任务走查，确保每一条任务线都是可行的，也是最有效的方式。

2.根据不同的需求场景定义相应的数据加载方式。

目前App设计中有六种合理的数据加载模式。

(1)全屏加载的好处是保证内容的完整性。缺点很明显，有非常强烈的等待感，超过3s就会产生焦虑。

(2)优先加载。一个页面既有图片又有文字。在图片加载较慢的情况下，可以先加载所有文字保证用户流畅阅读，再加载耗费流量较多的图片。

(3)整页加载。当前页和下一页为整页切换时，可以考虑整页加载。好处是可以保证每个页面的完整性，体验比较整体。缺点是无法保证整个页面的加载效率。

(4)自动装载。用这种手法可以制造一种无限浏览的假象，很容易吸引用户。好处是把用户带入无止境的浏览模式。缺点层出不穷，容易迷路，不方便快速索引定位某个内容。

(5)智能加载，具有根据具体场景控制流量和加载速度的优势。缺点是不一定真实有效的击中了用户的需求。

(6)离线加载。App离线时，考虑预加载+离线缓存的设计。具有解决无网络获取数据、节省流量、保证流畅度的优点。缺点是占用本地存储空间。

缩短用户的感受时间是关键。

等待时间感受是用户在等待过程中对等待时间的主观感受，它影响着人们的决策行为。根据用户的心理特点，从加载概念模型、非模态加载、兴趣、用户期望等方面设计加载页面。，让用户可以轻松优雅地等待。

提供一个概念性的加载模型。一个优秀的概念模型可以帮助用户避免混淆，帮助他们理解正在发生的事情。告知加载进度，让用户有更明确的知情权。用户愿意接受等待，并能更好地预期加载完成时间。如果没有通知，用户会猜测一个概念模型，这个过程是令人不安和焦虑的。

有趣的装载。心理持续时间很大程度上受心理活动的影响。用有趣的事情来填充等待的过程有助于分散人们的注意力或让他们保持忙碌。通过创意文案、色彩、动态效果、声音等趣味元素满足用户上层需求的快感。

非模态加载模式。使用非模态加载模式，用户可以做其他事情来消磨等待时间，而不是等待数据加载，这大大减少了等待的焦虑。焦虑的等待时间被用户的不断浏览所消解。

或者超出预期。当我们需要设置等待时间时，最好将等待时间设置得比实际时间长。提前完成加载会给用户意想不到的惊喜。

藏起来。即当用户执行命令时，会收到服务器的视觉反馈，而系统处理不执行而是隐藏。比如微信和Path分享图片，点击发送，设置图片。

即出现在时间轴上。涉及状态切换的按钮，比如“收藏”、“收藏”，一般都是先给用户一个操作成功的视觉反馈，而不需要等待服务器返回“操作成功”的实际结果。这样做的好处是，在大多数情况下，用户不需要焦急地等待内容上传。

结论:App加载页面作为整个用户体验的一部分，直接影响用户对产品和服务的忠诚度和满意度。根据用户实际等待时间和感知等待时间两条主线，在加载页面的设计中，交互逻辑框架、加载方式、满足用户上层需求是重要的思考方向。

这就是App加载页面等待体验设计技巧的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• app加载页面(App加载界面)等待体验的设计技巧

本文由主机参考刊发，转载请注明：App页面加载等待体验的设计技巧(页面加载等待效果) https://zhujicankao.com/81585.html