Thesis
Determining the optimum duration of user interface animation in microinteraction design: comparing mouse vs. touch input
Master of Science (M.S.), Drexel University
Jun 2018
DOI:
https://doi.org/10.17918/D8M37P
Abstract
User Interface animation has been increasingly designed into various interactive interfaces in recent years, including web and mobile-based interface. Using a variety of animation effects, things are easier to understand, the mood is boosted, and the boring state becomes more interesting. However, only well-designed animation can bring users a better experience than a simple static interface. Studies have shown that animation duration would be an important mechanics affecting animation design, and the same animation duration perceived in mouse and touch input screens may differ. In this study, we designed an animated interface duration survey to allow users to perceive different interface animations with the different duration applied on a menu and compare participants' selections. The main focus is to evaluate how different factors affect users to perceive interface animation durations and whether or not there's a perceived difference in optimum user interface animation duration across device input types. We described how we designed a testing tool which is a responsive website in research method. We conducted a testing of 25 participants and presented the data showing the results on how they perceived the UI animation durations. We found that users tend to be similar in the perception of different styles of UI animation. Moreover, we proposed that input mode, gender, age, reaction time and design experience don't explicitly affect user's perception of UI animation duration. By analyzing quantitative and qualitative data, we found out the minimum and maximum value of the duration difference. Within this range, a UI animation duration could be perceived properly. We suggested the further study can be conducted in a content-based commercial environment which we believe the results would be more practical. This study hopes that it can provide helpful guides when designing animation for both mouse and touch input UIs.
Metrics
67 File views/ downloads
47 Record Views
Details
- Title
- Determining the optimum duration of user interface animation in microinteraction design
- Creators
- Motian Wang - DU
- Contributors
- Troy Finamore (Advisor) - Drexel University (1970-)
- Awarding Institution
- Drexel University
- Degree Awarded
- Master of Science (M.S.)
- Publisher
- Drexel University; Philadelphia, Pennsylvania
- Number of pages
- viii, 53 pages
- Resource Type
- Thesis
- Language
- English
- Academic Unit
- Digital Media; Drexel University; Antoinette Westphal College of Media Arts and Design
- Other Identifier
- 7919; 991014632266904721