Fundamental User Interface Dan User Experience (UI/UX) Design Di Lingkungan Sekolah Menengah Kejuruan

Edi Kurniawan; Afdhal Syafnur; Nurul Rahmadani; Nasrun Marpaung

doi:10.59435/jiss.v3i2.525

Authors

Edi Kurniawan Universitas Royal Author https://orcid.org/0009-0004-4283-035X (unauthenticated)
Afdhal Syafnur Universitas Royal Author
Nurul Rahmadani Universitas Royal Author
Nasrun Marpaung Universitas Royal Author

DOI:

https://doi.org/10.59435/jiss.v3i2.525

Keywords:

pelatihan, SMK, UX/UI, Antarmuka Pengguna, Pengalaman Pengguna

Abstract

Dunia digital yang terus berkembang menyoroti pentingnya desain antarmuka pengguna (UI) dan pengalaman pengguna (UX). Namun, kurikulum di Sekolah Menengah Kejuruan (SMK) sering kali tidak memadai dalam menangani masalah kritis ini. Kegiatan pengabdian masyarakat ini bertujuan untuk membekali siswa SMK, khususnya di SMK Negeri 1 Air Joman dengan keterampilan desain UI/UX melalui instruksi yang berfokus pada praktik. Kami mulai dengan menentukan kebutuhan siswa, kemudian kami membahas prinsip-prinsip desain UI/UX, diikuti dengan proses pembuatan Mockup UI dan prototype menggunakan Figma, dan diakhiri dengan mereview hasil desain dari proyek mereka. Kami menggunakan pre-test, post-test, observasi praktis, dan kuesioner kepuasan peserta untuk mengukur keberhasilan. Akibatnya, nilai rata-rata peserta meningkat sebesar 70%, dan hasilnya menunjukkan bahwa para siswa puas dengan materi dan metode pengajaran. Pelatihan ini meningkatkan pemahaman konseptual siswa, kecakapan teknis, dan kemampuan untuk menghadapi tantangan di tempat kerja kreatif digital. Ini adalah pernyataan sederhana bahwa pendekatan pembelajaran praktis sangat efektif dalam dalam mengasah kemampuan vokasional di bidang desain digital.

Downloads

Download data is not yet available.

References

Asnal, H., Junadhi, Jamaris, M., Mardainis, & Irawan, Y. (2022). Workshop UI/UX Design dan Prototyping dengan Figma di SMK Taruna Masmur Pekanbaru. J-PEMAS-J. Pengabdi. Masy., 3(1), 18-25. https://doi.org/10.33372/j-pemas.v3i1.800

Bahani, A., Yamin, M., & Nurmasyitah, N. (2024). IMPLEMENTASI KEGIATAN EKSTRAKURIKULER KEPRAMUKAAN DALAM MEMBENTUK KARAKTER PEDULI LINGKUNGAN PADA SISWA SD NEGERI 36 BANDA ACEH. Jurnal Pesona Dasar, 12(1), 44–57. https://doi.org/10.24815/pear.v12i1.38580

Fernando, F. (2020). Perancangan User Interface (Ui) & User Experience (Ux) Aplikasi Pencari Indekost Di Kota Padangpanjang. TANRA J. Desain Komun. Vis. Fak. Seni Dan Desain Univ. Negara Makassar, 7(2), 101. https://doi.org/10.26858/tanra.v7i2.13670

Hairah, U., Hadiseptian Nursukamto, M., Dhiya Ulhaqi, A., Puspitaningtyas, D., Asmawati, C., Asya Arinda, V., & Tandi Rama, M. (2024). Peningkatan Kompetensi Siswa Dalam Merancang UI/UX Aplikasi Mobile Menggunakan Figma. 3. https://jurnal.jomparnd.com/index.php/jpabdi

Hasan, T. I., Silalahi, C. I., Rumagit, R. Y., & Pratama, G. D. (2024). Dampak desain UI/UX pada E-Commerce yang menarik pengguna. Procedia Ilmu Komputer, 245, 1075–1082.

Huang, T. (2024). FEAD: Kerangka Desain Aplikasi yang Ditingkatkan Figma untuk Meningkatkan UI/UX dalam Pengembangan Aplikasi Pendidikan. http://arxiv.org/abs/2412.06793

SMK Negeri 1 Air Joman. (2025, 13 Mei). Sejarah Smk Negeri 1 Air Joman – SMK Negeri 1 Airjoman. https://smkn1airjoman.sch.id/sejarah/

Keane Dylan Daniyola, S., Budi Muljono, J., Felizio, S., Gabriela, A., Kristen Krida Wacana, U., & Tanjung Duren Raya No, J. (n.d.). Pengaruh pre-Test dan post-Test pada Inklusivitas Ekstrakurikuler Python bagi Siswa-Siswi SMA di Jakarta. Jurnal Atma Inovasia (JAI), 5(2), 2025.

Latifah, A., Fuad, M. N., Fatih, A. S., & Ramadhan, F. F. (2025). Integrasi Pembelajaran Berbasis Masalah dalam Pembelajaran Kejuruan untuk Meningkatkan Keterampilan Berpikir Kritis Siswa SMK Merdeka Ulumami. Jurnal Penelitian Inovatif, 5(2), 881–888.

LinkedIn. (2025, 13 Mei). Pekerjaan desainer ui_ux –LinkedIn. https://www.linkedin.com/jobs/search/? currentJobId=3413059989&keywords=ui%2Fux%20designer

M. Multazam (2020) Merancang Antarmuka Pengguna dan Pengalaman Pengguna pada Placeplus menggunakan pendekatan Desain Berpusat pada Pengguna. Universitas. Islam Indonesia., 1, 8. https://journal.uii.ac.id/AUTOMATA/article/view/15528/10233

Sani, A., Shabrina, F., Dana, W. P., Hardini, I. R., Juansa, A., Zulfikar, Z., Kumara, I. M. S., Budiasto, J., Rianty, E., & Angin, J. T. K. P. (2025) PENGANTAR TEKNOLOGI INFORMASI: Dampak dan Peluang Perkembangan Teknologi Informasi dalam Dunia Kerja dan Bisnis. Penerbitan Digital Bintang.

Sembiring, B. O., Dewi, A. R., dan Hasdiana, H. (2019). Peningkatan Pengetahuan UI/UX Design Dalam Peluang Karir Siswa SMK Negeri 1 Kutalimbaru Pada Era Revolusi Industri 4.0. Prioritas J., 33-41. http://jurnal.harapan.ac.id/index.php/Prioritas/article/view/145

Solikin, I., Mukti, A. R., Huda, N., Ansori, A., dan Dharmawan, P. (2022). KOMMAS : Jurnal Pengabdian Kepada Masyarakat Universitas Pamulang PELATIHAN DESAIN USER INTERFACE (UI) PADA SEKOLAH AZHARYAH. J. Pengabdi. Kpd. Masy. Universitas. Pamulang, 3, 102-106.

Sutrisno, E., Safitri, L., Lestari, L. P., Akbar, R. M., & Sukmaningtyas, Y. N. (2025) Pemanfaatan Teknologi Digital untuk Optimalisasi Pelayanan dan Dokumentasi Administratif melalui Web Desa Kentong, Lamongan. Jurnal Ragam Pengabdian, 2(2), 158-166.