Animated UI transitions and perception of time: A user study on animated effects on a mobile screen

J. Huhtala; A.-H. Sarjanoja; Jani Mäntyjärvi; Minna Isomursu; J. Häkkilä

doi:10.1145/1753326.1753527

Animated UI transitions and perception of time: A user study on animated effects on a mobile screen

J. Huhtala, A.-H. Sarjanoja, Jani Mäntyjärvi, Minna Isomursu, J. Häkkilä

Research output: Chapter in Book/Report/Conference proceeding › Conference article in proceedings › Scientific › peer-review

9 Citations (Scopus)

Abstract

The capability to present advanced graphics in the present mobile devices can be utilized to improve their usability and overall user experience. Mobile devices have limitations compared to PCs due to their inferior computing power and small screens, but a successful design of animated transitions can hide processing delays and make the user experience smoother. In this paper, we describe the design of animated transitions and present a user study on how they are perceived. The results show that in the transition between two images, bringing up the next image earlier dominates the perception of a fast transition over other variables examined in the study.

Original language	English
Title of host publication	CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
Publisher	Association for Computing Machinery ACM
Pages	1339-1342
ISBN (Print)	978-1-60558-929-9
DOIs	https://doi.org/10.1145/1753326.1753527
Publication status	Published - 2010
MoE publication type	A4 Article in a conference publication
Event	28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010 - Atlanta, United States Duration: 10 Apr 2010 → 15 Apr 2010 Conference number: 28

Conference

Conference	28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010
Abbreviated title	CHI 2010
Country	United States
City	Atlanta
Period	10/04/10 → 15/04/10

Keywords

ui animations
ui design
ui transitions
user studies

Access to Document

10.1145/1753326.1753527

Fingerprint Dive into the research topics of 'Animated UI transitions and perception of time: A user study on animated effects on a mobile screen'. Together they form a unique fingerprint.

Cite this

Huhtala, J., Sarjanoja, A-H., Mäntyjärvi, J., Isomursu, M., & Häkkilä, J. (2010). Animated UI transitions and perception of time: A user study on animated effects on a mobile screen. In CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1339-1342). Association for Computing Machinery ACM. https://doi.org/10.1145/1753326.1753527

@inproceedings{f68858e16dbd46d087eccf9e233d2c85,

title = "Animated UI transitions and perception of time: A user study on animated effects on a mobile screen",

abstract = "The capability to present advanced graphics in the present mobile devices can be utilized to improve their usability and overall user experience. Mobile devices have limitations compared to PCs due to their inferior computing power and small screens, but a successful design of animated transitions can hide processing delays and make the user experience smoother. In this paper, we describe the design of animated transitions and present a user study on how they are perceived. The results show that in the transition between two images, bringing up the next image earlier dominates the perception of a fast transition over other variables examined in the study.",

keywords = "ui animations, ui design, ui transitions, user studies",

author = "J. Huhtala and A.-H. Sarjanoja and Jani M{\"a}ntyj{\"a}rvi and Minna Isomursu and J. H{\"a}kkil{\"a}",

year = "2010",

doi = "10.1145/1753326.1753527",

language = "English",

isbn = "978-1-60558-929-9",

pages = "1339--1342",

booktitle = "CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems",

publisher = "Association for Computing Machinery ACM",

address = "United States",

note = "28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010, CHI 2010 ; Conference date: 10-04-2010 Through 15-04-2010",

}

Huhtala, J, Sarjanoja, A-H, Mäntyjärvi, J, Isomursu, M & Häkkilä, J 2010, Animated UI transitions and perception of time: A user study on animated effects on a mobile screen. in CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. Association for Computing Machinery ACM, pp. 1339-1342, 28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010, Atlanta, United States, 10/04/10. https://doi.org/10.1145/1753326.1753527

Animated UI transitions and perception of time : A user study on animated effects on a mobile screen. / Huhtala, J.; Sarjanoja, A.-H.; Mäntyjärvi, Jani; Isomursu, Minna; Häkkilä, J.

CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. Association for Computing Machinery ACM, 2010. p. 1339-1342.

Research output: Chapter in Book/Report/Conference proceeding › Conference article in proceedings › Scientific › peer-review

TY - GEN

T1 - Animated UI transitions and perception of time

T2 - 28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010

AU - Huhtala, J.

AU - Sarjanoja, A.-H.

AU - Mäntyjärvi, Jani

AU - Isomursu, Minna

AU - Häkkilä, J.

N1 - Conference code: 28

PY - 2010

Y1 - 2010

N2 - The capability to present advanced graphics in the present mobile devices can be utilized to improve their usability and overall user experience. Mobile devices have limitations compared to PCs due to their inferior computing power and small screens, but a successful design of animated transitions can hide processing delays and make the user experience smoother. In this paper, we describe the design of animated transitions and present a user study on how they are perceived. The results show that in the transition between two images, bringing up the next image earlier dominates the perception of a fast transition over other variables examined in the study.

AB - The capability to present advanced graphics in the present mobile devices can be utilized to improve their usability and overall user experience. Mobile devices have limitations compared to PCs due to their inferior computing power and small screens, but a successful design of animated transitions can hide processing delays and make the user experience smoother. In this paper, we describe the design of animated transitions and present a user study on how they are perceived. The results show that in the transition between two images, bringing up the next image earlier dominates the perception of a fast transition over other variables examined in the study.

KW - ui animations

KW - ui design

KW - ui transitions

KW - user studies

U2 - 10.1145/1753326.1753527

DO - 10.1145/1753326.1753527

M3 - Conference article in proceedings

SN - 978-1-60558-929-9

SP - 1339

EP - 1342

BT - CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

PB - Association for Computing Machinery ACM

Y2 - 10 April 2010 through 15 April 2010

ER -