PENINGKATAN LITERASI DIGITAL SISWA SMK AL-FALAH MELALUI PEMBELAJARAN FUNDAMENTAL PRINSIP DESAIN DALAM USER INTERFACE
DOI:
https://doi.org/10.59407/jpki2.v4i1.3450Keywords:
literasi visual, literasi digital, user interface, Prinsip desain, FigmaAbstract
Literasi visual dan digital menjadi kompetensi penting bagi siswa Sekolah Menengah Kejuruan (SMK), terutama dalam memahami dan merancang user interface sebagai bagian dari keterampilan vokasional. Namun, pembelajaran desain digital di sekolah masih cenderung berfokus pada penggunaan perangkat lunak tanpa didukung pemahaman prinsip dasar desain. Hal ini melatarbelakangi pelaksanaan kegiatan pengabdian kepada masyarakat yang bertujuan memperkuat kompetensi literasi visual dan digital siswa melalui pembelajaran fundamental prinsip desain berbasis user interface. Kegiatan pengabdian dilaksanakan di SMK Al-Falah melalui tiga sesi, yaitu penyampaian materi prinsip dasar desain, praktik perancangan user interface menggunakan Figma, dan evaluasi kegiatan. Evaluasi dilakukan dengan membandingkan pemahaman siswa sebelum dan sesudah kegiatan serta melalui kuesioner skala Likert. Hasil kegiatan menunjukkan peningkatan pemahaman siswa terhadap prinsip desain dan konsep user interface. Sebagian besar peserta mampu merancang antarmuka sederhana, meskipun masih terdapat kendala teknis dalam penggunaan Figma. Kegiatan ini menegaskan pentingnya penguatan pembelajaran desain digital berbasis konsep dan praktik untuk mendukung kesiapan kompetensi vokasional siswa SMK.
References
Alazhari, M. R., Prabandaru, H., Anggia, R. H., Soewardikoen, W., & Rurianto, J. (2024). PENERAPAN METODE DESIGN THINKING PADA MODEL PERANCANGAN UI / UX APLIKASI ISTIQOMAH. https://www.decisionanalyst.com/blog/designthinking]
Anggia, R. H., Robby, M., Windriyana, W., Miftahudin, M., & Dede Rizal, N. (2025). Perancangan UI/UX Bank Sampah di Bandung Raya Berbasis Mobile Menggunakan Metode Double Diamond (Vol. 7, Issue 2). https://doi.org/https://doi.org/10.36423/index.v7i2.2414
Arribe, E., Winarso, D., Wijaya, S. A., Hafsari, R., Wide Mulyana, Diansyah, R., Aryanto, A., Syahril, S., & Bangun, E. T. B. (2025). Peningkatan Literasi Digital melalui Workshop Desain dan Koding Aplikasi Web bagi Siswa SMA di Kota Pekanbaru. Kontribusi: Jurnal Penelitian Dan Pengabdian Kepada Masyarakat, 5(2), 278–286. https://doi.org/10.53624/kontribusi.v5i2.584
Biantara, I. G. D. O., & Dana, I. M. K. (2024). Desain Digital untuk Generasi Muda: Pengembangan Kemampuan UI/UX Menggunakan Figma pada SMA Taruna Bangsa Sentul dan SMK Triatmajaya Dalung. (Vol. 3, Issue 2).
Boll, F., & Brune, P. (2015). User interfaces with a touch of grey? - Towards a specific UI design for people in the transition age. Procedia Computer Science, 63, 511–516. https://doi.org/10.1016/j.procs.2015.08.377
Budi, A. (2025). Kesalahan Sistematis Penggunaan Skala Likert dalam Penelitian: Analisis Systematic Literature Review. https://doi.org/https://doi.org/10.70585/jmsh.v2i2.163
Corral, L., Fronza, I., & Mikkonen, T. (2021). User Interface Matters: Analysing the Complexity of Mobile Applications from a Visual Perspective. Procedia Computer Science, 191, 9–16. https://doi.org/10.1016/j.procs.2021.07.039
Ginasta, N. G., Casmadi, Y., & Setiawan, I. (2025). Peningkatan Literasi Digital melalui Pelatihan UI/UX bagi Siswa/i di SMA Negeri 24 Bandung. In 30 MERPATI (Vol. 7, Issue 1). https://ejurnal.ulbi.ac.id/index.php/merpati
Henriksen, D., Richardson, C., & Mehta, R. (2017). Design thinking: A creative approach to educational problems of practice. Thinking Skills and Creativity, 26, 140–153. https://doi.org/https://doi.org/10.1016/j.tsc.2017.10.001
Ichsan, K. A. H., Kasmira, Redianto, & Purnamawati. (2025). Peningkatan Kompetensi Kejuruan melalui Integrasi Kurikulum Industri di Pendidikan Vokasi: Tinjauan Literatur. Jurnal Pendidikan Dan Profesi Keguruan, Vol 4(2), 196–207.
Mahdani, L. O., & Roosandriantini, J. (2025). Penerapan Elemen dan Prinsip Desain Richard Poulin Studi Kasus: Mountain Dwellings STATUS ARTIKEL. In Surabaya Jurnal Anggapa (Vol. 4, Issue 1). https://doi.org/https://doi.org/10.61293/anggapa.v4i1.815
Mössinger, J., Troost, C., & Berger, T. (2022). Bridging the gap between models and users: A lightweight mobile interface for optimized farming decisions in interactive modeling sessions. Agricultural Systems, 195. https://doi.org/10.1016/j.agsy.2021.103315
Nugroho, W., & Tambunan, L. A. (2025). Transformasi Digital dan Dampaknya terhadap Kompetensi Sumber Daya Manusia di Era Industri 5.0. Jurnal Ilmiah Global Education, 6(3), 1959–1974. https://doi.org/10.55681/jige.v6i3.4172
Permana, F. (2018). PENDIDIKAN ISLAM DAN PENGAJARAN BAHASA ARAB PADA MASA DINASTI UMAYYAH. Al Qalam: Jurnal Ilmiah Keagamaan Dan Kemasyarakatan, 47. https://doi.org/10.35931/aq.v0i0.74
Prasetyo, Z. B., Fadly, M., Akhfir, U., Se, A. R., Amarullah, R., Hartati, E., Multi, U., & Palembang, D. (2025). Sosialisasi Teori Dasar UI/UX sebagai Bentuk Pengabdian Masyarakat di Sekolah Minggu Dharmakirti. In Publikasi Hasil Pengabdian Kepada Masyarakat (Vol. 5, Issue 1).
Ramadansyah, E., Guntara, R. G., & Prehanto, A. (2024). Design Thinking Approach for User Interface and User Experience on Campus Online Learning Platform. Jurnal Teknologi Informasi Dan Pendidikan, 17(2), 344–357. https://doi.org/10.24036/jtip.v17i2.842
Setiawan, H., Amayati, V., & Naskah, H. (2025). Analisis Tipografi Dan Tata Letak Terhadap Daya Serap Informasi Dalam Media Cetak. 8(1), 42–52. https://doi.org/10.37567/syiar.v8i1
Shafira, M. A., Aprilia, F., & Siboro, S. F. (2025). Analisis Tingkat Kepuasan Kerja Karyawan di PT PEI Menggunakan Metode Skala Likert. Jurnal Manajemen Ekonomi Dan Akuntansi, 2(2), 589–592. https://doi.org/10.63921/jmaeka.v2i2.368
Siregar, S., Wibasuri, A., Azima, M. F., & Mitrawan, A. (2025). Penguatan Literasi Digital bagi Pelaku UMKM: Pendekatan Partisipatif dalam Pengembangan Strategi Pemasaran Berbasis Sosial Media. JPKM i Journal.Danisapublisher.Id 2025, 3(2), 74. https://doi.org/https://doi.org/10.70900/jpkm.v3i2.106
Soewardikoen, D. W. (2021). Metodologi penelitian Desain Komunikasi Visual (B. Anangga & F. Maharani, Eds.). PT KANISIUS.
Sulolipu, A. A., Rosmayanti, V., Wahid, A., Ram, St. W., & Ishak, S. (2025). Visual Learning With Canva: Meningkatkan Literasi Digital Siswa Dengan Media Desain Interaktif di SMA 23 Makassar. ABDI SAMULANG: Jurnal Pengabdian Kepada Masyarakat, 4(1), 56–63. https://doi.org/10.61477/abdisamulang.v4i1.58
Suryaman, M. (2020). Prosiding Seminar Daring Nasional: Pengembangan Kurikulum Merdeka Belajar Program Studi Pendidikan Bahasa Indonesia. https://ejournal.unib.ac.id/index.php/semiba/issue/view/956/Tersediadi:https://ejournal.unib.ac.id/index.php/semiba/issue/view/956/
Swasty, W., & Adriyanto, A. R. (2017). Does Color Matter on Web User Interface Design? In Communication & Information Technology) Journal (Vol. 11, Issue 1).
