Understanding visual saliency in mobile user interfaces

Loading...
Thumbnail Image
Access rights
openAccess
Journal Title
Journal ISSN
Volume Title
Conference article in proceedings
Date
2020-10-05
Major/Subject
Mcode
Degree programme
Language
en
Pages
12
Series
Conference Proceedings - 22nd International Conference on Human-Computer Interaction with Mobile Devices and Services
Abstract
For graphical user interface (UI) design, it is important to understand what attracts visual attention. While previous work on saliency has focused on desktop and web-based UIs, mobile app UIs differ from these in several respects. We present findings from a controlled study with 30 participants and 193 mobile UIs. The results speak to a role of expectations in guiding where users look at. Strong bias toward the top-left corner of the display, text, and images was evident, while bottom-up features such as color or size affected saliency less. Classic, parameter-free saliency models showed a weak fit with the data, and data-driven models improved significantly when trained specifically on this dataset (e.g., NSS rose from 0.66 to 0.84). We also release the first annotated dataset for investigating visual saliency in mobile UIs.
Description
| openaire: EC/H2020/637991/EU//COMPUTED
Keywords
Computer Vision, Deep Learning, Human Perception and Cognition, Interaction Design
Other note
Citation
Leiva, L A, Xue, Y, Bansal, A, Tavakoli, H R, Köroðlu, T, Du, J, Dayama, N R & Oulasvirta, A 2020, Understanding visual saliency in mobile user interfaces . in Conference Proceedings - 22nd International Conference on Human-Computer Interaction with Mobile Devices and Services : Expanding the Horizon of Mobile Interaction, MobileHCI 2020 ., 3403557, ACM, International Conference on Human-Computer Interaction with Mobile Devices and Services, Oldenburg, Germany, 05/10/2020 . https://doi.org/10.1145/3379503.3403557