App加载页面的等待体验设计技巧大全

设计师无法减少用户的等待时间，但能让等待时间变得有趣~

在体验经济时代，用户对于等待过程的印象直接影响用户对于产品服务质量的感知和判断，进而影响用户的满意度和忠诚度。本文主要从用户实际等待时间和感觉等待时间两条主线进行探讨，分析提升移动App加载页的用户体验设计原则和方法，从而让用户感受到“优雅而不令人烦躁的等待”。

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

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

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

减少实际等待时间是基础

从实际等待时间的角度分析，移动App的系统是由若干个相互联系，具有相互逻辑关系的多功能的整体。用户、服务器以及发生作用的数据环境构成了有机系统，具有独特的服务方式和排队序列规则。当用户向系统发出指令，若系统没有一条最有效的路径给予用户反馈，则会出现实际等待，且可能长时间等待。这就是服务器处理数据能力以及容量不足导致的用户请求不能被满足的实际等待。

首要明确用户对于实际等待时间的容忍度。因为不同的产品满足不同的用户需求，使得用户的容忍度存在差异性。所以需要通过仔细的测试和严谨的分析得出所要耗费的实际等待时间，以及用户的容忍度阀值。进而有针对性的进行设计调整优化。

1.优化交互框架

在确保满足用户目标的情况下，优化交互逻辑，简化框架结构，从而降低服务器数据处理量，弥补技术缺陷。

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

(1)明确功能目标优先级，满足用户需求。这个过程中必须返回到交互设计流程中的情景场景剧本中，即人物角色目标和心理模型，从中找到最有效的解决方法，并根据产品功能确定优先级。切勿出现功能模块的重复累赘，以及任务流程走不通或者流程过于复杂。

(2)检验交互框架。根据关键路线情景剧本以及常用的故事板，进行任务走查，确保每条任务线都是走得通并且是最有效的途径。

2.根据不同的需求场景，明确相应的数据加载模式

目前App设计中，合理的数据加载模式主要分为6种。

(1)全屏加载，优点是能保证内容的整体性。缺点比较明显，有非常强烈的等待感，3s以上会产生焦躁情绪。

(2)优先加载，一个页面有图片也有文字，在加载图片比较慢的情况下，可以先把文字都加载出来，保证用户可以顺畅阅读，然后再加载比较费流量的图片。

(3)整页加载，当前页与下一页是整页切换的时候，可以考虑采用整页加载的形式。优点是能保证每个页面的完整性，体验比较整体。缺点是不能保证整页的加载效率。

(4)自动加载，用这种手法可以营造一种无极限浏览的错觉，很容易把用户吸引祝优点是把用户带入无尽浏览模式。缺点是没有尽头，容易迷失，不方便快速索引定位到某个内容。

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

(6)离线加载，App离线情况下，考虑预加载+离线缓存的设计。优点是解决没网获取数据的问题，且节约流量，又保证流畅。缺点是占用本地存储空间。

缩短用户感觉时间是关键

等待时间感觉是用户在等待的过程中对等待时长的主观感受，它对人们的决策行为产生影响。根据用户的心理特征从加载概念模型、非模态加载、情趣化，用户预期等方面设计加载页面，让用户轻松、优雅的等待。

提供一个概念加载模型。一个优秀的概念模型能够帮助用户不至于困惑，以及辅助用户理解正在发生的事。告知加载进度，让用户有了更加明确的知情权，使用愿意接受等待并且能更好的预期到加载完成的时间。如果缺少告知，用户会猜测一个概念模型，并且这个过程是令人不安、焦躁的。

情趣化加载。心理上的持续时间很大程度上被心理活动影响着。让等待过程中充满可以看的有趣东西或是可以做的有趣事情，以分散人们的注意力或让人们保持忙碌都会有所帮助。通过创意文案、色彩、动效、声音等趣味化的元素来满足用户上层需求的愉悦性。

非模态的加载方式。用非模态的加载方式，用户可以利用做别的事情，打发等待的时间，而不用傻傻等待数据加载完成，大大降低了等待的焦躁感。令人焦虑的等待时间被用户的持续浏览消解。

满足或超越预期。当我们需要为等待设立时间时，最好适当设置超过真实需要等待的时间，提前加载完成会让用户收获意外的惊喜。

隐藏等待。即用户一执行命令则会受到服务器的视觉反馈，而系统处理过程并未执行只是被隐藏了。例如，微信和Path分享图片，点击发送，图片立

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

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