Perancangan User Interface Website Pusat Oleh-Oleh Purwokerto Menggunakan Metode Design Thinking
Abstract
Penelitian ini membahas perancangan antarmuka pengguna (user interface) website Pusat Oleh-Oleh Purwokerto Sawangan No.1 dengan pendekatan Design Thinking guna menghasilkan prototipe website e-commerce berbasis Progressive Web App (PWA). Permasalahan utama terletak pada ketergantungan toko terhadap media sosial dan platform pihak ketiga, yang berdampak pada biaya tambahan, keterbatasan kontrol, serta pengalaman belanja daring yang kurang optimal. Proses perancangan mengikuti lima tahapan Design Thinking: empathize, define, ideate, prototype, dan test, dengan teknik pengumpulan data berupa wawancara, survei, dan studi literatur. Hasil penelitian berupa rancangan wireframe, sistem desain, dan prototipe fidelitas tinggi yang dikembangkan menggunakan ReactJS serta terintegrasi dengan REST API. Uji kelayakan menggunakan metode System Usability Scale (SUS) menunjukkan skor rata-rata 84 untuk peran admin dan 84,83 untuk calon pembeli, yang diklasifikasikan dalam Grade A pada SUS Percentile Rank. Temuan ini menunjukkan bahwa prototipe yang dikembangkan memiliki tingkat usability tinggi dan mampu menjawab kebutuhan baik dari sisi pemilik usaha maupun calon pembeli. Kata kunci — Design Thinking, User Interface, Usability, Ecommerce, Progressive Web App, System Usability Scale
Downloads
References
[1] A. R. Muttaqin, A. Wibawa, and K. Nabila, “Inovasi Digital untuk Masyarakat yang Lebih Cerdas 5.0: Analisis Tren Teknologi Informasi dan Prospek Masa Depan,” Jurnal Inovasi Teknologi dan Edukasi Teknik, vol. 1, no. 12, pp. 880–886, Dec. 2021, doi: 10.17977/um068v1i122021p880-886.
[2] S. Septiawan, “Teknologi dan Perubahan Pola Hidup Manusia,” 2020. [Online]. Available: http://www.tempo.co/read/news/2010/12/23
[3] S. Ryan Pratamansyah, “Transformasi Digital dan Pertumbuhan UMKM: Analisis Dampak Teknologi pada Kinerja Usaha Kecil dan Menengah di Indonesia,” Jurnal Akuntansi, Manajemen, dan Perencanaan Kebijakan, vol. 2, no. 2, pp. 1–17, 2024, [Online]. Available: https://economics.pubmedia.id/index.php/jampk
[4] A. A. Swardana and A. Candra Ayuswantana, “Perancangan Ui/Ux Website E-Commerce Mercandise Kota Sidoarjo Menggunakan Design Thinking,” SENIMAN: Jurnal Publikasi Desain Komunikasi Visual, vol. 2, no. 1, pp. 81–92, May 2024, doi: 10.59581/seniman-widyakarya.v1i2.1931.
[5] W. Suprayogi Adhyaksa Pratama and A. Dwi Indriyanti, “Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” Journal of Emerging Information Systems and Business Intelligence), vol. 04, Jan. 2023, Accessed: May 08, 2024. [Online]. Available: https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/51144
[6] S. D. Hawa, “User Interface dan Social Media Marketing Sebagai Pendorong Keputusan Pembelian pada E-Commerce Tokopedia,” Jurnal Sistem Informasi dan Teknologi Peradaban (JSITP), vol. 3, no. 2, Dec. 2022, [Online]. Available: www.journal.peradaban.ac.id
[7] D. Saputra and R. Kania, “Implementasi Design Thinking untuk User Experience Pada Penggunaan Aplikasi Digital,” Prosiding 13th Industrial Research Workshop and National Seminar (IRWNS) , vol. 13, pp. 1174–1178, Aug. 2022.
[8] E. Susanti, E. Fatkhiyah, and E. Efendi, “Pengembangan UI/UX pada Aplikasi M-Voting Menggunakan Metode Design Thinking,” Simposium Nasional Ke-18 RAPI 2019, 2019.
[9] F. Kesuma Bhakti, I. Ahmad, and Q. J. Adrian, “Perancangan User Experience Aplikasi Pesan Antar Dalam Kota Menggunakan Metode Design Thinking (Studi Kasus: Kota Bandar Lampung),” Jurnal Teknologi dan Sistem Informasi (JTSI), vol. 3, no. 2, pp. 45–54, 2022, [Online]. Available: http://jim.teknokrat.ac.id/index.php/JTSI
[10] D. Kelley and T. Brown, An Introduction to Design Thinking PROCESS GUIDE. 2018. Accessed: May 14, 2024. [Online]. Available: https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/Introduction-to-design-thinking.pdf
[11] F. Galuh Sembodo, G. Fadila Fitriana, and N. A. Prasetyo, “Evaluasi Usability Website Shopee Menggunakan System Usability Scale (SUS),” Journal of Applied Informatics and Computing (JAIC), vol. 5, no. 2, pp. 2548–6861, 2021, [Online]. Available: http://jurnal.polibatam.ac.id/index.php/JAIC
[12] R. Pratama and A. W. Sudrajat, “Pengukuran Tingkat Kebergunaan Aplikasi PLN Mobile Menggunakan Model System Usability Scale dan Teori Jakob Nielsen,” Jurnal informasi dan Komputer, vol. 11, no. 1, pp. 74–80, Apr. 2023, doi: https://doi.org/10.35959/jik.v11i01.447.
[13] K. Akbar Kadafi Dermawan, S. Hati Nasution, and A. Rachayudiza, “Evaluasi Validitas Program Digital dengan Penerapan Pengolahan Data Skala Likert,” Jurnal ESIT (E-Bisnis, Sistem Informasi, Teknologi Informasi), vol. 13, no. 9, pp. 44–49, 2024, Accessed: Jul. 02, 2025. [Online]. Available: https://openjournal.unpam.ac.id/index.php/ESIT/article/view/45906
[14] J. R. Lindner and N. Lindner, “Interpreting Likert type, summated, unidimensional, and attitudinal scales: I neither agree nor disagree, Likert or not,” Advancements in Agricultural Development, vol. 5, no. 2, pp. 152–163, Jan. 2024, doi: 10.37433/aad.v5i2.351.
