Designing UI/UX for Mobile Learning on Programming Language Material Using the Design Thinking

Authors

  • Faradina Anggraen Ma’roef Universitas Trunojoyo Madura
  • Prita Dellia Universitas Trunojoyo Madura
  • Moh. Arif Hidayatullah Universitas Trunojoyo Madura
  • Siti Rosyidah Universitas Trunojoyo Madura
  • Ririn Setyaningrum Universitas Trunojoyo Madura
  • Shofiyulloh Somat Universitas Trunojoyo Madura

DOI:

https://doi.org/10.59934/jaiea.v3i3.527

Keywords:

Design Development, UI/UX, Learning Management System, Design Thinking

Abstract

The rapid advancement of technology in the Industry 4.0 revolution has driven organizations to adapt through digital transformation, including in the field of education, allowing for more efficient and effective learning processes in line with the needs of society5.0. This article discusses the UI/UX design of a mobile learning application for programming language material using the Design Thinking method, which includes five stages: Empathize, Define, Ideate, Prototype, and Testing, with a focus on user understanding and needs. The design process involves creating prototypes and testing to ensure a user-friendly design. The main features of the application include a splash screen, welcome page, login and sign-up pages, home page, material pages, notes, user profile, and an Executor feature for writing and running code directly. Testing results using the System Usability Scale (SUS) showed an average score of 65, falling into the "adequate" category, indicating that the design functions well. However, further research is needed to refine this application, highlighting the importance of a structured and user-focused approach in designing digital educational applications.

Downloads

Download data is not yet available.

References

B. B. Al-Kansa, M. L. Iswanda, N. Kamilah, and Y. T. Herlambang, “Pengaruh Kemajuan Teknologi Terhadap Pola Hidup Manusia,” Indo-MathEdu Intellectuals J., vol. 4, no. 3, pp. 2966–2975, 2023, doi: 10.54373/imeij.v4i3.682.

K. Resmi Hayati, I. Nugraha, F. Sholeha, A. Adriyanto, and R. L. Astutik, “Penerapan E-Business dan Teknologi Informasi dalam Revolusi Industri 5.0,” Waluyo Jatmiko Proceeding, vol. 16, no. 1, pp. 401–410, 2023, doi: 10.33005/wj.v16i1.56.

Putri Ayu Negara, Yuni Yulistianti, Elsit Julia Pratiwi, and Yusup Saeful bayan, “Pentingnya Pemanfaatan Teknologi Informasi Dalam Bidang Pendidikan Di Desa Mekar Asih,” J. Abdi Nusa, vol. 3, no. 3, pp. 208–213, 2023, doi: 10.52005/abdinusa.v3i3.197.

Muhammad Yusuf, Dwi Julianingsih, and Tarisya Ramadhani, “Transformasi Pendidikan Digital 5.0 melalui Integrasi Inovasi Ilmu Pengetahuan dan Teknologi,” J. MENTARI Manajemen, Pendidik. dan Teknol. Inf., vol. 2, no. 1, pp. 11–19, 2023, doi: 10.33050/mentari.v2i1.328.

E. E. W. Tulungen, D. P. E. Saerang, and J. B. Maramis, “Transformasi Digital : Peran Kepemimpinan Digital,” J. EMBA J. Ris. Ekon. Manajemen, Bisnis dan Akunt., vol. 10, no. 2, pp. 1116–1123, 2022, doi: 10.35794/emba.v10i2.41399.

F. Yustiasari Liriwati, “Transformasi Kurikulum; Kecerdasan Buatan untuk Membangun Pendidikan yang Relevan di Masa Depan,” J. IHSAN J. Pendidik. Islam, vol. 1, no. 2, pp. 62–71, 2023, doi: 10.61104/ihsan.v1i2.61.

M. Duman, M. S. Taat, and M. K. Abdullah, “Hubungan Kepemimpinan Instruksional Pengetua dengan Sikap Guru Terhadap Perubahan dalam Pendidikan Abad Ke-21,” Malaysian J. Soc. Sci. Humanit., vol. 6, no. 3, pp. 241–251, 2021, doi: 10.47405/mjssh.v6i3.722.

I. Widiasanti, N. A. Ramadhan, M. Alfarizi, A. N. Fairus, A. W. Oktafiani, and D. Thahur, “Pemanfaatan Sarana Multimedia dan Media Internet sebagai Alat Pembelajaran yang Efektif,” Edukatif J. Ilmu Pendidik., vol. 5, no. 3, pp. 1355–1370, 2023, doi: 10.31004/edukatif.v5i3.4939.

S. Nurmaharani and Heriyanto, “Analisa Dan Perancangan Ui/Ux Aplikasi Penjualan Menggunakan Metode Design Thinking Pada Cv. Multi Ban Oto Servis Bekasi Shally,” vol. 9, no. 1, pp. 46–53, 2023.

Z. Azziqra, “Perancangan UI/UX Untuk Aplikasi Al-Quran Menggunakan Metode HCD (Human Centered Design),” J. Repos., vol. 6, no. 1, pp. 59–68, 2024, doi: 10.22219/repositor.v6i1.31881.

Faisal Maulana Akbar, Ayouvi Poerna Wardhanie, and Tan Amelia, “Implementasi Re-design UI/UX Website Fumigasi Untuk Meningkatkan Customer Experience,” J. Appl. Comput. Sci. Technol., vol. 4, no. 2, pp. 90–99, 2023, doi: 10.52158/jacost.v4i2.488.

D. Anggraeni Dewi, Y. Yunarti, T. Mulyati, and R. Wahid, “Rancang Bangun Media Pembelajaran Pkn Berbasis Multimedia Interaktif Mobile Learning dalam Mengembangkan Literasi Kewarganegaraan Siswa,” Nat. J. Kaji. dan Penelit. Pendidik. dan Pembelajaran, vol. 7, no. 2, pp. 1610–1617, 2023, doi: 10.35568/naturalistic.v7i2.3363.

Downloads

Published

2024-06-15

How to Cite

Ma’roef, F. A., Dellia, P., Hidayatullah, M. A., Rosyidah, S., Setyaningrum, R., & Somat, S. (2024). Designing UI/UX for Mobile Learning on Programming Language Material Using the Design Thinking. Journal of Artificial Intelligence and Engineering Applications (JAIEA), 3(3), 858–863. https://doi.org/10.59934/jaiea.v3i3.527

Issue

Section

Articles