Evaluation of User Interface Design Metrics using Generator of Realistic-Looking Dashboard Samples

Evaluation of User Interface Design Metrics using Generator of Realistic-Looking Dashboard Samples

WoS Article

The analysis of user interfaces using quantitative metrics is a straightforward way to quickly measure interface usability and other various design aspects (such as the suitability of page layout or selected colors). Development and evaluation of objective metrics corresponding with user perception, however, usually requires a sufficiently large training set of user interface samples. Finding real user interface samples might not be easy. Therefore, we rather use generated samples. In such case, we need to provide a realistic-looking appearance of samples. This paper describes a workflow of the preparation of such samples. It presents a configurable generator based on the composition of simple widgets according to a predefined model. It also describes a reusable library for simple creation of widgets using capabilities of the JavaScript framework Vue.js. Finally, we demonstrate the applicability of the generator on a generation of dashboard samples which are used to evaluate existing metrics of interface aesthetics and show the possibility of their improvement.

The analysis of user interfaces using quantitative metrics is a straightforward way to quickly measure interface usability and other various design aspects (such as the suitability of page layout or selected colors). Development and evaluation of objective metrics corresponding with user perception, however, usually requires a sufficiently large training set of user interface samples. Finding real user interface samples might not be easy. Therefore, we rather use generated samples. In such case, we need to provide a realistic-looking appearance of samples. This paper describes a workflow of the preparation of such samples. It presents a configurable generator based on the composition of simple widgets according to a predefined model. It also describes a reusable library for simple creation of widgets using capabilities of the JavaScript framework Vue.js. Finally, we demonstrate the applicability of the generator on a generation of dashboard samples which are used to evaluate existing metrics of interface aesthetics and show the possibility of their improvement.

aesthetics, dashboard, generator, usability guidelines, user testing

aesthetics, dashboard, generator, usability guidelines, user testing

PASTUSHENKO, O.; HYNEK, J.; HRUŠKA, T.

2020

01.08.2021

1468-0394

EXPERT SYSTEMS

38

5

United Kingdom of Great Britain and Northern Ireland

1

19

19

https://www.fit.vut.cz/research/publication/11981/

overleaf_snapshot
Pastushenko_et_al-2019-Expert_Systems