Perceived User Experience of Animated Transitions in Mobile User Interfaces

Animated transitions are an important part of graphical user interface design practice. They can help to guide users' attention and highlight changes in the interface. However, there is only little empirical research on how such animated transitions influence the users' perception of an interface. We therefore aim to investigate how different animation principles for animated transitions in mobile applications influence perceived user experience. In this late breaking work we present the results of a pilot study in which we tested the suitability of different animated transitions for our main study. Moreover, we outline a tentative design and procedure of the main study. We plan to recruit over 250 participants that will rate different styles of animated transitions in regard to perceived pragmatic and hedonic quality. Our findings are expected to provide insights in users' perception of animation styles and therefore to have implications for graphical user interface design practice.

[1]  Ronald Baecker,et al.  Bringing icons to life , 1991, CHI.

[2]  Barbara Tversky,et al.  Animation: can it facilitate? , 2002, Int. J. Hum. Comput. Stud..

[3]  Bay-Wei Chang,et al.  Animation: from cartoons to the user interface , 1993, UIST '93.

[4]  Stéphane Chatty,et al.  Improving Users' Comprehension of Changes with Animation and Sound: An Empirical Assessment , 2007, INTERACT.

[5]  Pierre Dragicevic,et al.  Temporal distortion for animated transitions , 2011, CHI.

[6]  Kar Yan Tam,et al.  Does Animation Attract Online Users' Attention? The Effects of Flash on Information Search Performance and Perceptions , 2004, Inf. Syst. Res..

[7]  Martin Schrepp,et al.  Acceptance and Speed of Animations in Business Software , 2011, INTERACT.

[8]  Marc Hassenzahl,et al.  The Inference of Perceived Usability From Beauty , 2010, Hum. Comput. Interact..

[9]  Bruce H. Thomas,et al.  Applying cartoon animation techniques to graphical user interfaces , 2001, TCHI.

[10]  F. Thomas,et al.  Disney Animation: The Illusion of Life , 1981 .

[11]  Moritz Stefaner,et al.  Elastic Lists for Facet Browsing and Resource Analysis in the Enterprise , 2008, 2008 19th International Workshop on Database and Expert Systems Applications.

[12]  Jeffrey Heer,et al.  Animated Transitions in Statistical Data Graphics , 2007, IEEE Transactions on Visualization and Computer Graphics.

[13]  Marc Hassenzahl,et al.  The Interplay of Beauty, Goodness, and Usability in Interactive Products , 2004, Hum. Comput. Interact..