Balanced Aesthetics: How Shape, Contrast, and Visual Force Affect Interface Layout

被引:3
作者
Chen, Xiaoli [1 ]
Lu, Yongheng [1 ]
Hao, Guocheng [1 ]
机构
[1] China Univ Geosci, Sch Mech & Elect Informat, Wuhan, Peoples R China
关键词
Interface aesthetics; visual balance; visual weight; computational model; shape; contrast; visual force; WEBPAGE AESTHETICS; DESIGN; USABILITY; MODEL;
D O I
10.1080/10447318.2023.2289294
中图分类号
TP3 [计算技术、计算机技术];
学科分类号
0812 ;
摘要
This study aims to investigate the effects of shape, contrast, and visual force on the visual weight of interface elements and provides corresponding experimental validations. The experiments employ representative abstract shapes as stimuli and conduct three visual weight experiments. The results of the shape experiment demonstrate significant effects of vertical and horizontal ellipses on visual weight, while polygons and rounded rectangles do not show significant effects. The contrast experiment reveals that increasing contrast significantly increases visual weight, particularly on a white background. The visual force experiment indicates that the direction of visual force influences visual weight, with a decrease in weight when directed towards the center of the interface and an increase when directed otherwise. Based on these experimental findings, we infer the underlying mechanisms of the effects of shape, contrast, and visual force on visual weight, providing empirical evidence for optimizing balance computational models.
引用
收藏
页码:8750 / 8763
页数:14
相关论文
共 45 条
  • [1] Are summary statistics enough? Evidence for the importance of shape in guiding visual search
    Alexander, Robert G.
    Schmidt, Joseph
    Zelinsky, Gregory J.
    [J]. VISUAL COGNITION, 2014, 22 (3-4) : 595 - 609
  • [2] The role of aesthetics and design in hotelscape: A phenomenological investigation of cosmopolitan consumers
    Alfakhri, Demah
    Harness, D.
    Nicholson, John
    Harness, Tina
    [J]. JOURNAL OF BUSINESS RESEARCH, 2018, 85 : 523 - 531
  • [3] Investigating Effects of Screen Layout Elements on Interface and Screen Design Aesthetics
    Altaboli, Ahamed
    Lin, Yingzi
    [J]. ADVANCES IN HUMAN-COMPUTER INTERACTION, 2011, 2011
  • [4] Arnheim R., 1960, ART VISUAL PERCEPTIO
  • [5] Bakar Z. A., 2021, ANN EMERGING TECHNOL, V5, P146, DOI [https://doi.org/10.33166/AETiC.2021.05.018, DOI 10.33166/AETIC.2021.05.018]
  • [6] How should external human-machine interfaces behave? Examining the effects of colour, position, message, activation distance, vehicle yielding, and visual distraction among 1,434 participants
    Bazilinskyy, P.
    Kooijman, L.
    Dodou, D.
    de Winter, J. C. F.
    [J]. APPLIED ERGONOMICS, 2021, 95
  • [7] The influence of web aesthetics on customers' PAD
    Chang, Shu-Hao
    Chih, Wen-Hai
    Liou, Dah-Kwei
    Hwang, Lih-Ru
    [J]. COMPUTERS IN HUMAN BEHAVIOR, 2014, 36 : 168 - 178
  • [8] David A., 2010, ONLINE J DISTANCE LE, V13
  • [9] Assessing the Visual Esthetics of User Interfaces: A Ten-Year Systematic Mapping
    de Souza Lima, Adriano Luiz
    von Wangenheim, Christiane Gresse
    [J]. INTERNATIONAL JOURNAL OF HUMAN-COMPUTER INTERACTION, 2022, 38 (02) : 144 - 164
  • [10] Webthetics: Quantifying webpage aesthetics with deep learning
    Dou, Qi
    Zheng, Xianjun Sam
    Sun, Tongfang
    Heng, Pheng-Ann
    [J]. INTERNATIONAL JOURNAL OF HUMAN-COMPUTER STUDIES, 2019, 124 : 56 - 66