Mobile-Application Loading-Animation Design and Implementation Optimization
Source abstract
Abstract
Mobile-application performance and ultimately bounce rate are influenced by many factors, with wait-time duration proven to be the most important influencing factor. It is therefore important to optimize loading-time perception and performance to ensure a smooth and enjoyable experience. This research investigates the influences of loading-animation design, motion speed, and semantics, as well as the graphics format used for creation, on time perception. These research aims were (1) to identify the key factors that influence the quality of the user experience in the design of animated loading indicatorsand their perceived dimensions, (2) to find out what impact animation meaning has on perceived time duration, and (3) to identify loading-animation-design decisions’ influence on application performance. Research activities from the fields of human–computer interaction, psychology/neuroscience, and networking/telecommunications have addressed understanding the user’s wait-time experience. In this experiment, we confirmed that the perceived wait-time duration of a loading indicator is positively related to nontemporal properties, such as the processing principle, but we also reviewed the influence of the semantic structure of perceptual time representation. The specific meaning of an animation metaphor and its narrative sequence is related to information extraction and processing of novel and repeated stimuli and, consequently, to the experienced delight and duration judgment of an end user.
Source: crossref · Quality: baseline
Research context
OpenAlex topics: Color perception and design · Multisensory perception and integration · Creativity in Education and Neuroscience
SciVX discovery tags are terminology-based. OpenAlex topics are source-provided classifications.
Affiliations
Department of Graphic Design and Imaging, University of Zagreb Faculty of Graphic Arts, 10000 Zagreb, Croatia
References (54)
Show source-provided references
1. A study on tolerable waiting time: How long are Web users willing to wait?10.1080/01449290410001669914 ↗
2. Reichl, P., Egger, S., Schatz, R., and D’Alconzo, A. (2010, January 23–27). The Logarithmic Nature of QoE and the Role of the Weber-Fechner Law in QoE Assessment. Proceedings of the 2010 IEEE International Conference on Communications (ICC’10), Cape Town, South Africa.10.1109/ICC.2010.5501894 ↗
3. Egger, S., Reichl, P., Hoßfeld, T., and Schat, R. (2012, January 15). Time is Bandwidth? Narrowing the Gap between Subjective Time Perception and Quality of Experience. Proceedings of the 2012 IEEE International Conference on Communications (ICC2012), Ottawa, ON, Canada.10.1109/ICC.2012.6363769 ↗
4. Walton, P. (2022, December 01). User-Centric Performance Metrics. Available online: https://web.dev/metrics/.
5. Proest, D. (2022, December 01). JSON vs. XML. Available online: https://avato.co/developers/pros-cons-json-vs-xml/.
6. Cohen, J. (2022, December 01). Why Mobile Page Speed Is a Visual Designer’s Problem. Available online: https://www.thinkwithgoogle.com/intl/en-154/marketing-strategies/app-and-mobile/why-mobile-page-speed-is-visual-designers-problem/.
7. Head, V. (2016). Designing Interface Animation, Rosenfeld.
8. Babich, N. (2020, January 20). 10 Creative Loading Indicators. Available online: https://uxplanet.org/10-creative-loading-indicators-1a15c562b75a.
9. Cuevas, R., and Persøe, K.K. (2022, December 01). 4 Mobile Page Speed Wins to Discuss with your Developer, Starting with Images. Available online: https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/mobile-speed-strategy-and-performance/.
10. When the Wait Isn’t So Bad: The Interacting Effects of Website Delay, Familiarity, and Breadth10.1287/isre.1050.0073 ↗
11. Egger, S., Hoßfeld, T., Schatz, R., and Fiedler, M. (2012, January 5–7). Waiting Times in Quality of Experience for Web-Based Services. Proceedings of the 4th International Workshop on Quality of Multimedia, Melbourne, Australia.10.1109/QoMEX.2012.6263888 ↗
12. Conn, A.P. (1995). Time Affordances, The Time Factor in Diagnostic Usability Heuristics, Applied Integration Technologies Digital Equipment Corporation Nashua.10.1145/223904.223928 ↗
13. Hohenstein, J., and Cano, R.P. (2016, January 7–12). Shorter Wait Times: The Effects of Various Loading Screens on Perceived Performance. Proceedings of the CHI 2016, San Jose, CA, USA.10.1145/2851581.2892308 ↗
14. Nabors, R. (2017). Animation at Work, A Book Apart.
15. On the Distinction between Perceived Duration and Event Timing: Towards a Unified Model of Time Perception10.1163/22134468-20181132 ↗
16. Conscious Perception: Time for an Update10.1162/jocn_a_01343 ↗
17. Liikkanen, A.L., and Gómez, G.P. (2013, January 3–5). Designing Interactive Systems for the Experience of Time. Proceedings of the 6th International Conference on Designing Pleasurable Products and Interfaces, Newcastle upon Tyne, UK.10.1145/2513506.2513522 ↗
18. Appraisals of emotion-eliciting events: Testing a theory of discrete emotions10.1037/0022-3514.59.5.899 ↗
19. Relations among emotion, appraisal, and emotional action readiness10.1037/0022-3514.57.2.212 ↗
20. Myers, A.B. (1985, January 1). The Importance of Percent-Done Progress Indicators for computer-Human Interfaces. Proceedings of the CHI ‘85 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, San Francisco, CA, USA.10.1145/317456.317459 ↗
21. Subjectivity of time perception: Visual emotional orchestration10.3389/fnint.2011.00073 ↗
22. Metacognitive Questionnaire on Time: Feeling of the Passage of Time10.1163/22134468-00002031 ↗
23. Passage of Time Judgments Are Not Duration Judgments: Evidence from a Study Using Experience Sampling Methodology
24. Timing and time perception: A review of recent behavioral and neuroscience findings and theoretical directions10.3758/APP.72.3.561 ↗
25. Temporal Cognition: Connecting Subjective Time to Perception10.1037/bul0000045 ↗
26. Liikkanen, A.L., and Goméz Gómez, P. (2013, January 27). Subjectively Experienced Time in HCI. Proceedings of the ACM CHI Workshop W14: Changing Perspectives of Time in HCI, Paris, France.
27. Time perception, Cognitive Correlates, Age and Emotions10.1016/j.sbspro.2015.03.129 ↗
28. Attention and the Subjective Expansion of Time10.3758/BF03196844 ↗
29. Holmund, E. (2016). Perceptual Fluency and Duration Judgments, An Experimental Study Regarding the Effect of Fluency on the Perception of Time. [Bachelor’s Thesis in Psychology, Department of Psychology, Umeå University].
30. Le Callet, P., Möller, S., and Perkis, A. (2020, January 20). Qualinet White Paper on Definitions of Quality of Experience, version 1.2., March 2013; European Network on Quality of Experience in Multimedia Systems and Services (COST Action IC 1003). Available online: http://www.qualinet.eu/resources/qualinet-white-paper/.
31. Hawk, S. (2020, January 20). The Great Debate: Usability vs. Delight. Available online: http://uxmastery.com/the-great-debate-usability-vs-delight/.
32. Saccadic eye movements cause compression of time as well as space10.1038/nn1488 ↗
33. Harrison, C., Yeo, Z., and Hudson, S.E. (2010, January 10–15). Faster Progress Bars: Manipulating Perceived Duration with Visual Augmentations. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, Atlanta, GA, USA.10.1145/1753326.1753556 ↗
34. Chang, B.-W., and Ungar, D. (1993, January 3–5). Animation: From Cartoons to the User Interface. Proceedings of the UIST Conference, Atlanta, GA, USA.10.1145/168642.168647 ↗
35. Huhtala, J., Sarjanola, A.-H., Isomursu, M., and Häkkilä, J. (2010, January 10–15). Animated UI transitions and perception of time: A user study on animated effects on a mobile screen. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, Atlanta, GA, USA.10.1145/1753326.1753527 ↗
36. Persson, S. (2019). Improving Perceived Performance of Loading Screens through Animation. [Bachelor’s Thesis, Linnaeus University].
37. Wroblewski, L. (2020, January 20). Mobile Design Details: Avoid the Spinner. Available online: https://www.lukew.com/ff/entry.asp?1797.
38. Maister, D. (2020, January 20). The Psychology of Waiting Lines. Available online: http://davidmaister.com/articles/the-psychology-of-waiting-lines/.
39. Scherwin, K. (2020, January 20). Progress Indicators Make a Slow System Less Insufferable. Available online: https://www.nngroup.com/articles/progress-indicators/.
40. Marcus, A., and Wang, W. (2017). The Effect of Video Loading Symbol on Waiting Time Perception. Design, User Experience, and Usability: Understanding Users and Contexts. DUXU 2017. Lecture Notes in Computer Science, Springer.
41. Tate, I. (2020, January 20). Experiments in Loading–How Long Will You Wait?. Available online: https://www.viget.com/articles/experiments-in-loading-how-long-will-you-wait.
42. Mojsilovic, A., and Rogowitz, B. (2001, January 7–10). Capturing image semantics with low-level descriptors. Proceedings of the 2001 International Conference on Image Processing (Cat. No.01CH37205), Thessaloniki, Greece.
43. Gentner, D. (1990). Metaphor as Structure Mapping: The Relational Shift, The University of Illinois at Urbana-Campaign. Technical Report No:488.
44. Cho, Y., and Yamanaka, T. (2011, January 19–22). An Approach for Understanding Motion Graphics in Visual Communication. Proceedings of the International Conference on Biometrics and Kansei Engineering, Washington, DC, USA.10.1109/ICBAKE.2011.43 ↗
45. Feedback preferences and impressions of waiting10.1177/0018720809345684 ↗
46. Mancas, M., Ferrera, V., Riche, N., and Taylor, J. (2016). How to Measure Attention?. From Human Attention to Computational Attention, Springer. Springer Series in Cognitive and Neural, Systems.10.1007/978-1-4939-3435-5 ↗
47. Möller, S., and Raake, A. (2014). Quality of Experience, Advanced Concepts, Applications and Methods, Springer.10.1007/978-3-319-02681-7 ↗
48. (2022, December 01). Vierord’s Law. Oxford Reference. Available online: https://www.oxfordreference.com/display/10.1093/oi/authority.20110803115730284;jsessionid=DC6073BDD965320B74FDA416A512D770.
49. Nielsan Norman Group (2022, December 01). The Need for Speed, 23 Years Later. Available online: https://www.nngroup.com/articles/the-need-for-speed/.
50. Reichl, P., Maille, P., Zwick, P., and Sackl, A. (2012, January 9–12). On the Fixpoint Problem of QoE-based Charging. Proceedings of the 6th International Conference on Performance Evaluation Methodologies and Tools (VALUE TOOLS), Cargèse, France.10.4108/valuetools.2012.250323 ↗
51. Weber, E.H. (1834). De Pulsu, Resorptione, Auditu Et Tactu. Annotationes Anatomicae et Physiologicae, Koehler.
52. Psychological Time: Interval Length Judgments and Subjective Passage of Time Judgments
53. Matthews, W.J. (2011). Stimulus Repetition and the Perception of Time: The Effects of Prior Exposure on Temporal Discrimination, Judgment, and Production. PLoS ONE, 6.10.1371/journal.pone.0019815 ↗
54. Repetition, expectation, and the perception of time10.1016/j.cobeha.2016.02.019 ↗