app加载页面(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加载界面)等待体验的设计技巧 https://zhujicankao.com/120374.html