Evaluasi Komparatif Antarmuka Dark Mode dan Light Mode terhadap Kenyamanan Visual dan Durasi Membaca pada Artikel Berbasis Web
Downloads
Desain antarmuka digital, termasuk light mode dan dark mode, bertujuan untuk meningkatkan kenyamanan visual dan pengalaman pengguna. Namun, pengaruh kedua mode tampilan terhadap kenyamanan visual dan durasi membaca pada website berbasis artikel masih perlu dieksplorasi lebih lanjut. Penelitian ini bertujuan untuk mengevaluasi pengaruh light mode dan dark mode terhadap kenyamanan visual dan durasi membaca pengguna pada website artikel serta menganalisis hubungan antara keduanya. Penelitian kuantitatif dengan desain eksperimen berpasangan (within-subject design) melibatkan 74 responden yang membaca artikel dalam dua mode tampilan. Data dikumpulkan melalui kuesioner berbasis skala Likert dan dianalisis menggunakan uji statistik deskriptif, paired sample t-test, serta analisis korelasi. Tidak terdapat perbedaan signifikan pada kenyamanan visual antara kedua mode (p = 0.6679). Namun, durasi membaca lebih lama pada dark mode (p = 0.0363). Terdapat hubungan positif antara kenyamanan visual dan durasi membaca, yang lebih kuat pada dark mode. Meskipun dark mode tidak meningkatkan kenyamanan visual secara signifikan, mode ini dapat meningkatkan keterlibatan pengguna dalam membaca. Fitur dual-mode interface dapat menjadi strategi desain efektif untuk meningkatkan pengalaman pengguna.
Bauer, D., & Cavonius, C. R. (1980). Improving the legibility of visual display units through contrast reversal. Ergonomic Aspects of Visual Display Terminals, 1980, 137–142.
Buchner, A., & Baumgartner, N. (2007). Text–background polarity affects performance irrespective of ambient illumination and colour contrast. Ergonomics, 50(7), 1036-1063.
Deng, Y., Wang, Y., & Chen, Y. (2021). Dark mode in user interface design: A systematic review. International Journal of Human-Computer Interaction, 37(15), 1421-1435.
Eisfeld, H., & Kristallovich, F. (2020). The impact of dark mode on visual fatigue and reading performance in different lighting conditions [Bachelor's thesis, Linnaeus University].
Fan, J., Wang, L., & Zhang, H. (2024). Impact of color combination and contrast on visual fatigue during digital reading.Journal of Visual Ergonomics and Interface Design, 12(1), 45-58.
Fan, Q., Li, Z., & Chen, Y. (2024). Effects of ambient illumination and text color on visual fatigue in digital displays. Vision Research, 220, 108-118.
Gabele, M., Thomsen, J., & Hansen, L. K. (2021). The effect of dark mode on reading comprehension and user preference in mobile reading applications. Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems, Article 512, 1-12.
Garrett, J. J. (2011). The elements of user experience: User-centered design for the web and beyond (2nd ed.). New Riders.
Hall, R. H., & Hanna, P. (2004). The impact of web page text-background colour combinations on readability, retention, aesthetics, and behavioural intention. Behaviour & Information Technology, 23(3), 183-195.
ISO. (2018). ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems. International Organization for Standardization.
Kim, B. (2026). Color adjustment of brand logos for dark mode display. Applied Sciences, 16(2), 102-115.
Nielsen, J. (1994). Usability engineering. Academic Press.
Norman, D. A. (2013). The design of everyday things: Revised and expanded edition. Basic Books.
Oulasvirta, A., Wahlström, M., & Eriksson, A. (2018). What does it take to cross the uncanny valley? International Journal of Human-Computer Studies, 111, 1-12.
Rasouli, M. (2025). Dark mode and high-contrast interface design for modern user interfaces. Journal of Digital Interface Design, 8(2), 55-64.
Rogers, Y., Sharp, H., & Preece, J. (2019). Interaction design: Beyond human-computer interaction (5th ed.). Wiley.
Rosenfield, M. (2021). Computer vision syndrome: A review of ocular causes and potential treatments. Ophthalmic and Physiological Optics, 41(3), 456-468.
Sengsoon, P., & Intaruk, R. (2025). Immediate effects of light mode and dark mode features on visual fatigue in tablet users. International Journal of Environmental Research and Public Health, 23(4), 609-622.
Sheppard, A. L., & Wolffsohn, J. S. (2018). Digital eye strain: Prevalence, measurement and amelioration. BMJ Open Ophthalmology, 3(1).
Shrestha, A. (2024). The impact of dark mode interfaces on visual comfort in digital reading environments. Journal of Human-Computer Interaction Studies, 12(1), 45-57.
Copyright (c) 2026 Steven, Patah Herwanto
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.
