Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface

Visual search is people's essential natural mechanism to execute day-to-day tasks that occur mainly on digital screens and control panels. Human interaction with digital devices is usually dependent on the visual elements of the screen, which draw attention and guide users to the element of int...

Full description

Bibliographic Details
Main Authors: Nada Miketić, Ivan Pinćjer, Neda Milić Keresteš, Gordana Bošnjaković
Format: Article
Language:English
Published: Faculty of Mechanical Engineering in Slavonski Brod, Faculty of Electrical Engineering in Osijek, Faculty of Civil Engineering in Osijek 2023-01-01
Series:Tehnički Vjesnik
Subjects:
Online Access:https://hrcak.srce.hr/file/426038
_version_ 1797206496978665472
author Nada Miketić
Ivan Pinćjer
Neda Milić Keresteš
Gordana Bošnjaković
author_facet Nada Miketić
Ivan Pinćjer
Neda Milić Keresteš
Gordana Bošnjaković
author_sort Nada Miketić
collection DOAJ
description Visual search is people's essential natural mechanism to execute day-to-day tasks that occur mainly on digital screens and control panels. Human interaction with digital devices is usually dependent on the visual elements of the screen, which draw attention and guide users to the element of interest. This study investigated the impact of colour harmonies and their grouping patterns on the visual search performance and direct manipulation tasks on a table-like cluttered interface. The results obtained in this study show that different colour harmonies affect time performance of visual search tasks. Search performance is changing due to different colour harmonies. The use of split complementary and triadic colour palettes for the UI design outperforms analogous colours in visual search performance. The research also shows that any colours of the specific colour harmony can be used without influencing search performance, in other words, search performance will not change if the same colour harmony is used. Results also imply that colour coding using different grouping patterns affects visual search performance.
first_indexed 2024-04-24T09:07:57Z
format Article
id doaj.art-24adc6cc410349c0bc21de3b06392417
institution Directory Open Access Journal
issn 1330-3651
1848-6339
language English
last_indexed 2024-04-24T09:07:57Z
publishDate 2023-01-01
publisher Faculty of Mechanical Engineering in Slavonski Brod, Faculty of Electrical Engineering in Osijek, Faculty of Civil Engineering in Osijek
record_format Article
series Tehnički Vjesnik
spelling doaj.art-24adc6cc410349c0bc21de3b063924172024-04-15T18:18:03ZengFaculty of Mechanical Engineering in Slavonski Brod, Faculty of Electrical Engineering in Osijek, Faculty of Civil Engineering in OsijekTehnički Vjesnik1330-36511848-63392023-01-0130250651310.17559/TV-20220622140433Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User InterfaceNada Miketić0Ivan Pinćjer1Neda Milić Keresteš2Gordana Bošnjaković3University of Novi Sad, Faculty of Technical Sciences, Trg Dositeja Obradovića 8, Novi Sad, SerbiaUniversity of Novi Sad, Faculty of Technical Sciences, Trg Dositeja Obradovića 8, Novi Sad, SerbiaUniversity of Novi Sad, Faculty of Technical Sciences, Trg Dositeja Obradovića 8, Novi Sad, SerbiaUniversity of Novi Sad, Faculty of Technical Sciences, Trg Dositeja Obradovića 8, Novi Sad, SerbiaVisual search is people's essential natural mechanism to execute day-to-day tasks that occur mainly on digital screens and control panels. Human interaction with digital devices is usually dependent on the visual elements of the screen, which draw attention and guide users to the element of interest. This study investigated the impact of colour harmonies and their grouping patterns on the visual search performance and direct manipulation tasks on a table-like cluttered interface. The results obtained in this study show that different colour harmonies affect time performance of visual search tasks. Search performance is changing due to different colour harmonies. The use of split complementary and triadic colour palettes for the UI design outperforms analogous colours in visual search performance. The research also shows that any colours of the specific colour harmony can be used without influencing search performance, in other words, search performance will not change if the same colour harmony is used. Results also imply that colour coding using different grouping patterns affects visual search performance.https://hrcak.srce.hr/file/426038colour harmoniescoloured interfacegrouping patternuser interfacevisual search performance
spellingShingle Nada Miketić
Ivan Pinćjer
Neda Milić Keresteš
Gordana Bošnjaković
Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
Tehnički Vjesnik
colour harmonies
coloured interface
grouping pattern
user interface
visual search performance
title Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
title_full Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
title_fullStr Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
title_full_unstemmed Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
title_short Search Performance and Aesthetics: Harmonious Colours and Grouping for a Better User Interface
title_sort search performance and aesthetics harmonious colours and grouping for a better user interface
topic colour harmonies
coloured interface
grouping pattern
user interface
visual search performance
url https://hrcak.srce.hr/file/426038
work_keys_str_mv AT nadamiketic searchperformanceandaestheticsharmoniouscoloursandgroupingforabetteruserinterface
AT ivanpincjer searchperformanceandaestheticsharmoniouscoloursandgroupingforabetteruserinterface
AT nedamilickerestes searchperformanceandaestheticsharmoniouscoloursandgroupingforabetteruserinterface
AT gordanabosnjakovic searchperformanceandaestheticsharmoniouscoloursandgroupingforabetteruserinterface