Perancangan UI/UX Aplikasi Pendaftaran Siswa RA Berbasis Web Menggunakan Design Thinking dan Evaluasi SUS


  • Amelia Khairani * Mail Universitas Budi Darma, Medan, Indonesia
  • Fince Tinus Waruwu Universitas Budi Darma, Medan, Indonesia
  • Melda Panjaitan Universitas Budi Darma, Medan, Indonesia
  • (*) Corresponding Author
Keywords: User Interface; User Experience; Design Thinking; System Usability Scale; Web-Based Student Registration

Abstract

The student admission process at RA Tahfiz Qur'an Darussalam is still conducted manually, resulting in inefficient information dissemination, form completion, document submission, and data management, while also increasing the risk of recording errors. This study aims to design a User Interface (UI) and User Experience (UX) for a web-based student admission application that meets user needs. The research employed the Design Thinking method, consisting of the Empathize, Define, Ideate, Prototype, and Test stages. The Empathize stage was conducted through observations and interviews to identify user needs, followed by the Define stage to formulate design solutions. The proposed design was then visualized into wireframes and high-fidelity prototypes using Figma during the Prototype stage. The usability evaluation was carried out using the System Usability Scale (SUS) involving 30 respondents, consisting of parents, guardians of prospective students, and a school administrator. The evaluation results produced an average SUS score of 88.92, which falls into the Acceptable category, achieves Grade Scale B, and is classified as Excellent on the Adjective Rating scale. These findings indicate that the proposed UI/UX design has a high level of usability, is easy to understand, and effectively supports users in completing the web-based student admission process.

Downloads

Download data is not yet available.

References

Addin, M. D. K., & Wardhani, D. F. (2025). Efektivitas User Interface (UI) Dan User Experience (UI) Dalam Aplikasi Mobile. Jurnal Kelitbangan, 13(1), 1–11. https://doi.org/https://doi.org/10.35450/jip.v13i1.963

Adha, I. A., Voutama, A., & Ridha, A. A. (2023). Perancangan Ui/Ux Aplikasi Ogan Lopian Diskominfo Purwakarta Menggunakan Metode Design Thinking. JOISIE (Journal Of Information Systems And Informatics Engineering), 7(1), 55–70. https://doi.org/https://doi.org/10.35145/joisie.v7i1.2938

Akmal, H., Prita, D., Camelia, S., Devita, S., & Sangka, B. D. (2025). Analisis Kepuasan Pengguna Sidamaba Menggunakan Metode Sus ( Studi Kasus : Universitas Trunojoyo Madura ). JATI (Jurnal Mahasiswa Teknik Informatika), 9(5), 8010–8017. https://doi.org/https://doi.org/10.36040/jati.v9i5.14959

Ansori, S., Hendradi, P., & Nugroho, S. (2023). Penerapan Metode Design Thinking dalam Perancangan UI / UX Aplikasi Mobile SIPROPMAWA. Journal of Information System Research (JOSH), 4(4), 1072–1081. https://doi.org/10.47065/josh.v4i4.3648

Atmaja, A. S., Sidabalok, A. S., Raihan, M., Putra, F. A., Ifkah, N., & Silalahi, L. (2024). Perancangan Sistem Informasi Penerimaan Peserta Didik Baru ( PPDB ) Berbasis Web. Jurnal Komputer Teknologi Informasi Sistem Komputer (JUKTISI), 2(3), 515–523. https://doi.org/https://doi.org/10.62712/juktisi.v2i3.101

Buana, W., & Sari, B. N. (2022). Analisis User Interface Meningkatkan Pengalaman Pengguna Menggunakan Usability Testing pada Aplikasi Android Course. DoubleClick: Journal of Computer and Information Technology, 5(2), 91–97. https://ejurnal.ung.ac.id/index.php/diffusion/article/view/21342/7094

Dewi, A. C. (2024). Peran Teknologi Dalam Meningkatkan Kualitas Pembelajaran Di Era DigitaL. Jurnal Riset Guru Indonesia, 3(3), 165–170. https://doi.org/https://doi.org/10.62388/jrgi.v3i3.473

Dumalang, J. M., Montolalu, C. E. J. ., & Lapihu, D. (2023). Perancangan UI / UX Aplikasi Penjualan Makanan Berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking. Jurnal Ilmiah Informatika Dan Ilmu Komputer (JIMA-ILKOM), 2(2), 41–52. https://doi.org/https://doi.org/10.58602/jima-ilkom.v2i2.19

Dyayu, A. L., Beny, & Yani, H. (2023). Evaluasi Usability Aplikasi PeduliLindungi Menggunakan Metode Usability Testing dan System Usability Scale (SUS). Jurnal Manajemen Teknologi Dan Sistem Informasi (JMS), 3(1), 395–404. https://doi.org/https://doi.org/10.33998/jms.2023.3.1.720

Firdonsyah, A., Tyas, Z. A., & Ma, L. M. (2023). Penerapan Metode Design Thinking Pada Perancangan UI / UX Sistem Informasi Penelitian Mahasiswa Berbasis Web. INFORMAL, 8(2), 136–142. https://informal.jurnal.unej.ac.id/index.php/INFORMAL/article/view/124

Ibrahim, A. A.-Z., & Lestari, I. (2023). Perancangan UI/UX Pada Website Rumah Tahfidz Akhwat Menggunakan Metode Design Thinking. Teknika, 12(2), 96–105. https://doi.org/10.34148/teknika.v12i2.599

Khairunnisa, & Emriadi, H. (2025). Design of User Interface ( UI ) and User Experience ( UX ) for the Visual Communication Design Student Works Data Center. Sainstek: Jurnal Sains Dan Teknologi, 17(2), 67–80. https://doi.org/https://doi.org/10.31958/js.v17i2.15985

Kubiak, K. (2024). Design Thinking in Lighting Design to Meet User Needs. Sustainability, 16(9), 3561. https://doi.org/https://doi.org/10.3390/su16093561

Oktavian, S. D., Rasmila, & Amalia, R. (2025). Analisis Aplikasi Agroscan Menggunakan Metode System Usability Scale ( SUS ). JATI (Jurnal Mahasiswa Teknik Informatika), 9(1), 1730–1735. https://doi.org/https://doi.org/10.36040/jati.v9i1.12848

Paendong, I., Lelemboto, J., Yusupa, A., & Tarigan, V. (2025). Optimalisasi Ui/Ux Dalam Aplikasi Mobile: Strategi Meningkatkan Pengalaman Dan Keterlibatan Pengguna. Variable Research Journal, 2(02), 615–624. https://variablejournal.my.id/index.php/VRJ/article/view/213

Patria, M., Sihombing, S. J. F., & Setiawan, I. (2026). Perancangan dan Evaluasi UI/UX Aplikasi Perpustakaan Digital Menggunakan Metode Design Thinking dan System Usability Scale. Journal of Computer Science and Artificial Intelligence, 6(1), 65–84. https://doi.org/https://doi.org/10.29240/arcitech.v6i1.16917

Putra, A., Santiyasa, I. W., Widiartha, I. M., & A, I. D. M. B. A. D. (2025). Improving Website Usability with Design Thinking : A Case Study of BEM FMIPA Udayana University ’ s Website. Asian Journal of Research in Computer Science, 18(3), 266–273. https://doi.org/https://doi.org/10.9734/ajrcos/2025/v18i3592

Ramadhan, R. S., Wirdani, R. R., Delpina, H., & Nelwati, S. (2025). Pendidikan di Era Teknologi Informasi Dan Komunikasi. Jurnal Media Akademik (JMA), 3(1), 1–12. https://doi.org/https://doi.org/10.62281/v3i1.1441

Sekali, I. B. K., Montolalu, C. E. J. ., & Widiana, S. A. (2023). Perancangan UI / UX Aplikasi Mobile Produk Fashion Pria pada Toko Celcius di Kota Manado Menggunakan Design Thinking. Jurnal Ilmiah Informatika Dan Ilmu Komputer (JIMA-ILKOM), 2(2), 53–64. https://doi.org/https://doi.org/10.58602/jima-ilkom.v2i2.17

Waworuntu, B. J., Kaunang, H. G., Manoppo, F., Walangitan, M., Berhitu, C., & Repi, M. G. (2025). Evaluasi Usability Aplikasi Laundry Keeper Menggunakan Metode System Usability Scale ( SUS ). Journal of Informatics, 10(2), 19–27. https://doi.org/https://doi.org/10.51211/itbi.v10i2.3729

Widiyantoro, M. F., Heryana, N., Voutama, A., & Sulistiyowati, N. (2022). Perancangan UI / UX Aplikasi Toko Kue Dengan Metode Design Thinking. Journal of Information Management, 7(1), 1–10. https://doi.org/https://doi.org/10.51211/imbi.v7i1.1949


Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Perancangan UI/UX Aplikasi Pendaftaran Siswa RA Berbasis Web Menggunakan Design Thinking dan Evaluasi SUS

Dimensions Badge
Article History
Published: 2026-08-23
Abstract View: 64 times
PDF Download: 40 times
Issue
Section
Articles