Neumorphic or flat? Impact of icon depth on user attention and visual search efficiency

被引:19
作者
Mu, Deya [1 ]
Huang, Yanqun [1 ,2 ]
Wang, Yuzhen [1 ]
Yang, Junyu [1 ]
Li, Jutao [1 ]
Kang, Zhiyu [3 ]
机构
[1] Tianjin Univ, Key Lab Mech Theory & Equipment Design, Minist Educ, Tianjin 300354, Peoples R China
[2] Tianjin Renai Coll, Tianjin 301636, Peoples R China
[3] Shanghai Inst Aerosp Syst Engn, Shanghai 201109, Peoples R China
关键词
Flat; 2D icons; Neumorphic; 3D icons; Visual search; Depth information; Visual attention; FIXATION DURATION; EYE-MOVEMENTS; DESIGN; APP; 3D; PERFORMANCE; PERCEPTION; COMPLEXITY; INTERFACE; DISTANCE;
D O I
10.1016/j.ergon.2022.103281
中图分类号
T [工业技术];
学科分类号
08 ;
摘要
In this research, we examined the impact of icons' depth on user attention and search efficiency during icon recognition. First, 61 participants were asked to view an image composed of flat (2D) and neumorphic (3D) icons arranged in a circle, with their eye movements monitored by an eye tracker. Each participant was asked to watch the pictures carefully then complete four search tasks under the following four conditions (with suitable prompts) while viewing them: selecting a target 2D icon from among 2D icons, selecting a target 3D icon from among 3D icons, selecting a target 2D icon from among mixed 2D and 3D icons, and selecting a target 3D icon from among mixed 2D and 3D icons. The results indicated that 3D icons performed better in terms of attention distribution and attention attraction than 2D icons. There were no significant differences in terms of search time or accuracy between selecting a target 2D icon from among 2D icons and selecting a target 3D icon from among 3D icons, selecting a target 2D icon from among mixed 2D and 3D icons, and selecting a target 3D icon from among mixed 2D and 3D icons. The findings have practical significance for icon design and can provide guidance for designers, prompting them to either use 2D or 3D icons to achieve intentional visual and cognitive effects.
引用
收藏
页数:13
相关论文
共 51 条
  • [1] Depth perception differences between hemispheres, genders, and eye dominance A study on evoked potential
    Akay, Ahmet
    Celebi, Guerbuez
    [J]. NEURAL REGENERATION RESEARCH, 2009, 4 (11) : 947 - 950
  • [2] Apple, 2020, HUM INT GUID
  • [3] Banchs RE, 2014, LECT NOTES COMPUT SC, V8870, P100, DOI 10.1007/978-3-319-12844-3_9
  • [4] Baryshnikova A.R., 2020, NEUMORPHISM TREND FU, P121
  • [5] Bjork S., 2021, C INT TECHN DES, P71
  • [6] Blaynee J., 2016, COLLABORATIVE HCI UX, P1, DOI DOI 10.14236/EWIC/HCI2016.72
  • [7] Rousing reviews and instigative images: The impact of online reviews and visual design characteristics on app downloads
    Burgers, Christian
    Eden, Allison
    de Jong, Robin
    Buningh, Sander
    [J]. MOBILE MEDIA & COMMUNICATION, 2016, 4 (03) : 327 - 346
  • [8] Eye Movements and Processing Stages in Reading: Relative Contribution of Visual, Lexical, and Contextual Factors
    Calvo, Manuel G.
    Meseguer, Enrique
    [J]. SPANISH JOURNAL OF PSYCHOLOGY, 2002, 5 (01) : 66 - 77
  • [9] Effects of prospective-user factors and sign design features on guessability of pharmaceutical pictograms
    Chan, Alan H. S.
    Chan, Ken W. L.
    [J]. PATIENT EDUCATION AND COUNSELING, 2013, 90 (02) : 268 - 275
  • [10] Skeuomorphic or flat icons for an efficient visual search by younger and older adults?
    Chen, Ruoyu
    Huang, Jincheng
    Zhou, Jia
    [J]. APPLIED ERGONOMICS, 2020, 85 (85)