Enhancing User Interface & User Experience on Digital Learning Platforms Through a Design Thinking Approach

Ridwan Setiawan; Nadia Fitriani; Muhammad Rikza Nashrulloh

doi:10.34148/teknika.v14i3.1385

Authors

Ridwan Setiawan Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia
Nadia Fitriani Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia
Muhammad Rikza Nashrulloh Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia

DOI:

https://doi.org/10.34148/teknika.v14i3.1385

Keywords:

Design Thinking, Educational Platform, System Usability Scale, UI & UX, Thinkoguru

Abstract

Thinkoguru is an educational platform under development. This study redesigns its user interface and user experience using the Design Thinking framework through five stages: empathize, define, ideate, prototype, and test. User needs were elicited through interviews, synthesized into personas and pain points, and mapped to information architecture, user flows, and a cohesive design system. The outcome is a high-fidelity prototype based on a role-based dual-platform architecture, consisting of a mobile application for learners and a web dashboard for mentors. This paper presents and evaluates the web prototype, which was tested with fifteen participants using the System Usability Scale and achieved an average score of 85.5 (Grade A), indicating excellent perceived usability. The study contributes a clear separation of roles to clarify tasks and reduce cognitive load, together with a traceable linkage from user needs to design decisions that support reuse. These findings provide a structured foundation for the continued development of Thinkoguru and for improving the learning experience on similar educational platforms.

Downloads

Download data is not yet available.

References

[1] Abdul Kholik, Asep Soegiarto, and Wina Puspita Sari, “Strategi Komunikasi Visual dalam User Interface (UI) dan User Experience (UX) Untuk Membangun Kepuasan Pengguna,” TUTURAN: Jurnal Ilmu Komunikasi, Sosial dan Humaniora, vol. 2, no. 4, pp. 335–344, Nov. 2024, doi: 10.47861/tuturan.v2i4.1358.

[2] D. S. Mubiarto, R. R. Isnanto, and I. P. Windasari, “Perancangan User Interface dan User Experience (UI/UX) pada Aplikasi ‘BCA Mobile’ Menggunakan Metode User Centered Design (UCD),” Jurnal Teknik Komputer, vol. 1, no. 4, pp. 209–216, Mar. 2023.

[3] M. Dopades, R. Sumarlin, and T. R. Deanda, “Analisis Ui Dan Ux Aplikasi Halodoc Terhadap Pengguna Layanan Kesehatan,” Desain Komunikasi Visual Manajemen Desain dan Periklanan (Demandia), vol. 8, no. 1, p. 1, Mar. 2023, doi: 10.25124/demandia.v8i1.4685.

[4] R. Setiawan, M. Faturrahman, Y. Septiana, D. Tresnawati, and A. Sutedi, “Enhancing the Usability of ITG Virtual Tour Website Through UI/UX Design Using the Five Planes Method,” Teknika, vol. 14, no. 2, pp. 197–204, Jul. 2025, doi: 10.34148/teknika.v14i2.1227.

[5] M. Trifena, A. Voutama, and A. A. Ridha, “Perancangan UI/UX Aplikasi Sistem Pendaftaran Rumah Sakit Saraswati Berbasis Mobile Dengan Metode Design Thinking,” Information Management for Educators and Professionals : Journal of Information Management, vol. 7, no. 2, pp. 113–123, Jun. 2023, doi: 10.51211/imbi.v7i2.2279.

[6] F. Firmansyah, “Analisis Pengaruh Desain Antarmuka Pengguna terhadap Adopsi Aplikasi Edukasi: Studi Kasus pada Ruangguru, Skill Academy, dan Belajar dari Rumah (Kemendikbud) di Platform Pembelajaran Daring Indonesia,” Design Journal, vol. 3, no. 1, pp. 11–20, Jan. 2025, doi: 10.58477/dj.v3i1.197.

[7] F. N. Hidayah, “Ruangguru Tempati Posisi Pertama Startup Teratas di Indonesia,” goodstats.id. Accessed: Feb. 23, 2025. [Online]. Available: https://data.goodstats.id/statistic/ruangguru-tempati-posisi-pertama-startup-teratas-di-indonesia-ji1Uw

[8] A. Z. Hakim, F. Fahsya, R. A. Safitri, and A. Prabowo, “Analisis UI/UX menggunakan metode System Usability Scale: Studi pada Aplikasi Ruangguru,” in Seminar Nasional Teknologi Informasi dan Matematika (SEMIOTIKA), 2023, pp. 136–145.

[9] D. Danendra, N. Oktadini, P. E. Sevtiyuni, A. Meiriza, and P. Putra, “Analisis User Experience Pada Website Dicoding Menggunakan Metode User Experience Questionnaire (UEQ),” Indonesian Journal of Computer Science, vol. 12, no. 5, Oct. 2023, doi: 10.33022/ijcs.v12i5.3456.

[10] Y. Tang et al., “Perception and Navigation in Autonomous Systems in the Era of Learning: A Survey,” IEEE Trans Neural Netw Learn Syst, vol. 34, no. 12, pp. 9604–9624, Dec. 2023, doi: 10.1109/TNNLS.2022.3167688.

[11] J. Gao and A. K. Dubé, “Comparison of Learning Experience Among Informal Learning APPS,” Nov. 2024, pp. 337–341. doi: 10.21125/iceri.2024.0173.

[12] A. R. Ridwansyah, C. Dinata, N. Savitri, N. Rahmawati, N. Herdiana, and A. Rahman, “Perancangan UI/UX Pada Aplikasi Bapakkost Idemopet dengan Menggunakan Metode Design Thinking,” in MDP Student Conference 2022, 2022, pp. 504–511.

[13] V. Christianto and F. Smarandache, “The Convergence of Ikigai and Design Thinking: Crafting a Purposeful Framework,” Sustainable Machine Intelligence Journal, vol. 7, Apr. 2024, doi: 10.61356/SMIJ.2024.77101.

[14] P. Y. Pratiwi and N. P. E. Suchahyani, “Implementation Of Design Thinking Method And Usability Testing In The Design Of A Scholarship Information System,” Jurnal Pendidikan Teknologi dan Kejuruan, vol. 21, no. 2, pp. 133–144, Jul. 2024, doi: 10.23887/jptkundiksha.v21i2.81688.

[15] E. D. Wahyuni, W. A. Kusuma, H. R. Abdillah, and H. Y. Sari, “Perspektif Awam Dalam Implementasi Elisitasi Kebutuhan Menggunakan User Persona,” SISTEMASI, vol. 9, no. 3, p. 468, Sep. 2020, doi: 10.32520/stmsi.v9i3.854.

[16] R. Fahrudin and R. Ilyasa, “Perancangan Aplikasi ‘Nugas’ Menggunakan Metode Design Thinking dan Agile Development,” Jurnal Ilmiah Teknologi Infomasi Terapan, vol. 8, no. 1, pp. 35–44, Dec. 2021, doi: 10.33197/jitter.vol8.iss1.2021.714.

[17] B. H. Pakarti and A. Prapanca, “Perancangan Ulang User Inteface (UI) Dan User Experience (UX) Website Perzela Dengan Metode User Centered Design (UCD),” Journal of Emerging Information System and Business Intelligence (JEISBI), vol. 4, no. 4, pp. 150–162, 2023.

[18] D. L. Santoso, I. Mufidah, and M. Iqbal, “Perancangan User Interface Website Laboratorium Analisis Perancangan Kerja dan Ergonomi Universitas Telkom Dengan Metode Double Diamond,” INNOVATIVE: Journal Of Social Science Research, vol. 4, no. 5, pp. 1004–1016, 2024.

[19] J. Brooke, “SUS-A quick and dirty usability scale,” Usability evaluation in industry, vol. 189, no. 194, pp. 4–7, 1996.

[20] W. Welda, D. M. D. U. Putra, and A. M. Dirgayusari, “Usability Testing Website Dengan Menggunakan Metode System Usability Scale (Sus)s,” International Journal of Natural Science and Engineering, vol. 4, no. 3, pp. 152–161, Nov. 2020, doi: 10.23887/ijnse.v4i2.28864.

[21] J. Sauro and J. R. Lewis, Quantifying the user experience: Practical statistics for user research. Morgan Kaufmann, 2016.

[22] J. Nielsen, “Why You Only Need to Test with 5 Users,” Nielsen Norman Group. Accessed: May 01, 2025. [Online]. Available: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/

[23] M. R. Drew, B. Falcone, and W. L. Baccus, “What Does the System Usability Scale (SUS) Measure?,” 2018, pp. 356–366. doi: 10.1007/978-3-319-91797-9_25.

[24] D. P. Kesuma, “Using System Usability Scale Method To Measure Usability Aspects On Online Learning Media at XYZ University,” JATISI (Jurnal Teknik Informatika dan Sistem Informasi), vol. 8, no. 3, pp. 1615–1626, Sep. 2021, doi: 10.35957/jatisi.v8i3.1356.

[25] G. W. Intyanto, N. A. Ranggianto, and V. Octaviani, “Pengukuran Usability pada Website Kampus Akademi Komunitas Negeri Pacitan Menggunakan System Usability Scale (SUS),” Walisongo Journal of Information Technology, vol. 3, no. 2, pp. 59–68, Dec. 2021, doi: 10.21580/wjit.2021.3.2.9549.

[26] A. Nurhasanah and O. Komarudin, “Perancangan User Interface Dan User Experience Pada Aplikasi” Bukuku” Menggunakan Metode Design Thinking,” JATI (Jurnal Mahasiswa Teknik Informatika), vol. 8, no. 5, pp. 10401–10409, 2024.