Implementation Of UI/UX Concepts And Techniques In Web Layout Design With Figma
Abstract
Technological trends are always dynamic and experiencing rapid development, especially the internet with many sites emerging, both formal and entertainment (intertain). This requires a web developer, especially in terms of appearance, to always innovate in order to provide a good user experience, intuitive design, and easy to use by all groups. Of course, in designing an attractive interface page, you have to know the needs of the user, in order to optimize existing features, for that UI/UX concepts and techniques need to be applied in designing the interface. In this research trial using the Figma tool as the main tool starting from designing, wireframing to the prototyping process. The test results found that by applying UI/UX concepts and techniques to the interface design the design is more consistent, solid, harmonization, color alignment, font type and size according to the design system that has been determined.
Downloads
References
S. Mutiasanti, M. Tri Ananta, and H. Muslimah Az-Zahra, “Evaluasi Pengalaman Pengguna Pada Aplikasi Mobile E-Commerce Di Indonesia Dengan Menggunakan UX Honeycomb,” 2018. [Online]. Available: http://j-ptiik.ub.ac.id
M. B. Wiryawan, “USER EXPERIENCE (UX) SEBAGAI BAGIAN DARI PEMIKIRAN DESAIN DALAM PENDIDIKAN TINGGI DESAIN KOMUNIKASI VISUAL,” 2011.
V. Frendiana and D. Widhiantoro, “Desain UI dan UX pada Aplikasi Android Coronavirus Disease 2019 (COVID-19),” Jurnal Ilmu Komputer dan Desain Komunikasi Visual, vol. 5, no. 2, 2020.
M. Santoso, “Implementation Of UIUX Concepts And Techniques In Web Layout Design With Figma”.
J. J. Garrett, The elements of user experience : user-centered design for the Web and beyond.
G. Nabila and S. Wahyuni, MDP STUDENT CONFERENCE (MSC) 2022 Penerapan UI/UX Dengan Metode Design Thinking Pada Aplikasi Jaya Indah Perkas.
D. N. Yastin, H. B. Suseno, and V. Arifin, “EVALUASI DAN PERBAIKAN DESAIN USER INTERFACE UNTUK MENINGKATKAN USER EXPERIENCE PADA APLIKASI MOBILE SIARAN TANGSEL MENGGUNAKAN METODE GOAL DIRECT DESIGN (GDD)”.
M. Agus Muhyidin, M. A. Sulhan, and A. Sevtiana, “PERANCANGAN UI/UX APLIKASI MY CIC LAYANAN INFORMASI AKADEMIK MAHASISWA MENGGUNAKAN APLIKASI FIGMA,” 2020. [Online]. Available: https://my.cic.ac.id/.
“ISO 9241-210:2019,” 2010.
W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Method,” ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.
R. Mayasari, A. Susilo Yuda Irawan, and U. Singaperbangsa Karawang, “PENERAPAN METODE LEAN UX PADA PERANCANGAN UI/UX APLIKASI DIGILIB UNSIKA VERSI WINDOWS IMPLEMENTATION OF LEAN UX METHOD ON UI/UX DESIGN OF DIGILIB UNSIKA APPLICATION IN WINDOWS VERSION,” Journal of Information Technology and Computer Science (INTECOMS), vol. 4, no. 2, p. 2021.
D. Tri Widiatmoko, B. Setya Utami, P. Studi Desain Komunikasi Visual, and F. Teknologi Informasi, “Perancangan UI/UX Purwarupa Aplikasi Penentu Kualitas Benih Bunga Berbasis Mobile Menggunakan Metode Design Thinking (Studi Kasus PT Selektani),” AITI: Jurnal Teknologi Informasi, vol. 19, no. Februari, pp. 120–136, 2022.
S. Wahyu, dan Jefry Sunupurwa Asri, and E. Correspondent Author, “Konferensi Nasional Ilmu Komputer (KONIK) 2021 Perancangan Konsep Dan Evaluasi Desain User Experience Pada Aplikasi Mobile Penyedia Tempat Layanan Fitness Dengan Pendekatan User-Centered Design”.
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under an Attribution 4.0 International (CC BY 4.0) that allows others to share — copy and redistribute the material in any medium or format and adapt — remix, transform, and build upon the material for any purpose, even commercially with an acknowledgment of the work's authorship and initial publication in this journal.
