A Measurement Model for Visual Complexity in HCI: Focusing on Visual Elements in Mobile GUI Design

Visual complexity has significant research value across various fields, influencing both first impressions and user experiences. In the context of human–computer interactions, studies on visual complexity in user interface design have evolved progressively alongside technological advancements, and the quantification of visual complexity has been demonstrated to be significant. However, existing research has primarily focused on web interfaces. In contrast, mobile interfaces have less maneuverable space and rely on finger interactions, necessitating more targeted studies. Additionally, while model research has gradually emerged in recent years, there are still issues regarding the influence weight of each visual element in the mobile interface that need to be addressed. This study employed a multiple linear regression analysis to develop a measurement model based on the visual elements used in mobile GUI design, addressing the weighting of each metric from the designer’s perspective. Different from other studies, this study focused on the independent visual elements of the mobile phone interface. This measurement model offers designers intuitive and quantitative reference metrics, enhancing the efficiency of design iterations. Furthermore, it lays the groundwork for the development of visual-complexity measurement tools.