Analysis of the graphical user interface of the online store, taking into account the methods of universal design

Cezary Altmajer


Lublin University of Technology (Poland)

Piotr Błażewicz

piotr.blazewicz@pollub.edu.pl
Politechnika Lubelska (Poland)

Maria Skublewska-Paszkowska


Lublin University of Technology (Poland)

Abstract

Universal design is a philosophy of creating various products and the environment to adapt to the most comprehensive possible group of recipients. This article aims to compare interfaces with the principles of universal design and application interfaces that ignore such principles. After the literature review, the following research hypotheses were posed: “Higher interface contrast affects the visibility and speed of searching for individual elements of user interface” and “The arrangement of interface elements has a significant impact on navigating the website”. The research was conducted on two websites. The Empik storefront was a webservice that did not comply with universal design principles. The application that follow the regulations of universal design was created for the purpose of research. Three methods of measuring the quality of interfaces were used in the study: WAVE tool, eye-tracking tests, and subjective assessment using the LUT questionnaire (Lublin University of Technology). Eye tracking study showed that participants needed an average of 2 times less time to locate elements on a high-contrast interface and 4 times less time to locate all components placed compliant with generally accepted design standards.


Keywords:

universal design; contrast; arrangement of graphic elements; interface

C. Duarte, I. Matos, J. Vicente, A. Salvado, C. M. Duarte, L. Carriço, Development Technologies Impact in Web Accessibility, the 13th Web for All Conference (2016) 1–4, https://doi.org/10.1145/2899475.2899498.
DOI: https://doi.org/10.1145/2899475.2899498   Google Scholar

M. Eyadat, D. Fisher, Web accessibility in information systems, International Journal of Web Information Systems 3(4) (2007) 363–377, https://doi.org/10.11 08/17440080710848134.
DOI: https://doi.org/10.1108/17440080710848134   Google Scholar

M. Ferati, B. Vogel, Accessibility in Web Development Courses: A Case Study, Informatics 7(1) (2020) 8, https://doi.org/10.3390/informatics7010008.
DOI: https://doi.org/10.3390/informatics7010008   Google Scholar

M. Providenti, R. Zai, Web accessibility at Kentucky’s academic libraries, Library Hi Tech 25(4) (2007) 494–508, https://doi.org/10.1108/07378830710840455.
DOI: https://doi.org/10.1108/07378830710840455   Google Scholar

P. Panchekha, A. T. Geller, M. D. Ernst, T. Zachary, K. Shoaib, Verifying That Web Pages Have Accessible Layout, 39th ACM SIGPLAN Conference on Programming Language Design and Implementation (2018) 1–14, https://doi.org/10.1145/3192366.3192407.
DOI: https://doi.org/10.1145/3192366.3192407   Google Scholar

E. M. Pivetta, C. Flor, D. S. Saito, V. R. Ulbricht, Analysis of an Automatic Accessibility Evaluator to Validate a Virtual and Authenticated Environment, International Journal of Advanced Computer Science and Applications 4(4) (2013) 15–22, https://doi.org/10.14569/IJACSA.2013.040403.
DOI: https://doi.org/10.14569/IJACSA.2013.040403   Google Scholar

I. V. Ramakrishnan, V. Ashok, S. M. Billah, Non-visual Web Browsing: Beyond Web Accessibility, Universal Access in Human–Computer Interaction 10278 (2017) 322–334, https://doi.org/10.1007/978-3-319-58703-5_24.
DOI: https://doi.org/10.1007/978-3-319-58703-5_24   Google Scholar

N. Kesswani, S. Kumar, Accessibility analysis of websites of educational institutions, Perspectives in Science 8 (2016) 210–212, https://doi.org/10.1016/j.pisc.2016.04.031.
DOI: https://doi.org/10.1016/j.pisc.2016.04.031   Google Scholar

Serwis internetowy sklepu empik, https://www.empik.com/, [01.02.2022].
  Google Scholar

Sklep internetowy spełniający zasady projektowania uniwersalnego, http://magister.cba.pl/, [01.02.2022].
  Google Scholar

Kompendium wiedzy o testach oraz źródło nowin ze świata testowania, https://testerzy.pl/baza-wiedzy/artykuly/projektowanie-uniwersalne, [26.01.2022].
  Google Scholar

Walidator WAVE, https://wave.webaim.org/, 1.02.2022].
  Google Scholar

Gazepoint GP3 HD Eye Tracker, https://www.gazept.com/product/gp3hd/, [01.06.2022].
  Google Scholar

M. Miłosz, Ergonomia systemów informatycznych. Biblioteka Cyfrowa Politechniki Lubelskiej, Lublin 2014.
  Google Scholar

Download


Published
2022-12-30

Cited by

Altmajer, C., Błażewicz, P., & Skublewska-Paszkowska, M. (2022). Analysis of the graphical user interface of the online store, taking into account the methods of universal design. Journal of Computer Sciences Institute, 25, 315–322. https://doi.org/10.35784/jcsi.3010

Authors

Cezary Altmajer 

Lublin University of Technology Poland

Authors

Piotr Błażewicz 
piotr.blazewicz@pollub.edu.pl
Politechnika Lubelska Poland

Authors

Maria Skublewska-Paszkowska 

Lublin University of Technology Poland

Statistics

Abstract views: 120
PDF downloads: 151