Evaluation of user interface design metrics by generating realistic‐looking dashboard samples

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.

Generator Structure Library React Js Mengunakan Metode User Centered Design

“…Bahasa pemrograman React Native, memfasilitasi proses pengembangan yang efisien, sementara Azure DevOps meningkatkan pengendalian proyek secara keseluruhan. Penelitian [12], area penelitiannya yaitu Hasil pengujian pengguna telah mengkonfirmasi dampak warna, jenis, dan kumpulan data dari widget pada karakteristik dasbor. Pembaca dapat menemukan hasil-hasil tersebut, termasuk survei dan contohcontoh dasbor, secara daring.…”

An information model‐based interface design method: A case study of cross‐channel platform interfaces

“…Okamoto (2018) developed an agglomerative hierarchical clustering method to evaluate consistency in device operation. Pastushenko, Hynek, and Hruška (2019) presented a method to generate realistic-looking dashboard samples for evaluating UI design metrics. Chiu, Huang, and Tzao (2019) redesigned the UI of a healthcare management system for the elderly, significantly improving its usability.…”