Analysis of User Experience (Ux) of Serif and Sans Serif Fonts in Dark Mode Website Display
DOI:
https://doi.org/10.59188/jurnalsostech.v5i8.32363Keywords:
Dark mode, website, uxAbstract
The main purpose of this study is to find out the perception of user experience of two types of fonts, namely serif and sans serif in dark mode display. The variables tested were visual comfort, eye comfort and visual preferences of the user himself. The research process involved forty participants who were determined based on criteria. The method used is qualitative which aims to analyze the results of the data in detail and in-depth and the evaluation method using Thematic Analysis which aims to identify recurring patterns, group answers based on themes that arise and interpret the meaning of these themes. After testing the data analysis using Thematic Analysis, the findings of this study stated that there are four main points, namely sans serif fonts are predominantly chosen because they provide higher visual comfort, serif fonts although considered aesthetically pleasing but considered disruptive in digital readability, especially in dark mode, most prefer dark mode but the effectiveness of its use is highly dependent on the contrast setting between the background and the color of the text, and simple, organized, and not visually redundant layouts and visual structures tend to increase reading duration and encourage user engagement. On the other hand, a dense or element-packed design distracts concentration and makes users leave the page faster.
References
Eisfeld, H., & Kristallovich, F. (2020). The rise of Dark Mode: A qualitative study of an emerging user interface design trend [Bachelor's thesis, Jönköping University]. DiVA Portal.
https://www.diva-portal.org/smash/record.jsf?pid=diva2%3A1440470
Vecino, S., Mehtali, J., de Andrés, J., Gonzalez-Rodriguez, M., & Fernandez-Lanvin, D. (2022). How does serif vs sans serif typeface impact the usability of e-commerce websites? PeerJ Computer Science, 8, e1139. https://doi.org/10.7717/peerj-cs.1139
Kushendriawan, M. A., Santoso, H. B., Putra, P. O. H., & Schrepp, M. (2021). Evaluating user experience of a mobile health application 'Halodoc' using user experience questionnaire and usability testing. Journal of Information Systems, 17(1), 58–71.
Shrestha, A., Shrestha, S., Paneru, B., Paneru, B., Paudel, S., Adhikari, A., & Sapkota, S. C. (2024). An Exploration of Effects of Dark Mode on University Students: A Human Computer Interface Analysis. arXiv preprint arXiv:2409.10895.
Suroya, S. H., Torrens, G. E., & Downs, S. T. (2024). Font Matters: Investigating the Typographical Components of Legibility. International Journal of Research and Innovation in Social Science, 8(9), 3368-3379.
Akbari T T, Muljadi B, Maulana D, Pratomo R R. (2024). The Role of Higher Education Leadership in Developing Human Capital and Future of Jobs In ASEAN: A Study on Indonesia's Universities. Johepal. 5(2), 36-51. doi:10.61186/johepal.5.2.36
Purnamasari, Y. (2021). The level of readability of health texts on the official WHO website during the COVID-19 pandemic. Line: Journal of Language, Literature, and Teaching, 10(2), 94–105. http://jurnal.unsur.ac.id/ajbsi
Tjahyanti, L. P. A. S., & Sutama, G. R. (2024). The influence of interface design on readability and accessibility for users with disabilities. Journal of Computer Science and Technology (KOMTEKS), 3(1), 5–9.
Rosita, D. Q. (2022). Typographic analysis of logotypes and Instagram content @souri.bkk Signature Box. Journal of Design, 9(3), 415–425. https://doi.org/10.30998/jd.v9i3.11983
Damayanti, A. A., Priharsari, D., & Tibyani. (2021). Qualitative analysis of the use of social media for micro, small, and medium enterprises (MSMEs). Journal of Information Technology Development and Computer Science, 5(8), 3316–3323. http://j-ptiik.ub.ac.id
Bingham, A. J. (2023). From data management to actionable findings: A five-phase process of qualitative data analysis. International Journal of Qualitative Methods, 22.https://doi.org/10.1177/16094069231183620
Sengsoon P, Intaruk R. Immediate Effects of Light Mode and Dark Mode Features on Visual Fatigue in Tablet Users. Int J Environ Res Public Health. 2025 Apr 12; 22(4):609. doi: 10.3390/ijerph22040609. PMID: 40283833; PMCID: PMC12027292.
Majumder, Aaditya Shankar. (2025). The Influence of UX Design on User Retention and Conversion Rates in Mobile Apps. 10.48550/arXiv.2501.13407.
Daxer, B., Radner, W., Radner, M., Benesch, T., & Ettl, A. (2022). Towards a standardisation of reading charts: Font effects on reading performance—Times New Roman with serifs versus the sans serif font Helvetica. Ophthalmic and Physiological Optics, 42(6), 1180–1186. https://doi.org/10.1111/opo.13039
Palmen, H., Gilbert, M., & Crossland, D. (2023). How bold can we be? The impact of adjusting font grade on readability in light and dark polarities. In Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems (pp. 1–11). ACM. https://doi.org/10.1145/3544548.3581552
Tichindelean, M., Tichindelean, M. T., Cetină, I., & Orzan, G. (2021). A comparative eye tracking study of usability—Towards sustainable web design. Sustainability, 13(18), 10415. https://doi.org/10.3390/su131810415
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Gabriel Christian Ilham Satheno, Arvin Claudy Frobenius
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-ShareAlike 4.0 International (CC-BY-SA). that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
