User Interface (UI) and User Experience (UX) Design Using Figma Application as a Physics Learning Medium for Energy Topics in Grade VIII at SMP Negeri Samarinda

Authors

  • Desi Az Zahra Putri Physics Education Study Program, Mulawarman University, Indonesia Author
  • Zeni Haryanto Sciene Education Study Program, Mulawarman University, Indonesia Author
  • Mulyati Syam Physics Education Study Program, Mulawarman University, Indonesia Author
  • Nurul Fitriyah Sulaeman Physics Education Study Program, Mulawarman University, Indonesia Author

DOI:

https://doi.org/10.30872/jlpf.v7i2.5788

Keywords:

Design Thinking, Development Using UI/UX Design, Energy, Figma Application, Learning Media

Abstract

This study aims to design and develop a physics learning medium on the topic of energy for eighth-grade students based on User Interface (UI) and User Experience (UX) principles using Figma, and to evaluate its feasibility in supporting learning. The research employed a Research and Development (R&D) method with a design thinking approach. The participants were 53 eighth-grade students from a public junior high school in Samarinda. Data were collected through questionnaires based on validation results from subject matter experts, media experts, a subject teacher, and student responses. The validation results indicate that the developed media is highly feasible in terms of visual design, content quality, usability, and instructional usefulness. In addition, students showed high levels of interest and learning motivation. Therefore, the UI/UX-based learning media developed using Figma is considered effective in enhancing students’ understanding of energy concepts while providing an interactive and engaging learning experience.

Downloads

Download data is not yet available.

References

Alawiyah, R., Dalimunthe, R. M., & Yuliani, H. (2025). Validitas Modul Ajar Pada Materi Adab Bersosial Media dalam Pandangan Islam di Kelas 8 MTS Terpadu Berkah. Jurnal Riset Pendidikan dan Bahasa, 4(1), 174–181.

Amka. (2018). Media Pembelajaran Inklusi. Sidoarjo: Nizamia Learning Center.

Gulo, H. K., Jaelani, I., & Resmi, M. G. (2023). Perancangan UI/UX Fitur Customer Relationship Management (CRM) Pada Aplikasi ABC Reload Menggunakan Metode Design Thinking. KLIK: Kajian Ilmiah Informatika Dan Komputer, 4(1), 225–235. https://doi.org/10.30865/klik.v4i1.1096

Hartadi, M. G., Swandi, I. W., & Mudra, I. W. (2020). Warna Dan Prinsip Desain User Interface (UI) Dalam Aplikasi Seluler “Bukaloka.” Jurnal Dimensi DKV Seni Rupa Dan Desain, 5(1), 105–119. https://doi.org/10.25105/jdd.v5i1.6865

Hidayat, F., & Nizar, M. (2021). Model Addie (Analysis, Design, Development, Implementation and Evaluation) Dalam Pembelajaran Pendidikan Agama Islam. Jurnal Inovasi Pendidikan Agama Islam (JIPAI), 1(1), 28–38.

Himawan, H., & Yanu, M. (2020). Interface User Experience. Lembaga Penelitian dan Pengabdian kepada Masyarakat UPN Veteran Yogyakarta.

Jeon, J. E. (2021). The Effects of User Experience-Based Design Innovativeness on User– Metaverse Platform Channel Relationships in South Korea. Journal of Distribution Science, 19(11), 81–90. https://doi.org/10.15722/jds.19.11.202111.81

Kholili, A. N. (2023). Sistem Informasi Pengelolaan Sampah Rumah Tangga Berbasis Mobile. Intech, 4(1), 28–34.

Khasanah, S., & Sutabri, T. (2023). Faktor-Faktor Tampilan UI/UX Yang Mempengaruhi Psikologis Manusia. Jurnal Sain Dan Teknik, 5(2), 28–33. https://doi.org/10.37577/sainteks.v5i1.5

Muslimin, W., & Zuraidah, E. (2023). Desain UI/UX Prototype SPP Metode Human Centered Design. KLIK: Kajian Ilmiah Informatika Dan Komputer, 4(2), 746–756. https://doi.org/10.30865/klik.v4i2.1081

Nasikh, F., & Zuhdu, A. (2023). Pengembangan Fitur What ’ s on UII pada Aplikasi Mobile I ’ m UII Menggunakan Framework Flutter. Journal UII AUTOMATA, 4(2), 1–8. https://dspace.uii.ac.id/handle/123456789/45911

Noviyanto, T. S. H., Juanengsih, N., & Rosyidatun, E. S. (2015). Penggunaan Media Video Animasi Sistem Pernapasan Manusia Untuk Meningkatkan Hasil Belajar Biologi. Edusains, 7(1), 57–63. https://doi.org/10.15408/es.v7i1.1215

Prasetiyo, S. M., Simanjuntak, H., Laksono, D. B., & Gunawan, Muhammad G. N. (2022). Ui Ux Developer. Jurnal Ilmu Komputer Dan Pendidikan, 1(1), 50–58. https://journal.mediapublikasi.id/index.php/logic/article/view/1332

Puspitasari, E., Dwi Aristya Putra, P., & Handayani, R. D. (2021). Pengembangan Buku Ajar Fisika Berbasis Science, Technology, Engineering, and Mathematics (STEM) pada Pokok Bahasan Suhu dan Kalor di SMA. Jurnal Literasi Pendidikan Fisika (JLPF), 2(1), 44–52. https://doi.org/10.30872/jlpf.v2i1.465

Putri, N. S., Nisa, K., & Nurwahidah. (2023). Pengembangan Buku Cerita Bergambar Bermuatan Karakter Gemar Membaca pada Mata Pelajaran Bahasa Indonesia di Kelas V SD. Jurnal Educatio, 9(4), 2070–2077. https://doi.org/10.31949/educatio.v9i4.5690

Rachman, A., Yochanan, Samanlangi,, A. I., & Purnomo, H. (2024). Metode Penelitian Kuantitatif, Kualitatif dan R&D. Karawang: Saba Jaya Publisher. Razzouk, R. (2012). What Is Design Thinking and Why Is It Important? Review of Educational Research, 331.

Sari, G., & Harjono. (2016). Penggunaan Discovery Learning Berbantuan Laboratorium Virtual pada Penguasaan Konsep Fisika Sisw. Jurnal Pendidikan Fisika Dan Teknologi, 2(4), 176–182.

Setipu, E. N. (2021). Media Pembelajaran Berbasis Digital. Prosiding Pendidikan Dasar, 242-248. doi:10.11591/ijere

Sugihartini, N., & Yudiana, K. (2018). Addie Sebagai Model Pengembangan Media Instruksional Edukatif (Mie) Mata Kuliah Kurikulum Dan Pengajaran. Jurnal Pendidikan Teknologi dan Kejuruan, 15(2), 277–286. https://doi.org/10.23887/jptk-undiksha.v15i2.14892

Sujana, A. (2014). Pendidikan IPA teori dan praktik. Rizqi Press.

Suryaningsih, S. et al. (2020) ‘Aplikasi Wakaf Indonesia Berbasis Blockchain’, Edumatic: Jurnal Pendidikan Informatika, 4(2), pp. 20– 29. doi: 10.29408/edumatic.v4i2.2402.

Susanti, K., D., S., & Yushardi. (2016). Pengembangan Lembar Kerja Siswa (LKS) Disertai Komik Fisika pada Pembelajaran Pokok Bahasan Tekanan di SMP. Jurnal Pembelajaran Fisika., 5(3).

Tafanao, T. (2018). Peranan Media Pembelajaran dalam Meningkatkan Minat Belajar Mahasiswa. Jurnal Komunikasi Pendidikan, 103-114. doi:10.21831/cp.v0i0

Yuliska, R., Syafriani, & Ramli. (2020). Efektivitas Pengembangan LKPD Fisika SMA/MA Berbasis Inquiry Training Untuk Meningkatkan Kemampuan Berpikir Kreatif Siswa. Jurnal Eksakta Pendidikan, 4(1), 89–96.

Yusof, N., Hashim, N. L., & Hussain, A. (2022). A Conceptual User Experience Evaluation Model on Online Systems. International Journal of Advanced Computer Science and Applications, 13(1), 428–438. https://doi.org/10.14569/IJACSA.2022.0130153

Downloads

Published

2026-10-20

Issue

Section

Articles

How to Cite

User Interface (UI) and User Experience (UX) Design Using Figma Application as a Physics Learning Medium for Energy Topics in Grade VIII at SMP Negeri Samarinda. (2026). Jurnal Literasi Pendidikan Fisika (JLPF), 7(2), 153-163. https://doi.org/10.30872/jlpf.v7i2.5788

Most read articles by the same author(s)

<< < 1 2