PERANCANGAN PROTOTIPE UI/UX LAYANAN PEMESANAN BERBASIS MOBILE WEBSITE PADA UMKM LETRA STUDIO MENGGUNAKAN METODE DESIGN THINKING
DOI:
https://doi.org/10.71282/jurmie.v2i8.805Keywords:
UI/UX, Mobile Website, Design Thinking, Usability Testing, Time-Based Efficiency, System Usability Scale, Letra Studio.Abstract
Letra Studio, an MSME photography studio in Jimbaran, faces challenges with its manual reservation system via social media: slow responses, risk of double booking, data management difficulties, and lack of transparency regarding prices and schedules. This process takes over an hour, far exceeding customer expectations of under ten minutes, and results in a System Usability Scale (SUS) score of 45.4 ("Poor"). This study designs a UI/UX prototype for a mobile website-based ordering service at Letra Studio using the Design Thinking method (Empathize, Define, Ideate, Prototype). This high-fidelity prototype integrates real-time schedule display, structured package information, and an automated payment flow. Usability testing with 12 participants showed positive results: a 100% Completion Rate, an average booking time of 127.5 seconds (significantly more efficient than the >1 hour manual process), and a SUS score of 92 ('A' / 'Excellent'). In conclusion, the UI/UX prototype design successfully created an effective, comfortable, and efficient customer experience, significantly reducing booking time, addressing pain points, and enhancing Letra Studio's professionalism and operational efficiency.
Downloads
References
Abdillah, M. S., Dafa, F. A. M., & Widiati, I. S. (2024). Penerapan Metode Design Thinking pada UI/UX Website SaveBite untuk Penjualan Sisa Makanan dalam Mengurangi Food waste. Router: Jurnal Teknik Informatika dan Terapan, 2(3), 185-196.
Achmad, Joang Pratama, Komang Candra Brata, and Lutfi Fanani. "Perancangan User Experience Aplikasi Publikasi Buku Digital menggunakan Metode Five Planes." Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 5.4 (2021): 1322-1328.
Alroobaea, Roobaea, and Pam J. Mayhew. "How many participants are really enough for usability studies?." 2014 science and information conference. IEEE, 2014.
Arisa, Nursanti Novi, et al. "Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking." Teknika 12.1 (2023): 18-26.
Ayu, Tri Buana, and Novan Wijaya. "Penerapan Metode Design Thinking pada Perancangan Prototype Aplikasi Payoprint Berbasis Android." MDP Student Conference. Vol. 2. No. 1. 2023.
Badan Pusat Statistik Indonesia. (2023). Statistik eCommerce 2022/2023. (https://www.bps.go.id/id/publication/2023/09/18/f3b02f2b6706e104ea9d5b74/statistik-ecommerce-2022-2023.html, diakses pada 13 November 2024).
Baskoro, M. Lahandi, and Bayyinah Nurrul Haq. "Penerapan metode design thinking pada mata kuliah desain pengembangan produk pangan." IKRA-ITH HUMANIORA: Jurnal Sosial Dan Humaniora 4.2 (2020): 83-93.
Budiman, Johny, and Sherlin Sherlin. "Analisis faktor-faktor Yang Mempengaruhi booking intention Melalui online travel agency Dengan website quality dan perceived value Sebagai variabel mediating." CoMBInES-Conference on Management, Business, Innovation, Education and Social Sciences. Vol. 1. No. 1. 2021.
Dam, R. F. and Teo, Y. S. (2024, November 30). Empathy Map – Why and How to Use It. Interaction Design Foundation - IxDF. https://www.interaction-design.org/literature/article/empathy-map-why-and-how-to-use-it.
Ependi, Usman, Ade Putra, and Febriyanti Panjaitan. "Evaluasi tingkat kebergunaan aplikasi administrasi penduduk menggunakan teknik system usability scale." Register 5.1 (2019): 63-76.
Faisal, Muhammad, and Saifuddaulah Alfarabi. "Perancangan UI/UX Pada Aplikasi Berbasis Mobile TravelTrails Menggunakan Metode Design Thinking." 69-76.
Hussein, Ananda Sabil. Metode design thinking untuk inovasi bisnis. Universitas Brawijaya Press, 2018.
Julisar, J., & Miranda, E. (2013). Pemakaian e-commerce untuk usaha kecil dan menengah guna meningkatkan daya saing. ComTech: Computer, Mathematics and Engineering Applications, 4(2), 638-645.
Karsana, I. Wayan Widi, and Putu Andhika Kurniawijaya. "Pengembangan Aplikasi Booking Online Pasien Rawat Jalan Rumah Sakit Berbasis Android." JUKI: Jurnal Komputer dan Informatika 4.2 (2022): 129-134.
Kesuma, Dorie P. "Penggunaan metode System Usability Scale untuk mengukur aspek Usability pada media pembelajaran daring di Universitas XYZ." JATISI (Jurnal Teknik Informatika dan Sistem Informasi) 8.3 (2021): 1615-1626.
Kurnia, A., Salangka, S. I., & Utomo, U. P. (2023). Rancang Bangun Sistem Booking Foto Studio Berbasis Web Menggunakan Metode Agile. Buletin Ilmiah Ilmu Komputer dan Multimedia (BIIKMA), 1(1), 36-45.
Leksonowati, V. (2024). Perancangan prototipe administrasi kepegawaian berbasis mobile web dengan metode design thinking pada Cendana Premier Hospital Bali. Skripsi, Program Studi Teknik Industri, Fakultas Teknik, Universitas Udayana.
Luther, Laura, Victor Tiberius, and Alexander Brem. "User Experience (UX) in business, management, and psychology: A bibliometric mapping of the current state of research." Multimodal Technologies and Interaction 4.2 (2020): 18.
Malik, R. A., & Riri, F. M. (2023). Lean UX: Pemahaman dan Penerapan Metodologi Desain UI yang Efektif(N. S. Azizah (ed.)). Jejak Pustaka.
Maulani, Tasya Junita, Suprapto Suprapto, and Andi Reza Perdanakusuma. "Evaluasi User Experience Menggunakan Metode Usability Testing dan User Experience Questionnaire (UEQ)(Studi Kasus: Website Superprof. co. id dan Zonaprivat. com)." Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 5.6 (2021): 2639-2645.
Mootee, I. (2013). Design thinking for strategic innovation: What They Can’t Teach You at Business or Design School. John Wiley & Sons.
Nugroho, Ilham Setyo, Hanifah Muslimah Az-Zahra, and Kariyoto Kariyoto. "Evaluasi Usability Aplikasi Pengklasifikasian Biji Kopi dan Prediksi Harga Kopi “Discoffery” menggunakan Metode Usability Testing." Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 7.4 (2023): 1943-1952.
Pratama, I. Putu Ananda Andra, AA Istri Ita Paramitha, and I. Putu Satwika. "Penerapan Metode Design Thinking Dalam Implementasi User Interface Berbasis Website Studi Kasus JRO Sandat Property." JTKSI (Jurnal Teknologi Komputer dan Sistem Informasi) 7.1 (2024): 73-86.
Priyono, Aziiza Yvelliechia, Guruh Aryotejo, and Satriyo Adhy. "Penerapan Metode Design Thinking untuk Perancangan Prototype Lost and Found." JURNAL MASYARAKAT INFORMATIKA 14.2: 96-107.
Reynaldi, Valentino Kristian, and Nina Setiyawati. "Perancangan Ui/Ux Fitur Mentor on Demand Menggunakan Metode Design Thinking Pada Platform Pendidikan Teknologi." JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika) 7.3 (2022): 835-849.
Rohman, C. S., & Susanto. (2024). Berkembang Dengan Desain Digital: Memahami UI, UX dan Figma Secara Komprehensif. PENERBIT DEEPUBLISH DIGITAL.
Suparman, Maman, et al. "Mengenal aplikasi figma untuk membuat content menjadi lebih interaktif di era society 5.0." Abdi Jurnal Publikasi 1.6 (2023): 552-555.
Warsih, Seri. "Pengaruh Waktu Tunggu, Harga dan Kualitas Pelayanan terhadap Kepuasan Konsumen pada Maskapai XYZ Terminal 1B di Bandara Soekarno Hatta." Jurnal Manajemen Bisnis dan Kewirausahaan 1.1 (2017): 125-132.
Wedayanti, N. Luh Putri Ari, N. Kadek Ayu Wirdiani, and I. Ketut Adi Purnawan. "Evaluasi Aspek usability pada aplikasi Simalu menggunakan metode usability testing." J. Ilm. Merpati (Menara Penelit. Akad. Teknol. Informasi) 7.2 (2019): 113.
Widayanti, Rahayu, and Jauharul Maknunah. "Analisis Website STIMATA Menggunakan System Usability Scale (SUS)." Jurnal Ilmiah Komputasi 20.3 (2021): 331-338.
Xu, Xiaowei, and Thomas Schrier. "Hierarchical effects of website aesthetics on customers’ intention to book on hospitality sharing economy platforms." Electronic Commerce Research and Applications 35 (2019): 100856.
Yusman dkk. (2015). “Pengembangan Sistem Informasi Perpustakaan Interaktif Dengan Pemanfaatan Fasilitas Sms Gateway. Komputasi.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Brilioneristen, Mia Juliana, Made Nindya Kirana (Author)
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
