PELATIHAN PENGEMBANGAN KOMPETENSI SISWA DALAM MERANCANG UI/UX MENGGUNAKAN FIGMA PADA SMK MUHAMMADIYAH 2 PEKANBARU

Syefrida Yulina; Satria Perdana Arifin; Yohana Dewi Lulu Widyasari

doi:10.36341/jpm.v8i1.4982

Syefrida Yulina Politeknik Caltex Riau
Satria Perdana Arifin Politeknik Caltex Riau
Yohana Dewi Lulu Widyasari Politeknik Caltex Riau

: https://doi.org/10.36341/jpm.v8i1.4982

Abstract

provide students with a basic understanding of user interface (UI) design and user experience (UX). The background to this activity is the importance of UI/UX skills in the increasingly developing digital world of work, especially for vocational school students who are prepared to go straight into industry. The methods used include providing theoretical material through presentations, demonstrations of the use of Figma tools, as well as direct practice by students. Design and development activities involve gradual teaching, starting from an introduction to basic UI/UX concepts, an introduction to the Figma interface, to the practice of making simple prototypes. Testing is carried out through evaluating students' work to improve the quality of their understanding and skills. The conclusion of this activity shows that students can understand and apply basic UI/UX concepts using Figma tools, and are able to produce creative and functional prototype designs. This program can improve students' competence in the field of digital design and prepare them for challenges in the world of work.

Keywords: Desain Antarmuka, Figma, User Interface, User Experience

References

C. A. Cholik, “Perkembangan Teknologi Informasi Komunikasi / Ict Dalam Berbagai Bidang,” 2021.

D. Heny, “Analisis User Interface dan User Experience pada Website Sekolah Tinggi Teknologi Adisutjipto Yogyakarta,” 2016.

A. Amborowati, “Rancang Sistem Pameran Online Menggunakan Metode UCD (User Centered Design),” 2012.

A. P. Wardhanie and E. Rahmawati, “Pengenalan dan Penerapan User Interface and User Experience Design for Beginners,” J. Community Serv., vol. 2, no. 3, pp. 536–544, 2022.

I. A. Juliansyah and I. V. Paputungan, “Perancangan Tampilan User Interface Dan User Experience Pada Website Penjualan Kerajinan Tangan JavaHands Dengan Metode Design Thinking,” AUTOMATA, vol. 3, no. 1, 2022.

A. F. Akh fawaid, M. Makruf, and L. Lutfiyanto, “Pelatihan Rebranding dan Digitalisasi Marketing Berbasis Website Pada UMKM Nyi Leha Batik,” J. Pengabdi. Masy. Multidisiplin, vol. 7, no. 2, pp. 176–186, Feb. 2024, doi: 10.36341/jpm.v7i2.4015.

N. Nasution, M. A. Hasan, and D. Setiawan, “Pelatihan Pembuatan Aplikasi Android Sebagai Bekal Technopreneurship untuk Peningkatan Daya Ekonomi Mandiri Alumni SMK di Pekanbaru,” J. Pengabdi. Masy. Multidisiplin, vol. 1, no. 3, pp. 219–234, Jul. 2018, doi: 10.36341/jpm.v1i3.436.

R. Realize and T. Tukino, “Penggunaan Website Sebagai Media Promosi Home Industry Pada Tim Penggerak PKK,” J. Pengabdi. Masy. Multidisiplin, vol. 2, no. 2, pp. 113–118, Feb. 2019, doi: 10.36341/jpm.v2i2.702.

A. Avindra, C. C. Metta, and N. L. R, “Rancangan UI/UX Aplikasi Analytics Pada Toko Online Wao.Sneakers Menggunakan Aplikasi Figma,” 2021.

S. Tazkiyah and A. Arifin, “Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma,” J. Teknol. Terpadu, vol. 8, no. 2, pp. 72–78, Dec. 2022, doi: 10.54914/jtt.v8i2.513.

A. Naufal, “Figma Adalah: Fitur, Fungsi dan Cara menggunakannya,” 2022.

M. Schubert, “How Design Teams Have Been Affected by Remote Working Due to the COVID-19 Pandemic,” 2021.