DESAIN UI/UX HALAMAN LOGIN WEB MENGGUNAKAN FIGMA DENGAN PENDEKATAN DESAIN BERPUSAT PADA PENGGUNA
Article Sidebar
Main Article Content
Abstract
The development of information and communication technology has driven the importance of effective user interface (UI) and user experience (UX) design in website development. The login page is one of the main components that plays a crucial role as the user's initial access to the system, so a design that provides comfort, convenience, and security is needed in its use. This study aims to design a UI/UX design for a web login page using the Figma application with a User-Centered Design (UCD) approach. The UCD method is used because it focuses on user needs, characteristics, and experiences throughout the design process. The research stages include identifying user needs, analyzing problems, creating wireframes, creating prototypes, and evaluating the design. The resulting design displays a simple, responsive, modern, and easily understood interface for users.
Downloads
Article Details
References
[1] R. D. Cahyani and A. D. Indriyanti, “Penerapan Metode User Centered Design dalam Perancangan Ulang Desain Website MAN 1 Pasuruan,” J. Emerg. Inf. Syst. Bus. Intell., vol. 3, no. 2, pp. 40–48, 2022, doi: 10.26740/jeisbi.v3i2.46197.
[2] A. Usman and A. Budiman, “Rancang Bangun Desain UI / UX Pada Pembuatan Startup Aplikasi Selfcare Berbasis Website,” pp. 42–56, 2023.
[3] T. Setiana Putra and Hadiansyah Ma’sum, “Perancangan UI UX Aplikasi Jemput Sampah Berbasis Mobile Menggunakan Metode Design Thinking,” Informatech J. Ilm. Inform. dan Komput., vol. 1, no. 2, pp. 77–84, 2024, doi: 10.69533/6x7snk75.
[4] Abyan Haidar Luthfi and Ika Arfiani, “Perancangan UI/UX Aplikasi Sampahocity Menggunakan Pendekatan UCD (User Centered Design),” J. Ilmu Komput. dan Sist. Inf., vol. 7, no. 1, pp. 24–36, 2024.
[5] A. P. Wardhanie and K. Lebdaningrum, “Pengenalan Aplikasi Desain Grafis Figma pada Siswa- Siswi Multimedia SMK PGRI 2 Sidoarjo ( Introduction to the Figma Graphic Design Application for Multimedia Students at SMK PGRI 2 Sidoarjo ),” vol. 3, no. 3, pp. 165–174, 2022.
[6] M. F. Santoso, “Implementasi Konsep dan Teknik UI/UX Dalam Rancang Bangun Layout Web dengan Figma,” J. Infortech, vol. 4, no. 2, 2021, [Online]. Available: http://ejournal.bsi.ac.id/ejurnal/index.php/infortech156
[7] I. Ramadhani Mukhlis et al., “Pelatihan UI/UX Menggunakan Figma Untuk Meningkatkan Kompetensi Di Bidang Desain Guru MGMP RPL SMK Provinsi Jawa Timur,” J. Kemitraan dan Pemberdaya. Masy., vol. III, no. 1, pp. 80–87, 2023.
[8] Heri Suroyo and D. Fauzi, “Perancangan Ui Ux Aplikasi Data Pengunjung Berbasis Website Di Dinas Inspektorat Daerah Provinsi,” J. Data Anal. Information, Comput. Sci., vol. 2, no. 1, pp. 146–154, 2025, doi: 10.70248/jdaics.v2i1.1896.
[9] W. Agustin, U. Rio, R. Muzawi, T. Nasution, and D. Haryono, “Penguatan Pengelolaan Website Desa Untuk Meningkatkan Layanan Administrasi Kependudukan di Desa Pasir Baru Rokan Hulu,” Abdiformatika J. Pengabdi. Masy. Inform., vol. 1, no. 1, pp. 8–17, 2021, doi: 10.25008/abdiformatika.v1i1.132.
[10] A. W. Soejono, A. Setyanto, A. F. Sofyan, and W. Anova, “Evaluasi Usability Website UNRIYO Menggunakan S ystem Usability Scale ( Studi Kasus : Website UNRIYO ),” vol. XIII, pp. 29–37, 2018.
[11] H. Santoso and Z. Akbar, “Analisis Sistem Informasi Keberhasilan Website Siap PPDB Online Dinas Pendidikan Provinsi Jambi Dengan Metode Delone And Mclean,” vol. 1, no. 2, pp. 70–82, 2022.
[12] A. Ichwani, N. Anwar, K. Karsono, and M. Alrifqi, “Sistem Informasi Penjualan Berbasis Website dengan Pendekatan Metode Prototype,” Pros. Sisfotek, vol. 5, no. 1, pp. 1–6, 2021, [Online]. Available: https://digilib.esaunggul.ac.id/public/UEU-Proceeding-23437-14_0226.pdf
[13] M. Defriani, M. Gito Resmi, and I. Jaelani, “Usability Test Using Cognitive Walkthrough and System Usability Scale (Sus) Methods on Stt Wastukancana Website,” J. Inf. Technol. Comput. Sci., vol. 4, no. 1, pp. 30–39, 2021.
[14] A. R. Setiadi, “Perancangan UI / UX menggunakan pendekatan HCD ( Human-Centered design ) pada website Thriftdoor”.
[15] E. Kurniawan, N. Nofriadi, and A. Nata, “Application of the System Usability Scale (SUS) in Assessing the Usability of the Website for the Study Program at STMIK Royal,” J. Sci. Soc. Res., vol. 5, no. 1, p. 43, 2022.