Perancangan Desain Antarmuka Pengguna Aplikasi Katalog Digital Pada UMKM My-Boutique Menggunakan Metode Design Thinking

Diah Ratna  Ismawati; Berlilana Berlilana; Pungkas Subarkah

doi:10.51454/decode.v5i2.1259

Authors

Diah Ratna Ismawati Informatika Universitas Amikom Purwokerto
Berlilana Berlilana Sistem Informasi Universitas Amikom Purwokerto
Pungkas Subarkah Informatika Universitas Amikom Purwokerto

DOI:

https://doi.org/10.51454/decode.v5i2.1259

Keywords:

Desain Aplikasi, Design Thinking, My-Boutique3, Perancangan Antarmuka

Abstract

My-Boutique merupakan toko pakaian muslimah yang saat ini hanya menampilkan produk melalui etalase fisik di kios, tanpa memiliki katalog produk digital. Kondisi ini menjadi kendala dalam memperluas jangkauan pemasaran, khususnya untuk mencapai target pasar yang lebih luas. Pelanggan juga kesulitan dalam mengetahui koleksi produk yang tersedia, karena tidak adanya media yang dapat diakses secara fleksibel. Oleh karena itu, penelitian ini dilakukan untuk merancang desain antarmuka aplikasi mobile My-Boutique sebagai katalog digital yang dapat membantu dalam penyampaian informasi produk kepada pelanggan. Penelitian ini menggunakan metode Design Thinking, yang terdiri dari lima tahapan, yaitu: empathize, define, ideate, prototype, dan testing. Permasalahan utama yang diangkat dalam penelitian ini adalah belum adanya katalog produk dalam bentuk apa pun, yang menyulitkan interaksi antara pelanggan dan pihak toko saat proses pencarian produk. Tujuan dari penelitian ini adalah menghasilkan rancangan desain antarmuka aplikasi mobile yang dapat dijadikan acuan pengembangan aplikasi digital My-Boutique ke depannya. Rancangan ini dibuat dengan pendekatan pengguna secara langsung, yaitu melibatkan admin toko dan pelanggan dalam setiap tahapan proses desain agar hasilnya sesuai dengan kebutuhan nyata di lapangan.

References

Alfiyan, F. (2022). Pembuatan Katalog Digital Sebagai Media Publikasi Wisata Dan Umkm Di Pokdarwis Gombengsari Banyuwangi. Jurnal Abdimastek (Pengabdian Masyarakat Berbasis Teknologi), 3(2), 26–33. https://doi.org/10.32736/abdimastek.v3i2.1528

Andiani, W., & Wahyui, A. (2024). Perancangan Desain Ui/Ux Menggunakan Metode Design Thinking Pada Website Pt. Virama Karya (Persero). JASIKA (Jurnal Sistem Informasi Akuntansi), 04(01), 1–10. https://doi.org/10.31294/jasika.v4i01.3145

Anshari, M. R., Kuncoro, A. P., & Subarkah, P. (2024). Designing Ui/Ux for Elementary School E- Learning Using Design Thinking Method. JURTEKSI (Jurnal Teknologi Dan Sistem Informasi), 10(3), 575–582. https://doi.org/10.33330/jurteksi.v10i3.3177

Ansori, S., Hendradi, P., & Nugroho, S. (2023). Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA. Journal of Information System Research (JOSH), 4(4), 1072– 1081. https://doi.org/10.47065/josh.v4i4.3648

Cheah, W. H., Mat Jusoh, N., Aung, M. M. T., Ab Ghani, A., & Mohd Amin Rebuan, H. (2023). Mobile Technology in Medicine: Development and Validation of an Adapted System Usability Scale (SUS) Questionnaire and Modified Technology Acceptance Model (TAM) to Evaluate User Experience and Acceptability of a Mobile Application in MRI Safety Screening. Indian Journal of Radiology and Imaging, 33(1), 36–45. https://doi.org/10.1055/s-0042-1758198

Damayanti, W. R., Kuncoro, A. P., Subarkah, P., & Saputro, R. E. (2024). Designing Ui/Ux of Doctor’S Consultation Application Using Design Thinking Method. JURTEKSI (Jurnal Teknologi Dan Sistem Informasi), 10(2), 307–314. https://doi.org/10.33330/jurteksi.v10i2.3053

Goh, J., Fang, Y., & Ens, B. (2025). Embedded visualizations in crane operation user interfaces for real- time assistance. Automation in Construction, 173(February), 106078.

https://doi.org/10.1016/j.autcon.2025.106078

Haryuda, D., Asfi, M., & Fahrudin, R. (2021). Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 111–

https://doi.org/10.33197/jitter.vol8.iss1.2021.730

Herfandi, H., Yuliadi, Y., Zaen, M. T. A., Hamdani, F., & Safira, A. M. (2022). Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX. Building of Informatics, Technology and Science (BITS), 4(1), 337–344. https://doi.org/10.47065/bits.v4i1.1716

Luthfi, M. I., & Septiyanti, N. D. (2023). Design Thinking untuk Analisis Masalah Pembelajaran Daring Pada Masa Pandemi Covid-19 di Indonesia. Decode: Jurnal Pendidikan Teknologi Informasi, 3(2), 193–

https://doi.org/10.51454/decode.v3i2.146

Nurhasanah, A., & Kusumadiarti, R. S. (2024). Perancangan UI/UX Sistem Informasi Dosen (SIM-DOS Piksi Ganesha) Menggunakan Metode Design Thinking. Decode: Jurnal Pendidikan Teknologi Informasi, 4(1), 179–190. https://doi.org/10.51454/decode.v4i1.333

Prastomo, A., & Alfarisi, S. (2024). Sistem Aplikasi Poin of Sale (Pos) Untuk Penjualan Toko Naila Cookies Berbasis Java. Journal of Information System, Applied, Management, Accounting and Research, 8(2), 456. https://doi.org/10.52362/jisamar.v8i2.1501

Rosalia, B., & Siahaan, M. (2022). Perancangan Dan Implementasi Sistem Kasir Digital Pada Umkm Coffee Lucky Star. The 4th National Conference of Community Service Project 2022, 4(1), 15–23. https://doi.org/10.37253/nacospro.v4i1.6907

Rosalia, B. O., & Siahaan, M. (2022). Perancangan Dan Implementasi Sistem Kasir Digital Pada Umkm Coffee Lucky Star. The 4th National Conference of Community Service Project 2022, 4(1), 15–23.

https://doi.org/10.37253/nacospro.v4i1.6907

Rustam, Y. W. A. (2021). Perancangan Aplikasi Mobile Katalog Furniture Menggunakan Teknologi Augmented Reality. INFORMASI (Jurnal Informatika Dan Sistem Informasi), 13(2), 97–122. https://doi.org/10.37424/informasi.v13i2.121.

Sembodo, F. G., Fitriana, G. F., & Prasetyo, N. A. (2021). Evaluasi Usability Website Shopee Menggunakan System Usability Scale (SUS). Journal of Applied Informatics and Computing, 5(2), 146–

https://doi.org/10.30871/jaic.v5i2.3293

Stewart, B. T., Menge, K., Kurien, T. V., Orton, C., Estrada, R., Carrougher, G., Thompson, C., Hsieh, G., & Pham, T. N. (2025). Optimizing the user-experience (UX) and −interface (UI) of a mHealth application to aid recovery from burn injury (BurnCORE) through a user-centered design approach. Burns Open, 11(February), 100409. https://doi.org/10.1016/j.burnso.2025.100409

Surath, L. H. M., Putra, I. N. T. A., & Suratmin, S. (2025). Perancangan Design User Interface ( Ui ) Aplikasi Wishlist Berbasis Metode Design Thinking Dengan System Usability Scale. Jurnal Informatika Dan Teknik Elektro Terapan, 13(2), 1281–1289. https://doi.org/10.23960/jitet.v13i2.6433

Widiyantoro, M. F., Heryana, N., Voutama, A., & Sulistiyowati, N. (2022). Perancangan UI / UX Aplikasi Toko Kue Dengan Metode Design Thinking. Information Management For Educators And Professionals : Journal of Information Management, 7(1), 1. https://doi.org/10.51211/imbi.v7i1.1949

Yuan, Z., Li, M., Liu, C., Han, F., Huang, H., & Dai, H. N. (2025). Chat with MES: LLM-driven user interface for manipulating garment manufacturing system through natural language. Journal of Manufacturing Systems, 80(March), 1093–1107. https://doi.org/10.1016/j.jmsy.2025.02.008

Yusri, R., A., Faqihuddin Hanif, I., Daffa Al-farel, M., Zaandami, N., & Yasin, M. (2024). Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan. Bulletin of Information Technology (BIT), 5(2), 102–113. https://doi.org/10.47065/bit.v5i2.1340