Perancangan User Experience Web-Store Penjualan Produk Kopi serta Olahan Kopi menggunakan Metode Human-Centered Design (Studi Kasus: UMKM Surya Kencana)

Perancangan User Experience Web-Store Penjualan Produk Kopi serta Olahan Kopi menggunakan Metode Human-Centered Design (Studi Kasus: UMKM Surya Kencana)

Penulis

  • Mohammad Faudzan Azizunhakim Fakultas Ilmu Komputer, Universitas Brawijaya
  • Hanifah Muslimah Az-Zahra Fakultas Ilmu Komputer, Universitas Brawijaya
  • Niken Hendrakusma Wardani Fakultas Ilmu Komputer, Universitas Brawijaya

Kata Kunci:

olahan kopi, UMKM, user experience, usability testing, web-store

Abstrak

Surya Kencana merupakan UMKM (Usaha Mikro Kecil dan Menengah) yang memproduksi kopi dan menjual berbagai jenis kopi melalui metode penjualan via e-commerce. Namun tidak semua pelanggan dapat mengetahui seperti apa surya kencana dan produk serta cara pengolahan yang sudah dilakukannya, serta masih terdapat batasan dalam pemesanan melalui e-commerce seperti terbatasnya jumlah berat yang dapat dikirim melalui jasa pengiriman. Metodologi yang digunakan untuk penelitian ini yaitu Human-Centered Design, metode Human-Centered Design dipilih karena metode yang berpusat pada manusia, memprioritaskan kebutuhan dan pengalaman pengguna serta melibatkan perspektif yang beragam, menghasilkan solusi yang lebih relevan, efektif, dan bermanfaat yang meningkatkan keterlibatan dan kepuasan pengguna. Hasil dari wawancara dengan pengguna, memberikan hasil bahwa pengguna menginginkan sebuah sistem yang mudah dipakai dan dapat memenuhi seluruh kebutuhan pengguna mulai dari melakukan transaksi, negosiasi, hingga memilih metode pengiriman yang diinginkan, terdapat juga bahwa pengguna menginginkan sebuah sistem dapat mempermudah mereka dalam memilih kualitas dan kuantitas sebuah biji kopi, serta dapat mengenal dan mengetahui bagaimana cara penanaman biji kopi hingga produk olahannya dibuat. Maka dari itu dibuatkan sebuah rancangan tampilan atau User interface yang dapat membantu dan memudahkan pengguna dalam melakukan transaksi yang diinginkan serta dapat memenuhi seluruh kebutuhan. Berdasarkan hasil analisis kebutuhan terdapat 15 fungsi maka dari itu dihasilkan 19 user interface dan juga hasil pengukuran Usability Testing yang dilakukan pengujiannya pada prototype atau desain solusi, hasilnya sebesar 68 yang sudah mencukupi untuk memenuhi kebutuhan pengguna.

Referensi

ISO., 9241-210:2019. Human-centred design for interactive systems. [Online] International Organization for Standardization. Tersedia di: < https://www.iso.org/obp/ui/#iso:std:iso:9241:-210:ed-2:v1:en >

Nadhif, A. K., Taufiq W, D., Hussein, M. F., & Widiati, I. S. 2021. Perancangan UI/UX Aplikasi Penjualan Dengan Pendekatan Design Thinking. Jurnal IT CIDA, 7(1).

Aldi, Y. P., & Wahyuddin, M. I. 2022. Sistem Informasi Penjualan Makanan Menggunakan Metode User Centered Design Berbasis Web. JURNAL MEDIA INFORMATIKA BUDIDARMA, 6(2), 786. https://doi.org/10.30865/mib.v6i2.3568

Khasanah, F. N., Rofiah, S., & Setiyadi, D. 2019. Metode User Centered Design dalam Merancang Tampilan Antarmuka Ecommerce Penjualan Pupuk Berbasis Website Menggunakan Aplikasi Balsamiq Mockups. JAST : Jurnal Aplikasi Sains Dan Teknologi, 3(2), 14–23. https://jurnal.unitri.ac.id/index.php/jast/article/view/1443

Bastian, A., Affiq Solihin, M., & Amelia Irdan, A. 2021. PERANCANGAN APLIKASI CHATROOM DAN PENGINPUTAN DATA KONSULTASI MAHASISWA SECARA ONLINE BERBASIS ANDROID. 43-48

Fandi, F., Imaniawan, D., & Nur, H. M. 2019. Perancangan dan Pembuatan Website Penjualan Biji Kopi Pada Society Coffee House Purwokerto (Vol. 7).

Elsanna Revadi, C., & Sirait, K. 2020. HUMAN CENTERED DESIGN. Jurnal Agribisnis Terpadu, (13), 259–265.

Damayanti, C., Triayudi, A., & Sholihati, I. D. 2022. Analisis UI/UX Untuk Perancangan Website Apotek dengan Metode Human Centered Design dan System Usability Scale. JURNAL MEDIA INFORMATIKA BUDIDARMA, 6(1), 551. https://doi.org/10.30865/mib.v6i1.3526

M. A. S. F. Ridwan and F. Rahma,, 2021 "Pengujian Usabilitas Halaman Cart pada Website E-Commerce Paperlust di Krafthaus Indonesia," Automata.

Rokhmawati, R. I., Beta Evantio, Y., & Saputra, M. C. 2019. PENERAPAN PENDEKATAN HUMAN CENTERED DESIGN DAN CRM DALAM PERANCANGAN ANTARMUKA SISTEM E-COMPLAINT IMPLEMENTATION OF HUMAN CENTRED DESIGN AND CRM APPROACH IN DEVELOPING SYSTEM INTERFACE OF E-COMPLAINT. 6(4), 437–444. https://doi.org/10.25126/jtiik.201961332

Andi Saputra, Ashari Imamuddin, & Pria Sukamto. 2020. RANCANG BANGUN APLIKASI SISTEM PENJUALAN CASE STUDY: PT. X. INFOTECH: Jurnal Informatika & Teknologi, 1(2), 78–86. https://doi.org/10.37373/infotech.v1i2.67

Nadhif, A. K., Taufiq W, D., Hussein, M. F., & Widiati, I. S. 2021. Perancangan UI/UX Aplikasi Penjualan Dengan Pendekatan Design Thinking. Jurnal IT CIDA, 7(1).

Setiadi, A. R., & Setiaji, H. (n.d.). Perancangan UI/UX menggunakan pendekatan HCD (Human-Centered design) pada website Thriftdoor.

Husbands J. 2021. The complete guide to Figma and why it’s the future of design. Medium [Online]. https://bootcamp.uxdesign.cc/the-complete-guide-to-figma-and-why-its-the-future-of-design-a82839d3b5b9

OMG., (formal/2011-01-03). Business Process Model and Notation (BPMN), Version 2.0. Object Management Group [Online]. https://www.omg.org/spec/BPMN/2.0/PDF

Jakob N. 2020. 10 Usability Heuristics for User Interface Design. NN Group [Online]. https://www.nngroup.com/articles/ten-usability-heuristics/

Misfud J. 2022. Usability Metrics – A Guide To Quantify The Usability Of Any System. UsabilityGeek [Online]. https://usabilitygeek.com/usability-metrics-a-guide-to-quantify-system-usability/

Sauro J. 2018. 5 Ways to Interpret a SUS Score. MeasuringU [Online]. https://measuringu.com/interpret-sus-score/

Inoue, S., Yamazaki, K., Hirako, H., Sasaki, T. (2015). Applying Human Centered Design Process for Designing Air Traffic Control Interfaces. In: Marcus, A. (eds) Design, User Experience, and Usability: Users and Interactions. DUXU 2015. Lecture Notes in Computer Science(), vol 9187. Springer, Cham. https://doi.org/10.1007/978-3-319-20898-5_30

Leung, C.L., Naert, M., Andama, B. et al. (2020). Correction to: Human-centered design as a guide to intervention planning for non-communicable diseases: the BIGPIC study from Western Kenya. BMC Health Serv Res 20, 738. https://doi.org/10.1186/s12913-020-05345-9

Hashizume, A., Kurosu, M. (2013). Understanding User Experience and Artifact Development through Qualitative Investigation: Ethnographic Approach for Human-Centered Design. In: Kurosu, M. (eds) Human-Computer Interaction. Human-Centred Design Approaches, Methods, Tools, and Environments. HCI 2013. Lecture Notes in Computer Science, vol 8004. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-39232-0_8

Volkmann, T., Sengpiel, M., Jochems, N. (2017). Participatory Human-Centered Design of a Feedback Mechanism Within the Historytelling System. In: Zhou, J., Salvendy, G. (eds) Human Aspects of IT for the Aged Population. Applications, Services and Contexts. ITAP 2017. Lecture Notes in Computer Science(), vol 10298. Springer, Cham. https://doi.org/10.1007/978-3-319-58536-9_14

Kasdaglis, N., Stowers, K. (2016). Beyond Human Factors: The Role of Human Centered Design in Developing a Safety-Critical System. In: Stephanidis, C. (eds) HCI International 2016 – Posters' Extended Abstracts. HCI 2016. Communications in Computer and Information Science, vol 617. Springer, Cham. https://doi.org/10.1007/978-3-319-40548-3_58

Farrahi, R., Rangraz Jeddi, F., Nabovati, E. et al. The relationship between user interface problems of an admission, discharge and transfer module and usability features: a usability testing method. BMC Med Inform Decis Mak 19, 172 (2019). https://doi.org/10.1186/s12911-019-0893-x

Taheri F, Kavusi A, Faghihnia Torshozi Y, Farshad AA, Saremi M. Assessment of validity and reliability of Persian version of System Usability Scale (SUS) for traffic signs. Iran Occup Health J. 2017;14(1):12–22.

https://experienceresearchsociety.org/ux/ [Diakses pada 4 September 2023]

Suhaili, M. (2022). Perancangan Tampilan UI/UX Pada Aplikasi Novel Komik (Nomik). JoMMiT : Jurnal Multi Media dan IT.

Sufandi, U.U., Aprijani, D.A., & Pandiangan, P. (2021). Evaluasi dan Hasil Review Desain User Interface Prototype Aplikasi Mobile Sitta Universitas Terbuka. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI).

Unduhan

Diterbitkan

29 Nov 2023

Cara Mengutip

Azizunhakim, M. F., Az-Zahra, H. M., & Wardani, N. H. (2023). Perancangan User Experience Web-Store Penjualan Produk Kopi serta Olahan Kopi menggunakan Metode Human-Centered Design (Studi Kasus: UMKM Surya Kencana). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 7(6), 2708–2719. Diambil dari https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/13175

Terbitan

Bagian

Artikel
Loading...