Redesigning the User Interface in the Mobile-Based Ngaji.AI Application Using the Design Thinking Method

Aminudin; Aldiensyah; Gita Indah Marthasari; Ilyas Nuryasin; Saiful Amien; Galih Wasis Wicaksono; Didih Rizki Chandranegara; I'anatut Thoifah

doi:10.34306/conferenceseries.v4i1.635

Authors

Aminudin Muhammadiyah University of Malang
Aldiensyah Muhammadiyah University of Malang
Gita Indah Marthasari Muhammadiyah University of Malang
Ilyas Nuryasin Muhammadiyah University of Malang
Saiful Amien Muhammadiyah University of Malang
Galih Wasis Wicaksono Muhammadiyah University of Malang
Didih Rizki Chandranegara Muhammadiyah University of Malang
I'anatut Thoifah Muhammadiyah University of Malang

DOI:

https://doi.org/10.34306/conferenceseries.v4i1.635

Keywords:

User Interface, Design Thinking, Ngaji.AI, Redesign, Mobile Application

Abstract

Ngaji.AI is a mobile-based application that makes it possible to learn the recite very flexibly, wherever and whenever we can use it to learn the recite. This application is supported by artificial intelligence (AI) which provides direct and accurate assessments of how to recite Al-Quran verses properly and correctly and this application has been released on the Google Playstore platform and has been downloaded by more than 5 thousand. The Ngaji.AI application is faced with a crucial challenge, after direct observation of children and through the results of previous user input on Playstore, most of the input from users states that it needs to improve the User Interface (UI) design to make it easier to operate for children. The application of the Design Thinking method is an approach that prioritizes creativity and deep understanding of users and the problems they face and is indeed suitable for developing UI/UX of an application. Testing using the System Usability Scale (SUS) in the first test before the redesign got an average score of 50.25 and after the redesign got a significant score of 83.75. This reflects a significant increase in the level of satisfaction and ease for children in learning to recite the recite on the Ngaji.AI application.

References

I. Irawati et al., “MENINGKATKAN MINAT BELAJAR MENGAJI ANAK USIA DINI.”

A. G. Prawiyogi, M. Hammet, and A. Williams, “Visualization Guides in the Understanding of Theoretical Material in Lectures,” Int. J. Cyber IT Serv. Manag., vol. 3, no. 1, pp. 54–60, 2023.

I. Averushyd Juliansyah and I. V Paputungan, “Perancangan User Experience Pada Website Penjualan Kerajinan Tangan Dengan Metodologi Design Thinking.”

C. Lukita, M. H. R. Chakim, R. Supriati, N. P. L. Santoso, and M. F. Kamil, “Exploration of Perceived Use of Technology Using A Digital Business Perspective,” ADI J. Recent Innov., vol. 5, no. 1Sp, pp. 87–96, 2023.

F. Candra Wardana and I. Gusti Lanang Putra Eka Prismana, “Perancangan Ulang UI & UX Menggunakan Metode Design Thinking Pada Aplikasi Siakadu Mahasiswa Berbasis Mobile,” JEISBI, vol. 03, p. 2022.

O. A. D. Wulandari and D. Apriani, “Sustainable Institutional Entrepreneurial Culture and Innovation For Economic Growth,” APTISI Trans. Manag., vol. 7, no. 3, pp. 221–230, 2023.

J. Khatib Sulaiman, F. Asharudin, A. Djafar Sidik, and U. Amikom Yogyakarta, “Penerapan Design Thinking Dalam Perancangan User Interface Website Smarteye Virtual Convention Center,” Indones. J. Comput. Sci. Attrib., vol. 12, no. 1, pp. 2023–274.

R. D. Affandi, H. Pratiwi, and M. I. Sa’ad, “Application of the SMARTER Method in Determining the Whitening of Study Permits and Teacher Study Tasks,” Aptisi Trans. Technopreneursh., vol. 5, no. 2, pp. 205–215, 2023.

M. Rizky Pribadi and K. Kunci, MDP STUDENT CONFERENCE (MSC) 2022 Perancangan User Experience Dan User Interface Aplikasi Gameku Menggunakan Pendekatan Design Thinking.

V. V. Febiandini and M. S. Sony, “Analysis of Public Administration Challenges in the Development of Artificial Intelligence Industry 4.0,” IAIC Trans. Sustain. Digit. Innov., vol. 4, no. 2, pp. 164–168, 2023.

A. Maniek Wijayanto et al., “PENERAPAN METODE DESIGN THINKING DALAM RANCANG APLIKASI PENANGANAN LAPORAN PENCURIAN BARANG BERHARGA DI POLSEK SUKMAJAYA.”

C. S. Bangun, S. Purnama, and A. S. Panjaitan, “Analysis of new business opportunities from online informal education mediamorphosis through digital platforms,” Int. Trans. Educ. Technol., vol. 1, no. 1, pp. 42–52, 2022.

E. Susanti, E. Fatkhiyah, and E. Efendi, “PENGEMBANGAN UI/UX PADA APLIKASI M-VOTING MENGGUNAKAN METODE DESIGN THINKING”.

S. Kosasi, U. Rahardja, I. D. A. E. Yuliani, R. Laipaka, B. Susilo, and H. Kikin, “IT Governance: Performance Assessment of Maturity Levels of Rural Banking Industry,” in 2022 4th International Conference on Cybernetics and Intelligent System (ICORIS), IEEE, 2022, pp. 1–6.

E. R. Subhiyakto, M. R. Pratiwi, and S. A. Hapsari, “Redesigning Family Education Media Website Using Design Thinking Method and System Usability Scale,” JST (Jurnal Sains dan Teknol., vol. 12, no. 1, Mar. 2023, doi: 10.23887/jstundiksha.v12i1.52791.

W. Suprayogi Adhyaksa Pratama and A. Dwi Indriyanti, “Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” J. Emerg. Inf. Syst. Bus. Intell., vol. 04, no. 01, pp. 50–61, 2023.

I. P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, “Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy Class Di Kampus UPI Cibiru,” Edsence J. Pendidik. Multimed., vol. 2, no. 1, pp. 45–55, Jun. 2020, doi: 10.17509/edsence.v2i1.25131.

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, May 2023, doi: 10.34148/teknika.v12i2.599.

A. R. Pradana, M. Idris, S. Kom, and M. Kom, “Implentasi User Experince Pada Perancangan User Interface Mobile E-learning Dengan Pendekatan Design Thinking (Studi Kasus: Amikom Center).”

A. Ar Razi et al., “PENERAPAN METODE DESIGN THINKING PADA MODEL PERANCANGAN UI/UX APLIKASI PENANGANAN LAPORAN KEHILANGAN DAN TEMUAN BARANG TERCECER,” J. Desain Komun. Vis., vol. 03, no. 02, 2018, [Online]. Available: http://bit.do/demandia