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

Damian Mydlak

damian.mydlak@pollub.edu.pl
Lublin University of Technology (Poland)

Kacper Adamiak


Lublin University of Technology (Poland)

Maria Skublewska-Paszkowska


Lublin University of Technology (Poland)
https://orcid.org/0000-0002-0760-7126

Abstract

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.

Supporting Agencies

Lublin University of Technology

Keywords:

usability, accessibility, user interface, eye tracking

Web Content Accessibility Guidelines (WCAG) Overview, https://www.w3.org/TR/WCAG21, [15.01.2024].
  Google Scholar

About Universal Design, https://universaldesign.ie/about-universal-design, [23.02.2024].
  Google Scholar

Eye Tracking: The Complete Pocket Guide, https://imotions.com/eye-tracking, [23.01.2024].
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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.
  Google Scholar

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].
  Google Scholar

M. Miłosz, Ergonomia systemów informatycznych, Politechnika Lubelska, 2014.
  Google Scholar

Wave: Web Accessibility Evaluation Tool, https://wave.webaim.org, [16.01.2024].
  Google Scholar

Eye tracker: GP3 HD 150Hz, https://www.gazept.com/product/gp3hd, [15.01.2024].
  Google Scholar

iMotions: Uniting and Empowering Researchers, https://imotions.com, [28.01.2024].
  Google Scholar

Download


Published
2024-12-30

Cited by

Mydlak, D., Adamiak, K., & Skublewska-Paszkowska, M. (2024). Analysis of graphical user interfaces of music services taking into account universal design principles. Journal of Computer Sciences Institute, 33, 269–276. https://doi.org/10.35784/jcsi.6311

Authors

Damian Mydlak 
damian.mydlak@pollub.edu.pl
Lublin University of Technology Poland

Authors

Kacper Adamiak 

Lublin University of Technology Poland

Authors

Maria Skublewska-Paszkowska 

Lublin University of Technology Poland
https://orcid.org/0000-0002-0760-7126

Statistics

Abstract views: 41
PDF downloads: 33


License

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.