UI/UX Design of Ruang Kajian Application Using Design Thinking Method
Abstract
Islamic Studies, or Dirasah Islamiyah, explores various aspects of Islamic teachings. In Indonesia, where Islam is the majority religion, many organizations actively promote da’wah through study sessions, sholawat, and dhikr. However, the Better Youth Foundation lacks a dedicated platform to support its Better Youth Academy programs, which involve structured Islamic studies. This highlights the need for an efficient and accessible platform to facilitate learning and positive activities. This study develops the Ruang Kajian mobile application using the Design Thinking method, which consists of five stages: Empathize, Define, Ideate, Prototype, and Testing. The approach ensures a user-centered design, focusing on usability testing based on ISO 9241-11 standards and evaluating Effectiveness, Efficiency, and Satisfaction. The proposed design allows users to register and participate in Better Youth Academy sessions efficiently while accessing various structured study materials. Testing results from five users showed Effectiveness at 90%, Efficiency at 92.33%, and Satisfaction at 83.40%, indicating the design’s high usability. This research demonstrates that Design Thinking can produce user-friendly and efficient UI/UX designs that meet user needs and preferences. It offers practical guidance for developers in creating intuitive interfaces while enhancing the user experience when accessing Ruang Kajian.
Keywords
Full Text:
PDFReferences
Asy’ari, A. Mukarrom, S. Sholeh, and Dkk, Pengantar Studi Islam. Surabaya: IAIN Sunan Ampel Press, 2002.
I. B. Utami and A. A. Safei, “Peran Komunitas Islam dalam Menyemangati Keagamaan para Pemuda,” Tamkin J. Pengemb. Masy. Islam, vol. 5, no. 2, pp. 167–188, 2020, doi: 10.15575/tamkin.v5i2.24177.
F. Hanifa, R. Permatasari, and D. S. Y. Kartika, “Penerapan Metode Design Thinking Dalam Pembuatan Desain Ui/Ux Aplikasi Hafalan Al-Qur’an,” J. Inform. dan Tek. Elektro Terap., vol. 12, no. 3, 2024, doi: 10.23960/jitet.v12i3.4760.
M. J. Narizki, R. A. Widyanto, and N. A. Prabowo, “Perancangan UI/UX Sistem Penerimaan Mahasiswa Baru Berbasis Perangkat Mobile dengan Metode Design Thinking,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1127–1135, 2023, doi: 10.47065/josh.v4i4.3652.
S. Budiharto, Y. Raymond Ramadhan, and M. T. Hafid, “Perancangan User Interface/User Experience Aplikasi Mobile Menggunakan Metode Design Thinking Pada Only One Cloth Di Purwakarta,” J. Sains Komput. Inform., vol. 7, no. 1, pp. 146–157, 2023.
B. Huda, T. Paryono, and A. Fauzi, UI/UX Design Bagi Para Perancang dan Pengembang Produk atau Layanan Digital. Kotawaringin Timur: PT. ASADEL LIAMSINDO TEKNOLOGI, 2023.
M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, p. 208, 2020, doi: 10.51920/jd.v10i2.171.
C. R. Gunawan, N. Nurdin, and F. Fajriana, “Design of A Real-Time Object Detection Prototype System with YOLOv3 (You Only Look Once),” Int. J. Eng. Sci. Inf. Technol., vol. 2, no. 3, pp. 96–99, 2022, doi: 10.52088/ijesty.v2i3.309.
J. S. Pasaribu, “Development of a Web Based Inventory Information System,” Int. J. Eng. Sci. InformationTechnology, vol. 1, no. 2, pp. 24–31, 2021, doi: 10.52088/ijesty.v1i2.51.
A. A.-Z. Ibrahim and I. Lestari, “Perancangan UI/UX Pada Website Rumah Tahfidz Akhwat Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 2, pp. 96–105, 2023, doi: 10.34148/teknika.v12i2.599.
W. Darmalaksana, Metode Design Thinking Hadis Pembelajaran, riset & Partisipasi Masyarakat. Bandung: Fakultas Ushuluddin UIN Sunan Gunung Djati Bandung, 2020.
A. Ronny Julians, E. Sediyono, and H. Hendry, “Perancangan Ui/Ux Aplikasi Forum Diskusi Informatika Berbasis Web Menggunakan Metode Design Thinking,” J. Mnemon., vol. 6, no. 1, pp. 20–27, 2023, doi: 10.36040/mnemonic.v6i1.5826.
S. H. Syakura, “Peran Empathy Mapping dalam Proses Design Thinking,” suitmedia.
N. N. Mazaya and S. Suliswaningsih, “Perancangan Ui/Ux Aplikasi ‘Dengerin’ Berbasis Mobile Menggunakan Metode Design Thinking,” Komputa J. Ilm. Komput. dan Inform., vol. 12, no. 2, pp. 39–49, 2023, doi: 10.34010/komputa.v12i2.10157.
R. F. A. Aziza, “Analisis Kebutuhan Pengguna Aplikasi Menggunakan User Persona Dan User Journey,” Inf. Syst. J., vol. 3, no. 2, pp. 6–10, 2021, doi: 10.24076/infosjournal.2020v3i2.420.
V. K. Reynaldi and N. Setiyawati, “Perancangan Ui/Ux Fitur Mentor on Demand Menggunakan Metode Design Thinking Pada Platform Pendidikan Teknologi,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 7, no. 3, pp. 835–849, 2022, doi: 10.29100/jipi.v7i3.3109.
H. Kurniawan and F. Fadlia Adiwijaya, “PENERAPAN DESAIN SISTEM MENGGUNAKAN METODE ATOMIC DESIGN DI UNIVERSITAS MUHAMMADIYAH SUKABUMI,” vol. 10, no. 1, 2021.
F. Sulianta, Strategi Merancang Arsitektur Sistem Informasi Masa Kini. Jakarta: PT. Elex Media Komputindo, 2019.
D. S. Wibawa, Y. T. Mursityo, and R. I. Rokhmawati, “Evaluasi Usability dan Perbaikan Antarmuka Pengguna Aplikasi Mobile Malang Menyapa Menggunakan Metode Usability Testing,” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 11, pp. 10427–10434, 2019.
A. A. Suhendra, G. A. A. Putri, and G. M. A. Sasmita, “Evaluasi Usability User Interface Website Menggunakan Metode Usability Testing Berbasis ISO 9241-11 (Studi Kasus PT.X),” J. Ilm. Teknol. dan Komput., vol. 2, no. 3, 2021.
E. A. F. Elmuna, PEMODELAN UI/UX APLIKASI BELAJAR NAHWU SHARAF BERBASIS MOBILE APP MENGGUNAKAN METODE USER CENTERED DESIGN. 2021.
DOI: https://doi.org/10.52088/ijesty.v5i1.665
Article Metrics
Abstract view : 0 timesPDF - 0 times
Refbacks
- There are currently no refbacks.
Copyright (c) 2025 Anisya Khanza Afiatul Jannah Arum Kemangi, Abdul Rezha Efrat Najaf, Reisa Permatasari