MODEL DESAIN WEB SELF-PACED LEARNING UNTUK MICROLEARNING DENGAN PENDEKATAN HIGH-FIDELITY PROTOTYPING
DOI:
https://doi.org/10.54314/jssr.v8i4.4667Abstract
Abstract: Digital transformation in education drives the need for flexible learning methods such as self-paced learning with microlearning. However, its effectiveness is highly influenced by the platform's design quality. This research aims to develop and evaluate a web design model supporting microlearning-based self-paced learning using a high-fidelity prototyping approach. The research method adopts the Design and Construct phase of Design-Based Research (DBR), which includes the implementation of a functional high-fidelity prototype and usability testing. Usability testing was conducted using two methods: the System Usability Scale (SUS) with 40 real users (37 Participants and 3 Admins), and Heuristic Evaluation (HE) by 7 expert evaluators. The SUS test results indicated an excellent level of usability with a combined average score of 82.5, categorized as "Excellent" (Grade B) and "Acceptable". The HE results identified 14 unique findings, comprising 4 "Major", 8 "Minor", and 2 "Cosmetic" issues, with primary problems related to H-1 (Visibility of System Status) and H-5 (Error Prevention). This study concludes that the proposed high-fidelity prototype design model is highly successful and well-received by users, while also yielding focused recommendations for improvement based on the 4 critical findings.
Keywords: Self-Paced-Learning; Microlearning; Desain-Web; High-Fidelity-Prototype; Usability.
Abstrak: Transformasi digital dalam pendidikan mendorong kebutuhan akan metode pembelajaran fleksibel seperti self-paced learning dengan microlearning. Namun, efektivitasnya sangat dipengaruhi oleh kualitas desain platform. Penelitian ini bertujuan untuk mengembangkan dan mengevaluasi model desain web yang mendukung self-paced learning berbasis microlearning menggunakan pendekatan high-fidelity prototyping. Metode penelitian mengadopsi Design and Construct dari Design-Based Research (DBR), yang mencakup implementasi high-fidelity prototype fungsional serta pengujian usability. Pengujian usabilitymenggunakan dua metode: System Usability Scale (SUS) terhadap 40 pengguna nyata (37 Peserta dan 3 Admin), dan Heuristic Evaluation (HE) oleh 7 evaluator ahli. Hasil pengujian SUS menunjukkan tingkat kegunaan sangat baik dengan skor rata-rata gabungan 82.5, yang dikategorikan "Excellent" (Grade B) dan "Acceptable". Hasil HE mengidentifikasi 14 temuan unik, terdiri dari 4 "Mayor", 8 "Minor", dan 2 "Kosmetik", dengan masalah utama pada H-1 (Visibilitas Status Sistem) dan H-5 (Pencegahan Error). Penelitian ini menyimpulkan bahwa model desain high-fidelity prototype yang diusulkan sangat berhasil dan diterima baik oleh pengguna, serta menghasilkan rekomendasi perbaikan yang terfokus pada 4 temuan kritis.
Kata kunci: Self-Paced-Learning; Microlearning; Desain-Web; High-Fidelity-Prototype; Usability.
Downloads
References
Astuti, E. T., Maulana, M. F., & Ali, H. S. M. (2022). Self-Paced Learning: Islamic Religious Education Learning Method in Elementary School During COVID-19 Pandemic. Mudarrisa Jurnal Kajian Pendidikan Islam, 14(1), 1–16. https://doi.org/10.18326/mdr.v14i1.1-16
Blessinger, K., & Comeaux, D. (2020). User Experience With a New Public Interface for an Integrated Library System. Information Technology and Libraries, 39(1). https://doi.org/10.6017/ital.v39i1.11607
Fhalosa, M. F., Suwawi, D. D. J., & Riskiana, R. R. (2023). User Interface Design for Baduy Ecotourism Website Using User Centered Design Method. Sinkron, 8(4), 2679–2691. https://doi.org/10.33395/sinkron.v8i4.12859
Hasiholan, G. M., Kartika Dewi, R., & Kharisma, A. P. (2022). Perancangan Prototype Aplikasi Pembelajaran Pembuatan Website dengan Metode Human-Centered Design (Vol. 6, Issue 5). http://j-ptiik.ub.ac.id
Julia, A., Bila, S., Prasodjo, A. A., Susanto, H. D., Sukowati, J. E., Hakim, L., Rindha, M., Fathan, A., Nur, S., Hikmatuloh, V., & Nahlatul ’ulya, S. (2025). Implementasi Pendekatan Kegiatan Belajar Microlearning sebagai Teknik Pembelajaran Efektif pada Mahasiswa FIPP UNNES (Vol. 4, Issue 2). http://jurnalilmiah.org/journal/index.php/majemuk
Kulkari, H. (2025). Human Computer Interaction. Interantional Journal of Scientific Research in Engineering and Management, 09(04), 1–9. https://doi.org/10.55041/ijsrem44967
Kurniawan, E., Maharani, D., Syafnur, A., Sena, M. D., & Dalimunthe, R. (2024). Usability heuristic study of the website interfaces of Asahan university, Indonesia. AIP Conference Proceedings, 3024(1), 040012. https://doi.org/10.1063/5.0204439
Kurniawan, E., Nata, A., & Royal, S. (2022). PENERAPAN SYSTEM USABILITY SCALE (SUS) DALAM PENGUKURAN KEBERGUNAAN WEBSITE PROGRAM STUDI DI STMIK ROYAL. In Journal of Science and Social Research (Issue 1). http://jurnal.goretanpena.com/index.php/JSSR
Lee, J., Kim, P. H., & Ahn, M. (2022). Design Based System Research of an Online Platform Prototype to Foster Higher-Order Questioning. Journal of Logistics, Informatics and Service Science, 9(1), 116–135. https://doi.org/10.33168/LISS.2022.0109
Munawarah, N., Kusumawardani, D., & Negeri Jakarta, U. (2024). Efektivitas Integrasi Microlearning dalam Model Blended Learning untuk Meningkatkan Hasil Belajar: Systematic Literature Review. In Didaktika: Jurnal Kependidikan (Vol. 13, Issue 4). https://jurnaldidaktika.org5439
Noriska, N. J., Widyaningrum, R., & Nursetyo, K. I. (2021). Pengembangan Microlearning pada Mata Kuliah Difusi Inovasi Pendidikan di Prodi Teknologi Pendidikan. Jurnal Pembelajaran Inovatif, 4(1), 100–107. https://doi.org/10.21009/jpi.041.13
Nurmala Santi, R., Situmorang, R., Iriani, T., & Negeri Jakarta, U. (2024). Potensi Model Microlearning sebagai Strategi Pembelajaran Inovatif untuk Bahan Pembelajaran: Systematic Review. In Didaktika: Jurnal Kependidikan (Vol. 13, Issue 4). https://jurnaldidaktika.org
Pradana, F. A. A., Sabariah, M. K., & Adrian, M. (2022). User Interface Design Improvement and Usability Evaluation for Evolution Web Application of Telkom Indonesia Using User-Centered Design. Journal of Computer System and Informatics (Josyc), 3(4), 191–198. https://doi.org/10.47065/josyc.v3i4.2035
Putri, L. F. D., Mustaji, M., & Sumarno, A. (2024a). How Developing and Implementation Microlearning in Educational Setting?: A Literature Review. Jurnal Teknologi Pendidikan Jurnal Penelitian Dan Pengembangan Pembelajaran, 9(3), 432. https://doi.org/10.33394/jtp.v9i3.11698
Putri, L. F. D., Mustaji, M., & Sumarno, A. (2024b). How Developing and Implementation Microlearning in Educational Setting?: A Literature Review. Jurnal Teknologi Pendidikan : Jurnal Penelitian Dan Pengembangan Pembelajaran, 9(3), 432. https://doi.org/10.33394/jtp.v9i3.11698
Rianti, A., Pangestu, A., & Nurfauzan, M. F. (2022). Perancangan Prototype Aplikasi EFORKID sebagai Media Pembelajaran Bahasa Inggris untuk Anak-anak. Jurnal Ilmu Komputer Dan Desain Komunikasi Visual, 7(1).
Scott, E. E., Wenderoth, M. P., & Doherty, J. H. (2020). Design-based research: A methodology to extend and enrich biology education research. CBE Life Sciences Education, 19(3), 1–12. https://doi.org/10.1187/cbe.19-11-0245
Tasril, V., Zen, M., Fitriani, E. S., &
Putra, A. D. (2023). DESAIN UI/UX PROTOTIPE PEMBELAJARAN BERBASIS GAME KOSAKATA BAHASA INGGRIS DENGAN METODE HCD UI/UX DESIGN OF ENGLISH VOCABULARY GAME-BASED LEARNING PROTOTYPE USING THE HCD METHOD. Journal of Information Technology and Computer Science (INTECOMS), 6(1).
van Zyl, A., & Karsten, I. (2022). Design-Based Research (DBR) as an Effective Tool to Create Context-Sensitive and Data-Informed Student Success Initiatives. Journal for Students Affairs in Africa. https://doi.org/10.24085/jsaa.v10i1.3706
Závodná, M., Mrázová, M., Poruba, J., Javorcik, T., Gun?aga, J., Havlásková, T., Tran, D., & Kostolányová, K. (2024). Microlearning: Innovative Digital Learning for Various Educational Contexts and Groups. European Conference on E-Learning, 23(1), 442–450. https://doi.org/10.34190/ecel.23.1.2590
Zhang, T., Rau, P. P., Salvendy, G., & Zhou, J. (2012). Comparing Low and High-Fidelity Prototypes in Mobile Phone Evaluation. International Journal of Technology Diffusion, 3(4), 1–19. https://doi.org/10.4018/jtd.2012100101
