Analiza graficznego interfejsu użytkownika sklepu internetowego z uwzględnieniem metod projektowania uniwersalnego

• Autorzy: Altmajer Cezary , Błażewicz Piotr , Skublewska-Paszkowska Maria

Identyfikatory

DOI

10.35784/jcsi.3010

Warianty tytułu

EN

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

• Języki publikacji: PL

Abstrakty

PL

Projektowanie uniwersalne jest filozofią tworzenia różnych produktów oraz otoczenia tak, aby było ono dostosowane do jak najszerszego grona odbiorców. Celem niniejszego artykułujest porównanie interfejsów z uwzględnieniem zasad projektowania uniwersalnego oraz interfejsów aplikacji, które pomijają takie zasady. Po zapoznaniu się z przeglądem literatury postawione zostały następujące hipotezy badawcze: „Większy kontrast interfejsu ma wpływ na widoczność oraz szybkość wyszukiwania poszczególnych elementów interfejsu graficznego” oraz „Rozmieszczenie elementów interfejsu ma zasadniczy wpływ na efektywność poruszania się po serwisie”.Badania przeprowadzone zostały na dwóch serwisach internetowych. Serwisemniespełniającymzasad projektowania uniwersalnego była witryna sklepu Empik. Zaś aplikacja spełniająca zasady projektowania uniwersalnego została stworzona na potrzeby badań. W pracy zastosowano trzy metody pomiaru jakości interfejsów: narzędzie WAVE, badania okulograficzne oraz badania subiektywnej oceny za pomocą ankiety LUT. Badania okulograficzne wykazały, że uczestnicy badania potrzebowali średnio 2 razy mniej czasu na zlokalizowanie elementów na stronie o wysokim kontraście oraz 4 razy mniej czasu na znalezienie wszystkich komponentów umieszczonych w miejscach zgodnych z ogólnie przyjętymi normami projektowania

EN

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.

Słowa kluczowe

PL

projektowanie uniwersalne; kontrast; rozmieszczenie elementów graficznych; interfejs

EN

universal design; contrast; arrangement of graphic elements; interface

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2022
• Tom: Vol. 25
• Strony: 315--322
• Opis fizyczny: Bibliogr. 14 poz., rys., tab.

Twórcy

autor

Altmajer Cezary

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Błażewicz Piotr

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Skublewska-Paszkowska Maria

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

Bibliografia

• 1. 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.
• 2. 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.
• 3. M. Ferati, B. Vogel, Accessibility in Web Development Courses: A Case Study, Informatics 7(1) (2020) 8, https://doi.org/10.3390/informatics7010008.
• 4. 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.
• 5. 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.
• 6. 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.
• 7. 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.
• 8. 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.
• 9. Serwis internetowy sklepu empik, https://www.empik.com/, [01.02.2022].
• 10. Sklep internetowy spełniający zasady projektowania uniwersalnego, http://magister.cba.pl/, [01.02.2022].
• 11. Kompendium wiedzy o testach oraz źródło nowin ze świata testowania, https://testerzy.pl/baza-wiedzy/artykuly/projektowanie-uniwersalne, [26.01.2022].
• 12. Walidator WAVE, https://wave.webaim.org/, 1.02.2022].
• 13. Gazepoint GP3 HD Eye Tracker, https://www.gazept.com/product/gp3hd/, [01.06.2022].
• 14. M. Miłosz, Ergonomia systemów informatycznych. Biblioteka Cyfrowa Politechniki Lubelskiej, Lublin 2014.