Designing UI/UX for Academic Module of Education Management System Using Design Thinking
Abstract
Learning is the process of altering behavior through the acquisition of knowledge, useful skills, and moral precepts from a variety of sources. The role of media in education is becoming more and more important in the current digital era to improve human resources. By improving resource management, openness, and information exchange, education management systems raise academic standards. The COVID-19 pandemic has sped up digital learning, but issues with accessibility and flexibility still exist and require creative solutions.
The digitalization of education is getting closer to reality thanks to growing internet usage, improved infrastructure, and greater technology literacy. The Education Management System (EMS) website at SMPN 1 Magetan was created using a Design Thinking methodology, which is examined in this paper. The goal of the academic module design is to improve user experience and management effectiveness. Key system features were defined by analyzing the user needs that were discovered through interviews. Low-fidelity wireframes were the first step in the design process, which continued to high-resolution prototypes. The prototype, when tested using the Maze tool, received a pleasant and user-friendly experience, with an average System Usability Score (SUS) of B and a Single Ease Question (SEQ) score of 5.5 to 6.0 out of 7 from all role like Student, Teacher, Parent, and Administrative Staff.
References
A. Ahdar and W. Wardana, “Belajar Dan Pembelajaran,” Belajar dan Pembelajaran: 4 Pilar Peningkatan Kompetensi Pedagogis., 2019, Accessed: Jul. 18, 2024. [Online]. Available: https://repository.iainpare.ac.id/id/eprint/1639
M. Kristiawan, Y. Yunarsih, and H. Fitria, SUPERVISI PENDIDIKAN. 2019. [Online]. Available: https://www.researchgate.net/publication/332111313
Z. Han, “Design and Implementation of Vocational Education Management System Based on Discrete Fourier Transform,” Math Probl Eng, vol. 2022, 2022, doi: 10.1155/2022/4285626.
I. W. Lasmawan, “ERA DISRUPSI DAN IMPLIKASINYA BAGI REPOSISI MAKNA DAN PRAKTEK PENDIDIKAN (KAJI PETIK DALAM PERSPEKTIF ELEKTIK SOSIAL ANALISIS),” Jurnal Media Komunikasi Pendidikan Pancasila dan Kewarganegaraan, vol. 1, no. 1, pp. 54–65, May 2019, doi: 10.23887/jmpppkn.v1i1.13.
H. Hariyanto, R. T. Ratnasari, S. Rusgianto, and A. A. Pitchay, “Antecedents of Behavioral Intention to Adopt Sharia Digital Services in ZISWAF Distribution,” Etikonomi, vol. 23, no. 1, pp. 109–128, 2024, doi: 10.15408/etk.v23i1.33892.
M. Matera, F. Rizzo, and G. T. Carughi, “Web usability: Principles and evaluation methods,” in Web Engineering, Springer Berlin Heidelberg, 2006, pp. 143–180. doi: 10.1007/3-540-28218-1_5.
X. Wang, “User Experience Design: Beyond User Interface Design and Usability,” 2012, doi: 10.5772/35041.
V. Satriadi, F. Farhani, and N. Setiani, “Rancang Purwarupa Aplikasi UniBook Menggunakan Metode Pendekatan Design Thinking,” 2017. [Online]. Available: https://www.researchgate.net/publication/336711851
interaction-design.org, “Design Thinking (DT).” Accessed: Jul. 18, 2024. [Online]. Available: https://www.interaction-design.org/literature/topics/design-thinking
M. N. El Ghiffary, T. D. Susanto, and A. H. Prabowo, “Analisis Komponen Desain Layout, Warna, dan Kontrol pada Antarmuka Pengguna Aplikasi Mobile Berdasarkan Kemudahan Penggunaan (Studi Kasus: Aplikasi Olride),” Jurnal Teknik ITS, vol. 7, no. 1, Apr. 2018, doi: 10.12962/j23373539.v7i1.28723.
T. Schlatter and D. Levinson, “Visual Usability: Principles and Practices for Designing Digital Applications,” 2013.
D. Norman, “The Definition of User Experience (UX).” [Online]. Available: https://www.nngroup.com/articles/definition-user-experience/
P. Morville and P. Sullenger, “Ambient Findability: Libraries, Serials, and the Internet of Things,” Serials Librarian, vol. 58, no. 1–4, pp. 33–38, Jan. 2010, doi: 10.1080/03615261003622999.
N. D. Supriyono, A. Aziz, W. Harianto, and K. Malang, “HEURISTIC EVALUATION”.
J. Sauro and J. R. Lewis, Quantifying the User Experience. Elsevier, 2012. doi: 10.1016/C2010-0-65192-3.
M. R. S. Sanjaya, A. Saputra, and D. Kurniawan, “PENERAPAN METODE SYSTEM USABILITY SCALE (SUS) PERANGKAT LUNAK DAFTAR HADIR DI PONDOK PESANTREN MIFTAHUL JANNAH BERBASIS WEBSITE,” Jurnal Komputer Terapan, vol. 7, no. 1, pp. 120–132, Jun. 2021, doi: 10.35143/jkt.v7i1.4578.
K. Kusuma Wardana, N. K. Erna Supriathi, I. N. Suarka, G. A. Parahita Nugraha, I. M. A. Oka Gunawan, and G. Indrawan, “Usability Testing Pada Aplikasi Mobile E-Ganesha Undiksha Mengunakan Metode System Usability Scale,” Jurnal Ilmiah Sinus, vol. 22, no. 1, p. 1, 2023, doi: 10.30646/sinus.v22i1.765.
I. Yulianti, I. Hamidah, M. Komaro, and A. Mudzakir, “ANALISIS KEBUTUHAN: PEMBELAJARAN BERBASIS WEB PADA MAHASISWA VOKASIONAL,” Jurnal Teknologi Informasi dan Pendidikan, vol. 13, no. 1, pp. 1–9, Feb. 2020, doi: 10.24036/tip.v13i1.257.
Rani Puspita Dhaniawaty and Annisa Paramitha Fadilah, “Design of Interactive Learning Media for Human Respiratory System Topic,” Jurnal Teknologi Informasi dan Pendidikan, vol. 14, no. 3, pp. 257–263, Apr. 2022.
Erif Ramadansyah, Rangga Gelar Guntara, and Adi Prehanto, “Design Thinking Approach for User Interface and User Experience on Campus Online Learning Platform,” Jurnal Teknologi Informasi dan Pendidikan, vol. 17, no. 2, pp. 344–357, Jul. 2024.
Copyright (c) 2025 Jurnal Teknologi Informasi dan Pendidikan
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
.png)
