Evaluation for Attractiveness Of Animated Page Transitions On Smartphones

Chih-Hsuan Yu
Department of Industrial Design National Cheng Kung University, Taiwan

Chun-Heng Ho
Department of Industrial Design National Cheng Kung University, Taiwan

Ladda ner artikel

Ingår i: KEER2014. Proceedings of the 5th Kanesi Engineering and Emotion Research; International Conference; Linköping; Sweden; June 11-13

Linköping Electronic Conference Proceedings 100:57, s. 681-694

Visa mer +

Publicerad: 2014-06-11

ISBN: 978-91-7519-276-5

ISSN: 1650-3686 (tryckt), 1650-3740 (online)


Nowadays; advances in technology have made smartphones equipped with high performance chips and high resolution displays. The overloaded data displays are increasingly complex in user interface and exceed human perceptual capacity to efficiently interpret them. Consequently; animated transitions in user interface play a fundamental role of supporting the user in integrating and relating information across displays and representations. In fact; judiciously applying animated transitions can make the user interface easier to understand; feel smoother; more natural; and be more appealing. In general; animated transitions are frequently and broadly applied in reader applications on smartphones; because the screen size of smartphones is limited so that users have to frequently switch different contents and categories between screens. In this way; the form of animated page transitions crucially affects the reading experience; and helps to create the uniqueness and appealing of reader applications. This paper describes how the constituent elements of animated page transitions affect user emotions; and clarifies the relationships between different types of page transitions and users reactions. The goal of this paper is to build an interface design principle of animated page transitions on smartphone for helping mobile application developers to select the suitable page transitions according to user emotions. This study applied Evaluation Grid Method and Quantification theory type I to figure out the attractiveness of various types of animated page transitions.


Animated Page Transitions; Attractive Factors; EGM; Quantification Theory Type I; Interaction Design


  1. Bartram; L (1997); “Can motion increase user interface bandwidth in complex systems? Systems;” Man; and Cybernetics; 1997. Computational Cybernetics and Simulation. 1997 IEEE International Conference on; vol.2; no.; pp.1686; 1692 vol.2; 12-15 Oct 1997.
  2. Ben Shneiderman (2009); “Designing the User Interface: Strategies for Effective Human-Computer Interaction;” ISBN 978-0321537355.
  3. Chang; B.; Ungar; D (1993); “Animation: From Cartoons to the User Interface;” In: Proc. of UIST 1993; ACM Symposium on User Interface Software and Technology; pp. 45–55. ACM Press; New York
  4. Frank T.; and Ollie J. (1981; reprint 1997); “The Illusion of Life: Disney Animation;” Hyperion. pp. 47–69. ISBN 978-0-7868-6070-8.
  5. Huhtala J.; et al. (2010); Animated UI Transitions and Perception of Time - a User Study on Animated Effects on a Mobile Screen. In: CHI 2010: Interaction Techniques; Atlanta; USA
  6. Johannes Tonollo (2011); “Meaningful Transitions: Motion Graphics in User Interface;” Bachelorarbeit zur Erlangung des akademischen Grades.
  7. Lasseter J. (1987); “Principles of Traditional Animation Applied to 3D Computer Animation In: Computer Graphics (Proceedings of ACM SIGGRAPH 1987);” pp. 35–44. ACM Press; New York.
  8. Marcus; T.; & René Y. (2013); “Addressing Animated Transitions already in Mobile App Storyboards;” A. Marcus (Ed.): DUXU/HCII 2013; Part IV; LNCS 8015; pp. 723–732.
  9. Tseng; L. T.; & Ma; M. (2012). “Evaluation of attractiveness factors of Taiwan lantern festival;” National Cheng Kung University; Taiwan; ROC.
  10. Ujigawa; M. (2000); “The evolution of preference-based design;” Research and development Institute.
  11. Wei Dong (2011); “The Evaluation Method for Product Form Attractiveness Based on Miryoku Engineering;” Applied Mechanics and Materials Vols. 44-47 (2011) pp. 86-90.

Citeringar i Crossref