Perancangan UI/UX Design Website Penjualan Produk Kue Basah/ Jajanan Pasar Pada UMKM di Surabaya Dengan Metode Double Diamond

Authors

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:

https://my.cic.ac.id/.

[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.

Published

2025-08-01

Issue

Pages

1 - 10

Section

Prodi S1 Sistem Informasi - Kampus Surabaya