Optimalisasi Tampilan Antarmuka UI/UX pada Platform Undangan Digital Menggunakan Metode User Centered Design
DOI:
https://doi.org/10.33795/jip.v12i4.9762Keywords:
high fidelity, user centered design, user interface/user experience, system usability scale, wireframeAbstract
Platform undangan digital berbasis web masih menghadapi masalah pada antarmuka pengguna (UI) dan pemilihan template yang kurang efisien. Penelitian ini bertujuan memperbaiki UI dan mempercepat pemilihan template dengan metode User Centered Design (UCD). UCD Terdapat empat tahapan yang dilakukan memahami konteks pengguna, menentukan kebutuhan, merancang solusi, dan evaluasi. Hasil dari tahapan memahami konteks pengguna teridentifikasi pengguna utama dari platform undangan digital ini yakni calon pengantin dan pengguna umum. Selanjutnya pada tahap sepsifikasi kebutuhan berupa pembuatan low fidelity wireframe yang bertujuan untuk memvisualisasikan ide desain secara sederhana. Tahap solusi desain berupa pembuatan high fidelity yang merupakan representasi visual yang mendekati bentuk akhir dari desain antarmuka, pada hasil rancangan solusi desain menyajikan elemen visual secara lebih lengkap dan detail, meliputi penggunaan warna, jenis huruf (tipografi), ikon, gambar, serta interaksi pengguna seperti tombol dan navigasi. Tahap akhir yakni melakukan evaluasi desain menggunakan teknik System Usability Scale (SUS). Pengujian SUS ini diujicobakan pada pengguna calon pengantin dan pengguna umum, pada pengguna calon pengantin memperoleh nilai 84 dan pada pengguna umum memperolh nilai 83,5. Dari nilai yang diperoleh hasil pengujian SUS masuk dalam kategori A (Excellent) sehingga dapat disimpulkan rancangan antarmuka yang dibuat dengan pendekatan metode UCD mudah dipelajari dan memberikan kepuasan terhadap pengalamn penggunanya.
Downloads
References
Andesty, S. A., & Mulyanti, D. (2023). Literatur Review: Analisis Usaha Undangan Digital Serta Penggunaan Media Sosial Sebagai Media Promosi. Manajemen Kreatif Jurnal (MAKREJU), 1(2), 106–113.
Anggraini, A., & Suyatno, D. F. (2024). Usability and User Experience Testing of the Threads Application Using the System Usability Scale (Sus) and User Experience Questionnaire (Ueq): Pengujian Usability Dan User Experience Aplikasi Threads Mengunakan System Usability Scale (Sus) Dan User Expe. Journal of Emerging Information Systems and Business Intelligence, 5(3), 278–289. https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/63909
Aprilia, G. N., & Dasaprawira, M. N. (2023). Perancangan UI/UX Aplikasi E-Rapor pada TPQ Berbasis Android menggunakan Metode User Centered Design (UCD). Indexia, 5(01), 48. https://doi.org/10.30587/indexia.v5i01.5496
Aripiyanto, S., Agustin, F. E. M., Syakuro, A., Masruroh, S. U., Khairani, D., & Sukmana, H. T. (2022). User Interface and User Experience Design Using Lean UX Method on Zakat Ummat Website. 2022 10th International Conference on Cyber and IT Service Management, CITSM 2022, 951, 1–8. https://doi.org/10.1109/CITSM56380.2022.9935899
Fadilah, M. F., Rahaningsih, N., & Dana, R. D. (2024). Evaluasi Usabilitas Sistem Menggunakan Metode System Usability Scale (Sus) Pada Aplikasi Akhlaqu Dengan Penerapan Teknik Indexing Mong. Jurnal Sistem Informasi Dan Informatika (Simika), 7(1), 1–14. https://doi.org/10.47080/simika.v7i1.3070
Faris Noorfauzi, D., Al-Makky, M., & Ahmad, K. A. (2023). Usability Analysis of the DKI Jakarta Online Tax Application Using the System Usability Scale (SUS) Method. Jutisi, 12(2), 807–815.
Hafidz, M. Al, & Pahlawan, M. R. (2026). Pengujian Kinerja dan Usability pada Aplikasi Prestasi Siswa Menggunakan JMeter dan System Usability Scale (SUS). JIP (Jurnal Informatika Polinema), 12(2), 265–270. https://doi.org/https://doi.org/10.33795/jip.v12i2.9120
Haidar Luthfi, A., & Arfiani, I. (2024). Perancangan UI/UX Aplikasi Sampahocity Menggunakan Pendekatan UCD (User Centered Design). Jurnal Ilmu Komputer Dan Sistem Informasi (JIKOMSI), 7(1), 24–36. https://doi.org/10.55338/jikomsi.v7i1.2175
Khasanah, F. N., Iin, I., Nurmanto, D., As-Sanaj, T. D., & Prasetiya, T. (2022). Extreme Programming Method Dalam Pengembangan Aplikasi Gamified Learning. Techno.Com, 21(4), 887–895. https://doi.org/10.33633/tc.v21i4.6809
Khasanah, F. N., & Murdowo, S. (2021). Metode User Centered Design Pada Perancangan Aplikasi Reservasi Service Sepeda Motor Berbasis Android Menggunakan AxureRP. Jurnal Ilmiah Infokam, 17(1). https://doi.org/10.53845/infokam.v17i1.279
Khasanah, F. N., & Pertiwi Miller, B. (2025). Enhancing Tourism Applications with User-Centered Design and Usability Testing Interface and Experience Study. 2025 4th International Conference on Creative Communication and Innovative Technology (ICCIT), 1–6. https://doi.org/10.1109/iccit65724.2025.11167445
Khasanah, F. N., & Rofiah, S. (2019). Metode User Centered Design dalam Merancang Tampilan Antarmuka Ecommerce Penjualan Pupuk Berbasis Website Menggunakan Aplikasi Balsamiq Mockups. Jurnal Aplikasi Sains Dan Teknologi, 3(2), 14–23. https://doi.org/http://dx.doi.org/10.33366/jast.v3i2.1443
Khasanah, F. N., Untari, D. T., Nurmanto, D., & Murdowo, S. (2023). Buku Ajar Interaksi Manusia & Komputer Mengenal Tools Desain UI/UX. Pena Persada.
Khasanah, F. N., Untari, D. T., Nurmanto, D., Satria, B., Sukreni, T., & Perdhana, T. S. (2022). Beta Testing Techniques in Non-Functional Testing of Gamified Learning Applications for Lecture Learning Media During the Covid-19 Pandemic. Journal of Internet Services and Information Security, 12(4), 197–203. https://doi.org/10.58346/jisis.2022.i4.014
Lestari, D. A., Utomo, H. W., & Septiadi, A. D. (2023). Redesign Website Pariwisata Berbasis User Centered Design (UCD). JURIKOM (Jurnal Riset Komputer), 10(2), 615. https://doi.org/10.30865/jurikom.v10i2.6096
Nataza, S. O., Hertyana, H., & Rahmawati, E. (2023). Analisa UI/UX pada Aplikasi Pemesanan Tiket PT. Panorama JTB Tours menggunakan Metode User Centered Design (UCD). MEANS (Media Informasi Analisa Dan Sistem), 8(2), 215–221. https://doi.org/10.54367/means.v8i2.2847
Nugraha, A. B., & Kurnia, A. (2024). Implementasi Sistem Informasi Undangan Digital Berbasis WEB. Nuansa Informatika, 18(2), 187–195. https://doi.org/10.25134/ilkom.v18i2.208
Ravelino, C., & Susetyo, Y. A. (2023). Perancangan UI/UX untuk Aplikasi Bank Jago menggunakan Metode User Centered Design. Jurnal JTIK (Jurnal Teknologi Informasi Dan Komunikasi), 7(1), 121–129. https://doi.org/10.35870/jtik.v7i1.697
Rostilawati, D., Kurniadi, D., & Setiawan, R. (2022). Rancang Bangun Content Management System Wedding Invitation Berbasis Web Multimedia Menggunakan Metode Object Oriented Hypermedia Design. Jurnal Algoritma, 19(2), 669–680. https://doi.org/10.33364/algoritma/v.19-2.1185
Sianipar, F. D., Arifin, M. H., Aulia, W., Harliana, P., Komputer, P. I., Medan, U. N., Estate, M., Serdang, K. D., Utara, S., Terdekat, R., Medan, U. N., & Rute, O. (2024). Estimasi Rute Terdekat Dari Universitas Negeri Medan Ke SPBU Terdekat Menggunakan Algoritma Greedy. Jurnal Mahasiswa Teknik Informatika, 8(6), 12218–12225.
