DESAIN PROTOTYPE APLIKASI ABSENSI MAGANG MENGGUNAKAN METODE UI/UX
DOI:
https://doi.org/10.59407/jpki2.v4i1.3413Abstract
Pengabdian ini bertujuan untuk merancang prototype aplikasi absensi magang berbasis website menggunakan pendekatan User Interface (UI) dan User Experience (UX) sebagai solusi terhadap permasalahan sistem absensi manual di Dinas Pemuda dan Olahraga (DISPORA) Palembang. Metode yang digunakan dalam pengabdian ini meliputi tahapan identifikasi permasalahan, analisis kebutuhan pengguna, perancangan user flow, pembuatan wireframe, pengembangan prototype high-fidelity menggunakan Figma, serta evaluasi dan penyempurnaan desain berdasarkan umpan balik mitra. Hasil kegiatan menunjukkan bahwa prototype yang dirancang memiliki fitur utama berupa login, dashboard, absensi masuk dan keluar (check-in/check-out), riwayat absensi, serta profil pengguna dengan tampilan antarmuka yang sederhana, konsisten, dan mudah dipahami. Desain yang berorientasi pada pengguna mampu meningkatkan kejelasan alur sistem, meminimalkan potensi kesalahan pencatatan, serta memberikan gambaran sistem absensi digital yang lebih efisien dan transparan dibandingkan sistem manual. Simpulan kegiatan ini adalah bahwa pendekatan UI/UX yang berfokus pada kebutuhan pengguna efektif menghasilkan rancangan prototype aplikasi absensi magang yang terstruktur, intuitif, dan dapat dijadikan acuan dalam pengembangan sistem absensi magang digital guna mendukung transformasi digital di lingkungan instansi pemerintahan.
References
Al-Badi, A. H., Tarhini, A., & Al-Busaidi, K. A. (2017). Adoption of e-government services: An empirical study. International Journal of Information Management, 37(6), 459–472. https://doi.org/10.1016/j.ijinfomgt.2017.03.003
Garrett, J. J. (2011). The Elements of User Experience: User-Centered Design for the Web and Beyond. New Riders.
Handayani, S., & Hidayat, R. (2020). Analisis sistem absensi manual dan digital dalam meningkatkan efektivitas kerja. Jurnal Sistem Informasi, 12(2), 85–94.
Hartson, R., & Pyla, P. (2012). The UX Book: Process and Guidelines for Ensuring a Quality User Experience. Morgan Kaufmann.
Kurniawan, D., & Nugroho, E. (2019). Pengembangan sistem absensi berbasis web untuk meningkatkan monitoring kehadiran. Jurnal RESTI, 3(2), 245–252.
Mulyani, S., & Fitriani, W. (2021). Penerapan desain UI/UX pada sistem informasi berbasis web. Jurnal Teknologi dan Sistem Informasi, 7(1), 55–63.
Nielsen, J. (2020). Usability Engineering. Morgan Kaufmann.
Norman, D. A. (2013). The Design of Everyday Things. Basic Books.
Preece, J., Rogers, Y., & Sharp, H. (2015). Interaction Design: Beyond Human-Computer Interaction. Wiley.
Putra, R. A., Pratama, A., & Wibowo, S. (2021). Penerapan sistem informasi berbasis web untuk meningkatkan efisiensi administrasi. Jurnal Teknologi Informasi dan Ilmu Komputer, 8(3), 421–430.
Rahmawati, A., & Sari, D. P. (2020). Pemanfaatan prototype dalam pengembangan sistem informasi. Jurnal Informatika Mulawarman, 15(2), 98–105.
Setiawan, B., & Haryanto, T. (2022). Pendampingan perancangan sistem informasi berbasis UI/UX pada instansi pemerintah. Jurnal Pengabdian Kepada Masyarakat, 6(3), 321–329.
Susanto, A., & Meiryani. (2019). Sistem informasi akuntansi dan penerapannya dalam organisasi sektor publik. Jurnal Akuntansi dan Keuangan, 21(1), 1–10.
Snyder, C. (2003). Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. Morgan Kaufmann.
