Analysis of graphical user interfaces of music services taking into account universal design principles

• Autorzy: Mydlak Damian , Adamiak Kacper , Skublewska-Paszkowska Maria

Identyfikatory

DOI

10.35784/jcsi.6311

Warianty tytułu

PL

Analiza graficznych interfejsów użytkownika serwisów muzycznych z uwzględnieniem zasad projektowania uniwersalnego

• Języki publikacji: PL

Abstrakty

PL

Tworząc usługi duży nacisk kładzie się na użyteczność i dostępność interfejsu użytkownika. Elementy te pozwalają aplikacjom dotrzeć do jak najszerszego grona odbiorców. Celem badania było sprawdzenie wpływu kontrastu, rozmiaru czcionki i zasad projektowania Uniwersalnego na użyteczność usług muzycznych. Oceny przeprowadzono przy pomocy dwóch aplikacji, pierwszej spełniającej i drugiej niespełniającej zasad WCAG 2.1 oraz projektowania Uniwersalnego. Korzystając z technologii śledzenia ruchu gałek ocznych, ankiet LUT i SUS oraz narzędzia WAVE. Dwudziestu jeden uczestników podjęło się udziału w badaniu okulografem. Czynnikami porównawczymi były średnie czasy do pierwszej fiksacji, liczba fiksacji oraz wyniki ankiet. Wyniki pokazały, że stosowanie zasad projektowania Uniwersalnego i WCAG 2.1 ma znaczący wpływ na dostępność i użyteczność aplikacji.

EN

While creating services, great emphasis is placed on usability and accessibility of the user interface. These elements allow applications to reach the widest possible audience. The purpose of this study was to examine the impact of contrast, font size and Universal Design principles on the usability of music services. The evaluations were carried out with the help of two applications, first that meets and second that does not meet WCAG 2.1 and Universal Design principles. Using eye tracking technology, LUT and SUS surveys and the WAVE tool. Twenty-one participants took part in the eye tracker study. Comparative factors were average times to first fixation, number of fixations and survey results. The results showed that the use of Universal Design principles and WCAG 2.1 has a significant impact on the accessibility and usability of applications.

Słowa kluczowe

PL

użyteczność; dostępność; interfejs użytkownika; eye tracking

EN

usability; accessibility; user interface; eye tracking

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2024
• Tom: Vol. 33
• Strony: 269--276
• Opis fizyczny: Bibliogr. 23 poz., fig., tab.

Twórcy

autor

Mydlak Damian

• Lublin University of Technology (Poland)

autor

Adamiak Kacper

• Lublin University of Technology (Poland)

autor

Skublewska-Paszkowska Maria

• Lublin University of Technology (Poland)

• https://orcid.org/0000-0002-0760-7126

Bibliografia

• 1. Web Content Accessibility Guidelines (WCAG) Overview, https://www.w3.org/TR/WCAG21, [15.01.2024].
• 2. About Universal Design, https://universaldesign.ie/about-universal-design, [23.02.2024].
• 3. Eye Tracking: The Complete Pocket Guide, https://imotions.com/eye-tracking, [23.01.2024].
• 4. R. Johnson, S. Kent, Designing universal access: web-applications for the elderly and disabled, Cogn Tech Work 9 (2007) 209–218, https://doi.org/10.1007/s10111-007-0063-2.
• 5. J. Gill, S. Perera, Accessible Universal Design of Interactive Digital Television, Proceedings of the 1st European conference on interactive television: from viewers to actors (2003) 83-89.
• 6. X. Xie, F. Song, Y. Liu, S. Wang, D. Yu, Study on the Effects of Display Color Mode and Luminance Contrast on Visual Fatigue, IEEE access 9 (2021) 35915-35923, https://doi.org/10.1109/ACCESS.2021.3061770.
• 7. A. Mithun, Z. A. Bakar, W. M. Yafooz, The Impact of Web Contents Color Contrast on Human Psychology in the Lens of HCI, Int. J. Inf. Technol. Comput. Sci. 11.10 (2019) 27-33, https://doi.org/10.5815/ijitcs.2019.10.04.
• 8. N. Menzi-Çetin, E. Alemdağ, H. Tüzün, M. Yıldız, Evaluation of a university website’s usability for visually impaired students, Universal Access in the Information Society 16 (2017) 151-160, https://doi.org/10.1007/s10209-015-0430-3.
• 9. A. Lodhi, Usability Heuristics as an Assessment Parameter: for performing Usability Testing, 2nd International Conference on Software Technology and Engineering IEEE (2010) 256-259, https://doi.org/10.1109/ICSTE.2010.5608809.
• 10. J. Voigt-Antons, T. Hoßfeld, S. Egger-Lampl, R. Schatz, S. Möller, User Experience of Web Browsing - The Relationship of Usability and Quality of Experience, Tenth International Conference on Quality of Multimedia Experience (QoMEX) IEEE (2018) 1-3, https://doi.org/10.1109/QoMEX.2018.8463383.
• 11. X. Fang, D. Chang, Z. Zhang, Effects of Different Interface Color Modes and Textbox Design on Users Reading Efficiency and Accuracy, International Conference on Industrial Engineering and Engineering Management (IEEM) IEEE (2022) 102-106, https://doi.org/10.1109/IEEM55944.2022.9989887.
• 12. L. Rello, P. Bigham, Good Background Colors for Readers: A Study of People with and without Dyslexia, Proceedings of the 19th international ACM SIGACCESS conference on computers and accessibility (2017) 72-80, https://doi.org/10.1145/3132525.3132546.
• 13. I. Darroch, J. Goodman, S. Brewster, P. Gray, The Effect of Age and Font Size on Reading Text on Handheld Computers, Human-Computer Interaction-INTERACT IFIP TC13 International Conference Springer Berlin (2005) 253-266, https://doi.org/10.1007/11555261_23.
• 14. M. Bernard, B. Chaparro, M. M. Mills, C. Halcomb, Comparing the effects of text size and format on the readibility of computer-displayed Times New Roman and Arial text, International Journal of Human-Computer Studies 59.6 (2003) 823-835, https://doi.org/10.1016/S1071-5819(03)00121-6.
• 15. P. A. Punde, M. E. Jadhav, R. R. Manza, A study of Eye Tracking Technology and its applications, 1st International Conference on Intelligent Systems and Information Management (ICISIM) IEEE (2017) 86-90, https://doi.org/10.1109/ICISIM.2017.8122153.
• 16. K. Tzafilkou, N. Protogeros, Diagnosing user perception and acceptance using eye tracking in web-based end-user development, Computers in Human Behavior 72 (2017) 23-37, https://doi.org/10.1016/j.chb.2017.02.035.
• 17. K. Kurek, M. Skublewska-Paszkowska, M. Dzienkowski, P. Powroźnik, The impact of applying universal design principles on the usability of online accommodation booking websities, Applied Computer Science 20.1 (2024) 56-71, https://doi.org/10.35784/acs-2024-04.
• 18. B. Badzio, A. Bodziak, B. Brodawka, K. Buchajczuk, M. Skublewska-Paszkowska, M. Dzienkowski, P. Powroźnik, Analysis of the usability and accessibility of websites in view of their universal design principles, Applied Computer Science 18.3 (2022) 63-85, https://doi.org/10.35784/acs-2022-22.
• 19. N. Thomas, How To Use The System Usability Scale (SUS) To Evaluate The Usability Of Your Website, https://usabilitygeek.com/how-to-use-the-system-usability-scale-sus-to-evaluate-the-usability-of-your-website, [23.01.2024].
• 20. M. Miłosz, Ergonomia systemów informatycznych, Politechnika Lubelska, 2014.
• 21. Wave: Web Accessibility Evaluation Tool, https://wave.webaim.org, [16.01.2024].
• 22. Eye tracker: GP3 HD 150Hz, https://www.gazept.com/product/gp3hd, [15.01.2024].
• 23. iMotions: Uniting and Empowering Researchers, https://imotions.com, [28.01.2024].

Uwagi

Opracowanie rekordu ze środków MNiSW, umowa nr POPUL/SP/0154/2024/02 w ramach programu "Społeczna odpowiedzialność nauki II" - moduł: Popularyzacja nauki (2025).