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 proceedingConference article in proceedingsScientificpeer-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 languageEnglish
Title of host publicationCHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
PublisherAssociation for Computing Machinery ACM
Pages1339-1342
ISBN (Print)978-1-60558-929-9
DOIs
Publication statusPublished - 2010
MoE publication typeA4 Article in a conference publication
Event28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010 - Atlanta, United States
Duration: 10 Apr 201015 Apr 2010
Conference number: 28

Conference

Conference28th Annual CHI Conference on Human Factors in Computing Systems, CHI 2010
Abbreviated titleCHI 2010
CountryUnited States
CityAtlanta
Period10/04/1015/04/10

Fingerprint

Mobile devices
Processing

Keywords

  • ui animations
  • ui design
  • ui transitions
  • user studies

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
Huhtala, J. ; Sarjanoja, A.-H. ; Mäntyjärvi, Jani ; Isomursu, Minna ; Häkkilä, J. / Animated UI transitions and perception of time : A user study on animated effects on a mobile screen. CHI 2010 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. Association for Computing Machinery ACM, 2010. pp. 1339-1342
@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",

}

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 proceedingConference article in proceedingsScientificpeer-review

TY - GEN

T1 - Animated UI transitions and perception of time

T2 - A user study on animated effects on a mobile screen

AU - Huhtala, J.

AU - Sarjanoja, A.-H.

AU - Mäntyjärvi, Jani

AU - Isomursu, Minna

AU - Häkkilä, J.

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

ER -

Huhtala J, Sarjanoja A-H, Mäntyjärvi J, Isomursu M, Häkkilä J. 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. 2010. p. 1339-1342 https://doi.org/10.1145/1753326.1753527