Perancangan UI/UX Design Website Penjualan Produk Kue Basah/ Jajanan Pasar Pada UMKM di Surabaya Dengan Metode Double Diamond
Abstract
Pesatnya perkembangan teknologi informasi memberikan efek signifikan pada berbagai sektor, termasuk Usaha Mikro, Kecil, dan Menengah (UMKM). Salah satu tantangan utama yang dihadapi UMKM, khususnya dalam bidang penjualan kue basah/jajanan pasar, adalah keterbatasan dalam jangkauan pasar dan proses transaksi yang masih manual, serta pencatatan data transaksi yang tidak terkelola dengan baik. Tujuan dari penelitian ini adalah untuk merancang desain User Interface (UI) dan User Experience (UX) website yang user friendly, dengan fokus pada penjualan kue basah/jajanan pasar pada UMKM di Surabaya menggunakan metode Double Diamond. Discover bertujuan agar peneliti dapat mengetahui kebutuhan desain, yang akan dibuat pada tahap ini dilakukan observasi dan wawancara pada 8 UMKM dan pengguna. Define berfungsi untuk mengelola data yang telah didapatkan pada tahap discover. Selanjutnya pada tahap develop adalah tahapan dimana solusi dibuat, yang memuat user flow, wireframe, prototype, dan front-end, berdasarkan data yang telah diperoleh dan diolah pada tahap sebelumnya. Selanjutnya untuk memastikan solusi yang dibuat memenuhi kebutuhan berdasarkan data, maka dilakukan pengujian yang berada pada tahap deliver. Hasil pengujian pada tahap deliver menunjukan skor rata-rata 72,79 yang masuk kategori good dengan grade C dan penerimaan yang acceptable.
Kata kunci— UMKM, User Interface, User Experience, Double Diamond, SUS
References
[1] A. Manongga, Pentingnya Teknologi Informasi Dalam Mendukung Proses Belajar Mengajar di Sekolah
Dasar. Gorontalo, 2021.
[2] S. Dwi Laksana, “Pentingnya Pendidikan Karakter
Dalam Menghadapi Education Technology The 21 st
Century,” Feb. 2021. [Online]. Available:
https://journal.iaimnumetrolampung.ac.id/index.php/jtep
[3] R. Rantung and J. Yuan Mambu, “Perancangan
UI/UX Untuk Aplikasi Kedai Online Menggunakan
Metode Design Thinking,” Cogito Smart Journal |,
vol. 9, no. 2, 2023.
[4] I. Listiani, “Analisis Pentingnya Sistem Informasi
Manajemen Dalam Teknologi Informasi dan Komunikasi Saat Ini,” May 2021.
[5] D. M. D. Warouw, M. Rembang, and Y. Surentu,
“Pentingnya Website Sebagai Media Informasi Destinasi Wisata Di Dinas Kebudayaan Dan Pariwisata
Kabupaten Minahasa,” Oct. 2020.
[6] N. Bangun and Aisyah, “Pengaruh Website Design,
Informativeness, Dan Security Of Online Transaction Terhadap Customer,” Sep. 2023. [Online].
Available: www.ucareindonesia.org
[7] A. Firdonsyah, Z. Arwananing Tyas, and L. Ma,
“Penerapan Metode Design Thinking Pada
Perancangan UI/UX Sistem Informasi Penelitian Mahasiswa Berbasis Web,” 2023.
[8] E. S. Ramadhan and K. Kunci, “Penerapan Metode
Double Diamond dalam Perancangan Antarmuka
Pengguna dan Pengalaman Pengguna pada Aplikasi
Halal.me,” REPOSITOR, vol. 6, no. 1, pp. 91–98,
2024.
[9] R. H. Rian, Agung Triayudi, and Ira Diana Sholihati,
“Implementation of the Double Diamond Method in
User Experience Design of Health Service Application (Homecare),” SaNa: Journal of Blockchain,
NFTs and Metaverse Technology, vol. 2, no. 1, pp.
80–89, Feb. 2024, doi: 10.58905/sana.v2i1.272.
[10] F. Ayunitasari, G. Resmi, and I. Kaniawulan, “Penerapan Metode Double Diamond Dalam Perancangan
Ui/Ux Aplikasi E-Commerce Dan Booking Service
Berbasis Mobile Pada Swara Computer,” 2024.
[11] M. Oktaviana, A. Nurlifa, A. A. Suryanto, and F.
Amaludin, “Perancangan UI/UX E-Tracer Study
UNIROW dengan Menggunakan Metode Doubel Diamond,” Jurnal Informatika dan Teknologi, vol. 6,
no. 1, 2023, doi: 10.29408/jit.v6i1.7397.
[12] A. Farhantama and M. Miksa Mardhia, “Double Diamond Approach for Mobile-based UX: Connecting
Students to Professional IT Projects,” Journal of Information Systems and Informatics, vol. 6, no. 2,
2024, [Online]. Available: http://journal-isi.org/index.php/isi
[13] D. Latifa, Santoso, I. Mufidah, and M. Iqbal,
“Perancangan User Interface Website Laboratorium
Analisis Perancangan Kerja dan Ergonomi Universitas Telkom dengan Metode Double Diamond,” Journal Of Social Science Research, vol. 4, Sep. 2024,
[Online]. Available: https://j-innovative.org/index.php/Innovative
[14] Faisal Maulana Akbar, Ayouvi Poerna Wardhanie2,
and Tan Amelia, “Implementasi Re-design UI/UX
Website Fumigasi Untuk Meningkatkan Customer
Experience,” Journal of Applied Computer Science
and Technology, vol. 4, no. 2, pp. 90–99, Nov. 2023,
doi: 10.52158/jacost.v4i2.488.
[15] R. Cahyaninghati, R. M. Chairil Andri, and N. A.
Istiqomah, “UI/UX Design Of The Mobile Application ‘Kalem’ Using The Double Diamond Method,”
ENCRYPTION: Journal of Information And Technology E-ISSN3025, vol. 8006, no. 1, 2024, doi:
10.58738/Encryption.
[16] S. Al Farisi and M. Iqbal Fasa, “Peran UMKM
(Usaha Mikro Kecil Menengah) dalam Meningkatkan Kesejahteraan Masyarakat,” Jurnal Dinamika
Ekonomi Syariah, vol. 9, no. 1, 2022, [Online].
Available: http://ejurnal.iaipd-nganjuk.ac.id/index.php/es/index
[17] 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:
[18] R. Pramudita, R. W. Arifin, A. Nurul Alfian, and N.
Safitri, “Penggunaan Aplikasi Figma Dalam Membangun UI/UX Yang Interaktif Pada Program Studi
Teknik Informatika STMIK Tasikmalaya,” Shilka
Dina Anwariya, vol. 3, no. 1, 2021, [Online]. Available: www.youtube.com,
[19] M. N. M. Al-Faruq, S. Nur’aini, and M. H. Aufan,
“Perancangan UI/UX Semarang Virtual Tourism
dengan Figma,” Walisongo Journal of Information
Technology, vol. 4, no. 1, pp. 43–52, Aug. 2022, doi:
10.21580/wjit.2022.4.1.12079.
[20] A. Muhammad Nur Fauzi, A. Triayudi, and I. Diana
Sholihati, “Mengukur Tingkat Kepuasan Pengguna
Aplikasi Kearsipan Menggunakan System Usability
Scale dan PIECES Framework,” Mar. 2022.
[21] A. Fatmawati, “Evaluasi Usability pada Learning
Management System OpenLearning Menggunakan
System Usability Scale,” JURNAL INOVTEK POLBENG - SERI INFORMATIKA, vol. 6, no. 1, 2021,
[Online]. Available: https://ums.ucm.ac.id/.
[22] A. Zainy et al., “Pengenalan Media Pembelajaran
Pemrograman Membuat Website pada HTML SMK
Swasta Harapan Padangsidimpuan,” Aug. 2022.
[Online]. Available: https://jurnal.spada.ipts.ac.id/index.php/adam
[23] H. Thamrin, O. Fajarianto, and A. Ahmad, “Pelatihan
Pemrograman CSS dan HTML di SMK Avicena,”
Online, 2021.
[24] P. Kynta, I. L. Laksono, and V. Wijaya, “Pelatihan
Pengembangan Desain Game dengan HTML dan
CSS pada SMA Negeri 3 Palembang,” Nov. 2024.
[25] Wahyudi, “Pemrograman Web HTML dan CSS,”
Nov. 2022.
[26] M. Rahmatuloh and M. Revanda, “Rancang Bangun
Sistem Informasi Jasa Pengiriman Barang pada PT.
Haluan Indah Transporindo Berbasis Web,” Jurnal
Teknik Informatika, vol. 14, no. Vol. 14 No. 1 (2022):
Jurnal Teknik Informatika Volume 14-Nomor 1, Januari 2022, Feb. 2022.



