How mobile apps grab our attention

October 06, 2020

As part of an international collaboration, Aalto University researchers have shown that our common understanding of what attracts visual attention to screens, in fact, does not transfer to mobile applications. Despite the widespread use of mobile phones and tablets in our everyday lives, this is the first study to empirically test how users' eyes follow commonly used mobile app elements.

Previous work on what attracts visual attention, or visual saliency, has centered on desktop and web-interfaces.

'Apps appear differently on a phone than on a desktop computer or browser: they're on a smaller screen which simply fits fewer elements and, instead of a horizontal view, mobile devices typically use a vertical layout. Until now it was unclear how these factors would affect how apps actually attract our eyes,' explains Aalto University Professor Antti Oulasvirta.

In the study, the research team used a large set of representative mobile interfaces and eye tracking to see how users look at screenshots of mobile apps, for both Android and Apple iOS devices.

According to previous thinking, our eyes should not only jump to bigger or brighter elements, but also stay there longer. Previous studies have also concluded that when we look at certain kinds of images, our attention is drawn to the centre of screens and also spread horizontally across the screen, rather than vertically. The researchers found these principles to have little effect on mobile interfaces.

'It actually came as a surprise that bright colours didn't affect how people fixate on app details. One possible reason is that the mobile interface itself is full of glossy and colourful elements, so everything on the screen can potentially catch your attention - it's just how they're designed. It seems that when everything is made to stand out, nothing pops out in the end,' says lead author and Post-doctoral Researcher Luis Leiva.

The study also confirms that some other design principles hold true for mobile apps. Gaze, for example, drifts to the top-left corner, as an indication of exploration or scanning. Text plays an important role, likely due to its role in relaying information; on first use, users thus tend to focus on text elements of a mobile app as parts of icons, labels and logos.

Image elements drew visual attention more frequently than expected for the area they cover, though the average length of time users spent looking at images was similar to other app elements. Faces, too, attracted concentrated attention, though when accompanied by text, eyes wander much closer to the location of text.

'Various factors influence where our visual attention goes. For photos, these factors include colour, edges, texture and motion. But when it comes to generated visual content, such as graphical user interfaces, design composition is a critical factor to consider,' says Dr Hamed Tavakoli, who was also part of the Aalto University research team.

The study was completed with international collaborators including IIT Goa (India), Yildiz Technical University (Turkey) and Huawei Technologies (China). The team will present the findings on 6 October 2020 at MobileHCI'20, the flagship conference on Human-Computer Interaction with mobile devices and services.
-end-


Aalto University

Related Mobile Devices Articles from Brightsurf:

How mobile apps grab our attention
Aalto University researchers alongside international collaborators have done the first empirical study on how users pay visual attention to mobile app designs.

No association found between exposure to mobile devices and brain volume alterations in adolescents
New study of 2,500 Dutch children is the first to explore the relationship between brain volume and different doses of radiofrequency electromagnetic fields

Mobile devices blur work and personal privacy raising cyber risks, says QUT researcher
Organisations aren't moving quickly enough on cyber security threats linked to the drive toward using personal mobile devices in the workplace, warns a QUT privacy researcher.

Multi-mobile (M2) computing system makes android & iOS apps sharable on multiple devices
Computer scientists at Columbia Engineering have developed a new computing system that enables current, unmodified mobile apps to combine and share multiple devices, including cameras, displays, speakers, microphones, sensors, and GPS, across multiple smartphones and tablets.

The use of mobile phone and the development of new pathologies
Professor Raquel Cantero of the University of Malaga (UMA) has identified a generational change in the use of this finger due to the influence of new technologies.

Mobile devices don't reduce shared family time, study finds
The first study of the impact of digital mobile devices on different aspects of family time in the UK has found that children are spending more time at home with their parents rather than less -- but not in shared activities such as watching TV and eating.

Mobile, instant diagnosis of viruses
In a first for plant virology, a team from CIRAD recently used nanopore technology to sequence the entire genomes of two yam RNA viruses.

Wearable devices and mobile health technology: one step towards better health
With increasing efforts being made to address the current global obesity epidemic, wearable devices and mobile health ('mHealth') technology have emerged as promising tools for promoting physical activity.

Mobile health devices diagnose hidden heart condition in at-risk populations
New research shows wearable mobile health devices improved the rate of diagnosis of a dangerous heart condition called atrial fibrillation.

Ultrasound-firewall for mobile phones
Mobile phones and tablets through so-called audio tracking, can be used by means of ultrasound to unnoticeably track the behaviour of their users: for example, viewing certain videos or staying in specific rooms and places.

Read More: Mobile Devices News and Mobile Devices Current Events
Brightsurf.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.