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.plPolitechnika 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; interfaceReferences
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
Authors
Cezary AltmajerLublin University of Technology Poland
Authors
Maria Skublewska-PaszkowskaLublin University of Technology Poland
Statistics
Abstract views: 167PDF downloads: 238
License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
