Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance
The purpose of this study was to investigate the icon border form and interface background color saturation’s individual and connected impacts on interface interaction. They were two important factors affecting user visual experience and search performance, but previously they have been studied indi...
Saved in:
| Main Authors: | , , , |
|---|---|
| Format: | Article |
| Language: | English |
| Published: |
Wiley
2022-01-01
|
| Series: | Advances in Multimedia |
| Online Access: | http://dx.doi.org/10.1155/2022/1166656 |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
| _version_ | 1849691572570947584 |
|---|---|
| author | Li Deng Zhirui Zhang Fangyuan Zhou Ruiying Liu |
| author_facet | Li Deng Zhirui Zhang Fangyuan Zhou Ruiying Liu |
| author_sort | Li Deng |
| collection | DOAJ |
| description | The purpose of this study was to investigate the icon border form and interface background color saturation’s individual and connected impacts on interface interaction. They were two important factors affecting user visual experience and search performance, but previously they have been studied individually. An experiment using eye-tracking, behavior measurement, and subjective evaluation was carried out to determine the influence of app icon border form and interface background color saturation on user visual experience and search performance. The statistical results showed that during the human-computer interaction process, compared with the circle and rounded square border forms, the square icons had the longest search completion time and first fixation time and the lowest subjective evaluation score. In addition, rounded square icons had the best user visual experience. Compared with high-saturation background color, less time was required to complete search tasks in the low-saturation background color condition. Higher perceptual usability and aesthetic scores were also obtained under this condition compared to the high-saturation background color condition. Hence, this study confirmed that the two factors of icon border form and interface background color saturation had the basic properties of the interaction effect. The combination of rounded square icons and low-saturation background color can be beneficial to improve user search performance and visual experience. The findings can help in the design of human-computer interaction interfaces. |
| format | Article |
| id | doaj-art-e24686f946f642b195b94d6e805fc71c |
| institution | DOAJ |
| issn | 1687-5699 |
| language | English |
| publishDate | 2022-01-01 |
| publisher | Wiley |
| record_format | Article |
| series | Advances in Multimedia |
| spelling | doaj-art-e24686f946f642b195b94d6e805fc71c2025-08-20T03:20:59ZengWileyAdvances in Multimedia1687-56992022-01-01202210.1155/2022/1166656Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search PerformanceLi Deng0Zhirui Zhang1Fangyuan Zhou2Ruiying Liu3Key Laboratory of Oil and Gas EquipmentKey Laboratory of Oil and Gas EquipmentKey Laboratory of Oil and Gas EquipmentKey Laboratory of Oil and Gas EquipmentThe purpose of this study was to investigate the icon border form and interface background color saturation’s individual and connected impacts on interface interaction. They were two important factors affecting user visual experience and search performance, but previously they have been studied individually. An experiment using eye-tracking, behavior measurement, and subjective evaluation was carried out to determine the influence of app icon border form and interface background color saturation on user visual experience and search performance. The statistical results showed that during the human-computer interaction process, compared with the circle and rounded square border forms, the square icons had the longest search completion time and first fixation time and the lowest subjective evaluation score. In addition, rounded square icons had the best user visual experience. Compared with high-saturation background color, less time was required to complete search tasks in the low-saturation background color condition. Higher perceptual usability and aesthetic scores were also obtained under this condition compared to the high-saturation background color condition. Hence, this study confirmed that the two factors of icon border form and interface background color saturation had the basic properties of the interaction effect. The combination of rounded square icons and low-saturation background color can be beneficial to improve user search performance and visual experience. The findings can help in the design of human-computer interaction interfaces.http://dx.doi.org/10.1155/2022/1166656 |
| spellingShingle | Li Deng Zhirui Zhang Fangyuan Zhou Ruiying Liu Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance Advances in Multimedia |
| title | Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance |
| title_full | Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance |
| title_fullStr | Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance |
| title_full_unstemmed | Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance |
| title_short | Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance |
| title_sort | effects of app icon border form and interface background color saturation on user visual experience and search performance |
| url | http://dx.doi.org/10.1155/2022/1166656 |
| work_keys_str_mv | AT lideng effectsofappiconborderformandinterfacebackgroundcolorsaturationonuservisualexperienceandsearchperformance AT zhiruizhang effectsofappiconborderformandinterfacebackgroundcolorsaturationonuservisualexperienceandsearchperformance AT fangyuanzhou effectsofappiconborderformandinterfacebackgroundcolorsaturationonuservisualexperienceandsearchperformance AT ruiyingliu effectsofappiconborderformandinterfacebackgroundcolorsaturationonuservisualexperienceandsearchperformance |