Publication detail

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

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

Original Title

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

English Title

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

Type

journal article in Web of Science

Language

en

Original Abstract

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.

English abstract

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.

Keywords

aesthetics, dashboard, generator, usability guidelines, user testing

Released

02.09.2019

Publisher

NEUVEDEN

Location

NEUVEDEN

ISBN

1468-0394

Periodical

Expert Systems

Year of study

2020

Number

9

State

GB

Pages from

1

Pages to

19

Pages count

19

URL

Documents

BibTex


@article{BUT162076,
  author="Olena {Pastushenko} and Jiří {Hynek} and Tomáš {Hruška}",
  title="Evaluation of User Interface Design Metrics using Generator of Realistic-Looking Dashboard Samples",
  annote="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.",
  address="NEUVEDEN",
  chapter="162076",
  doi="10.1111/exsy.12434",
  edition="NEUVEDEN",
  howpublished="online",
  institution="NEUVEDEN",
  number="9",
  volume="2020",
  year="2019",
  month="september",
  pages="1--19",
  publisher="NEUVEDEN",
  type="journal article in Web of Science"
}