科技猎如何为你的产品定制加载体验？｜加载系统设计与量化
编辑导语：对于加载功能大家想必并不陌生，每当我们进入一个网页时、打开APP时、看电影时它都会出现，并且挑战用户的耐心。加载设计对于用户来说是非常影响体验的一个方面，如何才能让等待成为一件快乐的事情呢？本文作者就围绕这个问题展开了分析梳理，一起来看看~
你花了多长时间看它？
你希望快点出现一些内容？
你觉得焦虑么…
你想退出么…
先别！再往下看看！
现在呢？你是否感觉好些？
你知道现在正在加载，还可以预估2s后完成加载，蹦蹦跳跳的小人还觉得挺有趣…
以上想用一个加载体验的小例子来说明： 不同的加载样式，会带来完全不同的感受。
01 加载设计，设计什么？
我们所讨论的加载，是人机交互时，用户发出动作—系统接收指令—系统发回结果—用户收到反馈，整个过程中机器处理的时间。
是用户感受到的等待时间，也就是我们所说的加载过程。 加载时间越长，用户感受越明显。
这其中，系统处理时间主要是技术的发力点，通过技术手段，尽可能地缩减加载耗时；而用户感知的等待时间，则是设计的发力点。
我们需要解决的是 在机器处理时间不变前提下，优化用户等待环节的体验。
02 加载系统设计
对于加载设计我们并不陌生，启动页加载，页面刷新加载，页面切换加载，查看更多内容加载……从每一个单个场景出发，根据以往经验和前人总结，都能很快匹配相应的加载策略和设计样式。
如果有新的加载场景出现，历史经验无法满足的时候， 如何能系统地为其 设计 适合的加载呢？
从建立加载体验维度——进行加载设计——评估加载设计，接下来，我们通过这一整个过程，并结合我们在「临感VR」中加载设计的实践，来详细说说加载的系统设计。
03 加载体验维度
基于加载设计相关桌面研究，根据通用和重要程度，将「加载体验维度」划分成基础体验和进阶体验两大部分：
- 基础体验 ——影响加载体验的关键因素，设计中权重较高，需要满足。其中包括反馈明确性/速度感知/衔接流畅性三个维度，通用于各种类型产品的加载场景。
- 进阶体验 ——针对具体使用场景特点，设计权重不同，需适当满足。与基础体验不同，进阶体验的维度不固定，可以根据自身产品特点和诉求来进行定制。
结合对「临感VR」产品现状调研，我们将VR加载体验分为6个维度： 反馈明确性、速度感知、衔接流畅性、表意贴合性、品牌感知、创新性
下面，会结合我们「VR加载设计项目」中的具体例子，对这六个维度进行详细的解释说明。
图中体验维度围绕VR产品现阶段诉求建立
PART1：基础体验
减少用户负面情绪产生，防止用户流失。
A.反 馈明确性 — “明确告知用户发生了什么”
进行人机交互时，用户操作后便进入了系统处理。这时，要让用户知道发生了什么，防止用户以为机器坏掉了。
为增强反馈明确性，总结两点具体做法：
- 保持用户视觉焦点稳定-在用户操作位置变化反馈
- 提供明确进程信息-如文字说明信息，或百分比进度信息
B.速度感知 — “让用户心理感觉速度快”
机器加载时间不可控，或时间很长的情况下，要尽可能缩短用户等待的主观“感知时间”，从而缓解用户等待焦虑，减少负面情绪产生。
总结了三点“让用户感觉速度快”的具体办法：
- 场景前置-提前向用户展示下一步的内容，使用户对即将发生的事情预知
- 吸引注意-在用户自然等待过程中，通过图形、富媒体、文字的吸引，暂时性转移用户注意力，分散等待焦虑
- 异步加载-让用户产生一种渐进的感觉，而不是停在某一个页面，缩短用户时间感知
C.衔接流畅性—“弱化用户对加载的感知”
设计流畅自然的衔接过程，能让用户感觉“顺”，给用户无缝衔接的美好错觉，从而减弱对加载的感知，具体做法如下：
- 前后元素串联
- 有入场出场效果
- 保持动态，减少停顿
PART2：进阶体验
传达更多信息，促进用户产生正面情绪。
D.表意贴合性 — “辅助用户理解即将进入场景的含义功能”
与传统常见的加载相比，面对新的加载场景（如VR加载），用户可能无法用历史经验判断当前情境。我们要通过场景表意辅助用户理解，建立对场景的认知。总结两点具体做法：
- 视觉图形隐喻
- 动势表意
E.品牌感知 — “辅助产品进行品牌传达渗透”
部分产品有品牌传达的诉求，加载页可以帮助进行品牌透出，提高用户对品牌的感知。具体可以通过品牌元素展现的形式，或是通过颜色/造型等进行整体品牌气质的传递。
F.创新性 — “新颖的加载样式，进一步促进用户产生积极情绪”
在满足基本体验的基础上，如果能给用户展现“意料之外”的新颖加载设计，有助于满足用户情感化诉求，甚至将负面情绪转化为积极情绪。具体做法：
- 利用新技术手段
- 使用动效或动画
当然，进阶体验维度还可以结合实际的应用场景去进行调换，如：趣味性……
04 结合场景，设计应用
确定以上体验维度后，结合具体加载场景，我们可以对不同体验维度设置相应权重，制定对应的设计策略，最后落实到具体方案中。
以下通过几个VR中所涉及的加载场景为例，来具体说明：
1. 传统页面进入VR空间
通过对场景的分析，从传统页面进全景空间，需要辅助用户建立空间变化的认知；另外，这也是用户触达VR的第一场景，是用户了解品牌的重要入口。因此，除了3个基础维度权重高之外，表意贴合性和品牌感知权重也较高。
2. 同一VR全景空间漫游
在空间漫游场景中，我们需要满足用户在空间中游走的感受，因此表意贴合性权重较高；而在这个阶段，用户当前首要任务为浏览房源，所以也无需展示过多品牌相关信息。
3. VR全景中切换服务模式
在切换服务模式的过程中，我们需要辅助用户去理解新的服务，了解当前的变化，因此表意贴合性权重依然较高。图中为从「全景展示」切换「一键装修」服务。
05 设计效果评估
针对各个场景进行设计优化后，就可以用我们所制定的设计维度去验证和评估。
以VR加载优化的项目为例，我们对比旧版与新版在各个维度的分数差异，并收集用户的主观反馈，依照结论，可以了解我们在各个设计维度上是否达成了目标，同时为下一步的优化作准备。
06 写在最后
加载设计只是海洋中的一朵小浪花，却与整片海洋生态息息相关，希望每个小小的体验功能点都能闪光，让整片星辰大海光芒万丈。
作者：王晓彤，交互设计师
本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@王晓彤
题图来自Unsplash，基于CC0协议