Hier finden Sie wissenschaftliche Publikationen aus den Fraunhofer-Instituten.

Addressing animated transitions already in mobile App storyboards

: Trapp, M.; Yasmin, R.


Marcus, A.:
Design, user experience, and usability. Second international conference, DUXU 2013. Vol.4: Web, mobile, and product design : Held as part of HCI International 2013, Las Vegas, NV, USA, July 21-26, 2013; proceedings
Berlin: Springer, 2013 (Lecture Notes in Computer Science 8015)
ISBN: 3-642-39252-0
ISBN: 978-3-642-39252-8 (Print)
ISBN: 978-3-642-39253-5 (Online)
International Conference on Design, User Experience and Usability (DUXU) <2, 2013, Las Vegas/Nev.>
International Conference on Human-Computer Interaction (HCI International) <15, 2013, Las Vegas/Nev.>
Fraunhofer IESE ()
user interface storyboard; user experience; mobile app; Smartphone

Animated transitions are key elements that contribute to the user experience (UX) of mobile Apps. Unfortunately, animated transitions are usually addressed too late in software development. We recommend to consider animated transitions already during user interface (UI) storyboarding. Typically, UI storyboards do not address the kind of transition, they focus on the screens and visualize a transition just with a simple arrow. Therefore, we investigated the leading mobile phone operating systems iOS 5, Windows Phone 7.5 and Android 4 with respect to their utilization of animated transitions. We developed a catalog consisting of 21 different types of animated transitions. Based on this catalog of 21 different types of animated transition we developed a vocabulary of 66 simple icons. These icons enhance the abilities of storyboards to the extent that they are now able to illustrate animated transitions.