优化应用程序的感知性能

技术支持分类

优化应用程序的感知性能

建应用程序后，如何对性能进行基准测试？性能取决于应用程序实际工作的速度和效率- 在代码级别 - 还是取决于用户是否将其解释为高性能？

感知性能和实际性能之间存在差异。感知性能是用户感知应用程序速度的方式。它通常比应用程序的实际速度更重要。将感知性能视为用户体验（UX）反馈和性能的更好点，作为提高速度的代码优化。

两种情景的比较

首先让我们假设：

两个示例都具有同样出色的整体代码性能它们已经被优化到相同的程度。

用例是重新排序表中的行。

选项1：没有感知性能

在此方案中，用户在后端响应更新表时执行操作。

没有感知表现的行动

这是更新内容的非常传统的方式。缺点是用户可能会在得到响应之前等待很长时间。根据互联网的速度，他或她可能会觉得这不是一个非常快的应用程序。更糟糕的是，用户可能不知道应用程序是否崩溃。

选项2：具有感知性能

此替代方法使用双向反馈来通知用户在代码在后端工作时表正在更新。通过在复选框上显示加载微调器，用户了解他或她的请求未完成但仍在处理的事实。

双向反馈的行动

添加这些禁用状态会阻止用户编辑正在更新的字段（注意：“禁用状态”是一个当前不活动或无法点击的按钮 - Google提供了有关如何使禁用按钮看起来的风格建议在他们的材料设计指南中）。此外，应用程序设置为保存以前的状态，以便用户可以在发生后端错误时还原它。

那么，它真的感觉更快吗？

是! 研究表明，不同级别的动画会对感知性能产生影响，最终结果是用户愿意等待更长时间来加载体验。

以动作和动画的形式获得反馈，例如上下文转换，使用户感觉应用程序很快并且它正在响应用户的输入。这改善了整体用户体验。

更多关于感知性能

显示的示例可能不适用于所有情况，但您可以更频繁地考虑使用此UX工具来屏蔽延迟和影响用户对应用程序满意度的其他因素。

您可以采取的其他改善感知表现的方法是：

将：active css状态添加到按钮

添加加载条和旋转器

使用平滑动画来屏蔽加载时间。

有兴趣阅读有关使用动画和动画影响可用性的更多信息吗？下载我们的白皮书“数字体验中的运动的未来”。数字体验中的运动未来