Abstract:With the popularity of smartphones and the pervasion of mobile apps, people spend more and more time to interact with a diversity of apps on their smartphones, especially for young population. This raises a question: how people allocate attention to interfaces of apps during using them. To address this question, we, in this study, designed an experiment with two sessions (i.e., Session1: browsing original interfaces; Session 2: browsing interfaces after removal of colors and background) integrating with an eyetracking system. Attention fixation durations were recorded by an eye-tracker while participants browsed app interfaces. The whole screen of smartphone was divided into four even regions to explore fixation durations. The results revealed that participants gave significantly longer total fixation duration on the bottom left region compared to other regions in the session (1) Longer total fixation duration on the bottom was preserved, but there is no significant difference between left side and right side in the session2. Similar to the finding of total fixation duration, first fixation duration is also predominantly paid on the bottom area of the interface. Moreover, the skill in the use of mobile phone was quantified by assessing familiarity and accuracy of phone operation and was investigated in the association with the fixation durations. We found that first fixation duration of the bottom left region is significantly negatively correlated with the smartphone operation level in the session 1, but there is no significant correlation between them in the session (2) According to the results of ratio exploration, the ratio of the first fixation duration to the total fixation duration is not significantly different between areas of interest for both sessions. The findings of this study provide insights into the attention allocation during browsing app interfaces and are of implications on the design of app interfaces and advertisements as layout can be optimized according to the attention allocation to maximally deliver information.

User perception of animation fluency: The effect of time duration in different phases of animated transitions during application usage

A Study of the Effects of Different Animations on Germane Cognitive Load During Intangible Cultural Heritage Instruction

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

A Techno-Psychological Approach to Understanding Problematic Use of Short-Form Video Applications: the Role of Flow

Research on User Experience Optimization of Mobile Application Based on Animation Technology

Mobile-Application Loading-Animation Design and Implementation Optimization

Exploring The Differences Between Users' And Designers' Perceptions Of App Interface Design: A Case Study Of Illumination Dimming And Control Application

Perception Of Movements And Transformations In Flash Animations Of Older Adults

To switch or not? Effects of spokes-character urgency during the social app loading process and app type on user switching intention

Why time flies? The role of immersion in short video usage behavior

Effects of Animated Screen Transition in In-Vehicle Infotainment Systems: Perceived Duration, Delay Time, and Satisfaction

Effect of the Affordances of the FM New Media Communication Interface Design for Smartphones

A Quantitative Method to Measure Noticeability of Animations in Mobile Interfaces

Analyzing the effects of split-screen animated transition on user experience in In-Vehicle Infotainment Systems

Attention allocation on mobile app interfaces when human interacts with them

Comparative Study on 2D and 3D User Interface for Eliminating Cognitive Loads in Augmented Reality Repetitive Tasks

Experience Report: Detecting Poor-Responsive UI in Android Applications

Every Pixel Counts: Fine-grained UI Rendering Analysis for Mobile Applications.

Effects of Affordance State and Operation Mode on a Smart Washing Machine Touch Sensitive User Interface Design

Empirical Investigation of Users' Preferred Timing Parameters for American Sign Language Animations

Roaming Through the Castle Tunnels