skip to main content
10.1145/1753326.1753527acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article

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

Published: 10 April 2010 Publication History

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.

References

[1]
Cooper, A. 1995. About Face: The Essentials of User Interface Design. John Wiley & Sons Inc, 1995.
[2]
De Angeli, A., Sutcliffe, A., Hartmann, J. What Influences User's Preferences? In Proc. DIS 2006.
[3]
Harrison, C., Amento, B., Kuznetsov, S. and Bell, R. 2007. Rethinking the Progress Bar. In Proc. UIST'07. ACM Press (2007), 115--118.
[4]
Lasseter, J. 1987. Principles of Traditional Animation Applied to 3D Computer Animation. In Computer Graphics (Proceedings of ACM SIGGRAPH 87), ACM Press (1987), 35--44.
[5]
Marentakis, G., Brewster, S. A. A Comparison of Feedback Cues for Enhancing Pointing Efficiency in Interaction with Spatial Audio Displays. In Proc. MobileHCI'05, ACM 2005, 55--62.
[6]
McCrickard, D., Zhao Q. and Stasko, J. 1999. Exploring Animation as a Presentation Technique for Dynamic Information Sources. In GVU Technical Report, GITGVU-99-47, 1999.
[7]
Myers, B. A. 1985. The importance of percent-done progress indicators for computer-human interfaces. In Proc. CHI '85. ACM Press (1985), 11--17.
[8]
Tractinsky, N., Katz, A. S., Ikar D. What Is Beautiful Is Usable. In Interacting with Computers 13 (2000), 127--145., Elsevier 2000

Cited By

View all
  • (2024)Perceived User Reachability in Mobile UIs Using Data Analytics and Machine LearningInternational Journal of Human–Computer Interaction10.1080/10447318.2024.232719941:4(2703-2726)Online publication date: 25-Mar-2024
  • (2024)Exploring the Structural Relationships of Microinteractions in Perception and Behavior by the Hedonic Motivation System Adoption ModelInternational Journal of Human–Computer Interaction10.1080/10447318.2024.230355241:1(592-607)Online publication date: 17-Jan-2024
  • (2024)Consumer preference study for the interface design of traditional Chinese medicine applications using conjoint analysis methodScientific Reports10.1038/s41598-024-82279-w14:1Online publication date: 28-Dec-2024
  • Show More Cited By

Index Terms

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

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
    April 2010
    2690 pages
    ISBN:9781605589299
    DOI:10.1145/1753326
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 10 April 2010

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. ui animations
    2. ui design
    3. ui transitions
    4. user studies

    Qualifiers

    • Research-article

    Conference

    CHI '10
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

    Upcoming Conference

    CHI 2025
    ACM CHI Conference on Human Factors in Computing Systems
    April 26 - May 1, 2025
    Yokohama , Japan

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)31
    • Downloads (Last 6 weeks)0
    Reflects downloads up to 23 Feb 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)Perceived User Reachability in Mobile UIs Using Data Analytics and Machine LearningInternational Journal of Human–Computer Interaction10.1080/10447318.2024.232719941:4(2703-2726)Online publication date: 25-Mar-2024
    • (2024)Exploring the Structural Relationships of Microinteractions in Perception and Behavior by the Hedonic Motivation System Adoption ModelInternational Journal of Human–Computer Interaction10.1080/10447318.2024.230355241:1(592-607)Online publication date: 17-Jan-2024
    • (2024)Consumer preference study for the interface design of traditional Chinese medicine applications using conjoint analysis methodScientific Reports10.1038/s41598-024-82279-w14:1Online publication date: 28-Dec-2024
    • (2023)Mobile-Application Loading-Animation Design and Implementation OptimizationApplied Sciences10.3390/app1302086513:2(865)Online publication date: 8-Jan-2023
    • (2023)The Impact of Microinteraction Usability and Emotionality on User Experience DesignDesign10.12677/Design.2023.8317508:03(1459-1466)Online publication date: 2023
    • (2023)Animation2API: API Recommendation for the Implementation of Android UI AnimationsIEEE Transactions on Software Engineering10.1109/TSE.2023.329497149:9(4411-4428)Online publication date: 1-Sep-2023
    • (2023)Use of Event-Related Potentials to Assess Visual–Auditory Multisensory Information in the Decision-Making Processes Related to Fast-Consuming BehaviorInternational Journal of Human–Computer Interaction10.1080/10447318.2023.226098340:22(7019-7042)Online publication date: 28-Sep-2023
    • (2023)The development of a smartphone animation fluency evaluation scale based on qualitative and quantitative researchCurrent Psychology10.1007/s12144-022-04198-142:36(31987-31997)Online publication date: 4-Jan-2023
    • (2021)Effects of Affordance State and Operation Mode on a Smart Washing Machine Touch Sensitive User Interface DesignIEEE Sensors Journal10.1109/JSEN.2021.310166621:19(21956-21967)Online publication date: 1-Oct-2021
    • (2021)Animated Transitions for Multi-user Shared Large DisplaysCooperative Design, Visualization, and Engineering10.1007/978-3-030-88207-5_4(32-43)Online publication date: 1-Oct-2021
    • Show More Cited By

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Figures

    Tables

    Media

    Share

    Share

    Share this Publication link

    Share on social media