User-Centered UI/UX Design for Intisari Banyumas Souvenir Food E-Commerce Website

The rapid growth of digital commerce has encouraged local businesses to adopt online platforms to improve accessibility and customer engagement. However, many local souvenir businesses in Indonesia still rely on conventional selling methods and lack user-friendly digital platforms. This study aims to design and evaluate a user-centered e-commerce website for Intisari, a Banyumas souvenir store specializing in traditional products such as gethuk goreng and nopia. The research employed the User-Centered Design (UCD) approach consisting of empathize, define, ideate, prototype, and testing stages. Data collection was conducted through observations, interviews, and questionnaires involving 60 respondents and local UMKM actors to identify user needs and usability expectations. An interactive prototype was developed using Figma by implementing UI/UX principles, Nielsen’s usability heuristics, and Gestalt visual principles. The prototype was evaluated using usability testing scenarios and the System Usability Scale (SUS). The evaluation results showed a task completion rate of 95%, an average checkout completion time of 1 minute and 40 seconds, and a SUS score of 88.33 categorized as “Excellent”. The findings indicate that the implementation of user-centered UI/UX principles significantly improves user satisfaction, usability, and interaction efficiency in local e-commerce platforms. This research contributes to the development of culturally oriented digital commerce platforms that support local UMKM digital transformation and cultural preservation.

Keywords: user-centered design, UI/UX, usability testing, system usability scale, e-commerce website

Copyright (c) 2026 Journal of Software Engineering and Multimedia (JASMED)

This work is licensed under a Creative Commons Attribution 4.0 International License.

[1] We Are Social and Hootsuite, “Digital 2024: Indonesia,” Datareportal, 2024. [Online]. Available: https://datareportal.com/reports/digital-2024-indonesia

[2] M. Fauzi, M. Fauzan, and H. Umar, “Perilaku Konsumen Setelah Era Covid-19,” BJRM (Bongaya J. Res. Manag.), vol. 8, no. 1, pp. 1–8, 2025.

[3] B. Morisson and A. A. H. S. Fikri, “Digitalisasi UMKM sebagai strategi meningkatkan daya saing di era ekonomi digital,” E-BISNIS J. Ilm. Ekon. dan Bisnis, vol. 18, no. 1, pp. 289–299, 2025.

[4] D. A. Winaldi, F. Annas, and M. Y. Armando, “Perancangan e-commerce berbasis OpenCart untuk promosi produk makanan home industry di Kecamatan Aek Ledong,” JOVISHE J. Visionary Sharia Econ., vol. 3, no. 2, pp. 399–417, 2024.

[5] R. P. A. Hasibuan, A. R. Harahap, and M. E. Rizka Ar Rahmah, Pengembangan UMKM Berbasis Budaya sebagai Pondasi Ekonomi. Jakarta: PT Penerbit Qriset Indonesia, 2025.

[6] D. Hanafi, I. A. Prabadhi, and G. B. Hertantyo, “Perancangan desain user interface/user experience: Systematic literature review,” JATI (J. Mhs. Tek. Inform.), vol. 9, no. 3, pp. 4665–4671, 2025.

[7] I. C. W. Prasetyo and B. Kristianto, “Pengaruh desain user interface terhadap tingkat kenyamanan pada pengguna situs website e-commerce,” JIPI (J. Ilm. Penelit. dan Pembelajaran Inform.), vol. 10, no. 4, pp. 3319–3331, 2025.

[8] R. S. Hutabarat and K. Sudaryana, “User-Centered Design pada User Interface (UI)/User Experience (UX) Prototyping Aplikasi E-Commerce,” J. Penelit. Teknol. Inf. dan Sains, vol. 2, no. 4, pp. 89–99, 2024.

[9] D. A. Norman, The Design of Everyday Things, Revised and Expanded Edition. Cambridge, MA: MIT Press, 2013.

[10] A. Rustiawan, “Analisis Pengaruh Desain UI Terhadap Efektivitas Interaksi Pengguna,” J. Komput. dan Teknol. Inf. (JUKOMTIK), vol. 1, no. 2, pp. 80–86, 2026.

[11] J. Nielsen, “10 Usability Heuristics for User Interface Design,” Nielsen Norman Group, 1995. [Online]. Available: https://www.nngroup.com/articles/ten-usability-heuristics/

[12] H. Wahyudi and I. G. Salim, “Analisis teori Gestalt pada postingan promosi acara Tepang Karya dalam rentang tahun 2022–2025 oleh HIMDKV Nusa Putra,” J. Dasarrupa Desain dan Seni Rupa, vol. 8, no. 1, pp. 23–31, 2026.

[13] N. Huda, “Implementasi metode usability testing dengan System Usability Scale dalam penilaian website RS Siloam Palembang,” Klik - Kumpul. J. Ilmu Komput., vol. 6, no. 1, p. 36, 2019.

[14] A. A. Jiwa Permana, “Usability testing pada website e-commerce menggunakan metode System Usability Scale (SUS): Studi kasus umkmbuleleng.com,” J. Sains dan Teknol., vol. 8, no. 2, pp. 149–158, 2019.

[15] G. W. Intyanto, N. A. Ranggianto, and V. Octaviani, “Pengukuran usability pada website Kampus Akademi Komunitas Negeri Pacitan menggunakan System Usability Scale (SUS),” Walisongo J. Inf. Technol., vol. 3, no. 2, pp. 59–68, 2021.