PERANCANGAN UI/UX APLIKASI RESERVASI PANGKAS RAMBUT DENGAN METODE DESIGN THINKING

Syilla Arviani Putri Aisyah, Muhammad Labib Jundillah, Muhammad Rivani Ibrahim

Abstract


This study aims to design UI/UX recommendations for a Barbershop reservation application using the design thinking method and assess its usability using the System Usability Scale (SUS). The research method includes five stages of Design thinking: empathize, define, ideate, prototype, and test. Data were collected through customer observation and interviews, as well as literature studies related to UI/UX. Prototype testing was conducted using Maze and the SUS questionnaire via Google Form to evaluate the design's effectiveness and efficiency. The study produced a complete design consisting of a task flow, sitemap, low-fidelity wireframe, high-fidelity prototype, and an admin dasboard that includes reservation management features and real-time barber status settings. The research focuses on adapting design thinking to the operational context of Sky Barbershop, adding a "manage staff" feature to address workload imbalances, and integrating the booking flow that includes barber selection, scheduling, payment, and e-receipt. Maze testing results showed a 100% success rate for both the sign-up/sign-in and booking processes, and a misclick rate was found, indicating the need to optimize the visual hierarchy and UI elements. The SUS results showed an average customer score of 81 and an employee score of 72.5, with a combined score of 77, which falls into the "Good," "Acceptable," and Grade B categories according to SUS standards. This score indicates that the design meets basic usability requirements, but still requires improvements in navigation consistency and clarity of interactive components. The analysis indicates that the UI/UX design has the potential to improve service management efficiency, reduce physical queues, and enhance customer satisfaction through a more structured reservation flow. These design recommendations can serve as a basis for implementing the digital reservation system at Sky Barbershop and for further research.

Penelitian ini bertujuan merancang rekomendasi desain UI/UX aplikasi reservasi pangkas rambut menggunakan metode design thinking, serta menilai tingkat kegunaannya melalui System Usability Scale (SUS). Metode penelitian mencakup lima tahapan Design thinking; empathize, define, ideate, prototype, dan testing. Data dikumpulkan melalui observasi dan wawancara pelanggan, studi literatur terkait UI/UX. Pengujian prototipe dilakukan menggunakan Maze dan kuesioner SUS melalui Google Form untuk memperoleh evaluasi mengenai efektivitas dan efisiensi rancangan. Penelitian menghasilkan rancangan lengkap terdiri atas task flow, sitemap, wireframe low-fidelity, prototipe high-fidelity, serta dasboard admin yang memuat fitur manajemen reservasi dan pengaturan status capster secara real-time. Fokus penelitian terletak pada penyesuaian design thinking terhadap konteks operasional Sky Barbershop, penambahan fitur “manage staff” untuk mengatasi ketidakseimbangan beban kerja, serta integrasi alur pemesanan yang mencakup pemilihan capster, jadwal, pembayaran, hingga e-receipt. Hasil testing Maze menunjukkan tingkat keberhasilan sebesar 100% untuk proses sign up/sign in maupun booking dan ditemukan misclick rate yang mengindikasikan perlunya optimalisasi pada hierarki visual dan elemen UI. Hasil SUS menunjukkan skor rata-rata pelanggan sebesar 81 dan karyawan sebesar 72,5, dengan skor gabungan 77 yang berada pada kategori “Good”, “Acceptable”, dan Grade B menurut standar SUS. Nilai ini menunjukkan bahwa rancangan telah memenuhi aspek kegunaan dasar, namun masih memerlukan penyempurnaan pada konsistensi navigasi serta kejelasan komponen interaktif. Analisis menunjukkan bahwa rancangan UI/UX berpotensi meningkatkan efisiensi pengelolaan layanan, mengurangi antrean fisik, serta meningkatkan kepuasan pelanggan melalui alur reservasi yang lebih terstruktur. Rekomendasi desain ini dapat dijadikan dasar untuk tahap implementasi sistem reservasi digital pada Sky Barbershop maupun pengembangan penelitian selanjutnya


Full Text:

PDF

References


Agustian, M. R., & Cuhenda. (2024). Perancangan UI/UX Aplikasi Pangkas Rambut Online Dengan Pendekatan Design Thinking. Informatech : Jurnal Ilmiah Informatika Dan Komputer, 1(2), 91–96. https://doi.org/10.69533/tnq49w07

Ariska, D., & Nurlela, S. (2022). Analisis Dan Perancangan UI/UX Aplikasi Lazada Menggunakan Metode Design Thinking. Jurnal Infortech (Information Technology), 4(2), 91. https://doi.org/0.31294/infortech.v4i2.13234.g5717

Awaludin, I., Daffa, K. F. D. G., Simanullang, L. F., & Djutalov, R. (2022). Sistem Informasi Booking Online Barbershop di Mr. Grey Haircutspace Bogor. Journal Of Research and Publication Innovation, 1(2), 384–388. https://jurnal.portalpublikasi.id/index.php/JORAPI/article/view/241

Chandra, C. M., Putri, C. M., Theja, D. R., Umami, R., Hakim, S. N., & Pribadi, M. R. (2022). Perancangan UI/UX Pada Aplikasi Femine Menggunakan Metode Design Thinking. MDP Student Conference (MSC), 406–412. https://jurnal.mdp.ac.id/index.php/msc/article/view/1791

Darmalaksana, W. (2020). Metode Design Thinking Hadis: Pembelajaran, Riset, dan Partisipasi Masyarakat. Bandung : Fakultas Ushuluddin UIN Sunan Gunung Djati Bandung.

Fariyanto, F., Suaidah, & Ulum, F. (2021). Perancangan Aplikasi Pemilihan Kepala Desa Dengan Metode UX Design Thinking (Studi Kasus: Kampung Kuripan). Jurnal Teknologi Dan Sistem Informasi, 02(02), 52–60. https://doi.org/10.33365/jtsi.v2i2.853

Islami, M. C. S., Wibowo, N. C., & Afandi, M. I. (2024). Perancangan UI/UX Aplikasi Marketplace Barbershop Menggunakan Metode Design Thinking. JATISI : Jurnal Teknik Informatika Dan Sistem Informasi, 11(4), 128–144. https://doi.org/10.35957/jatisi.v11i4.8778

Nuraeni, Gazali, A., & Ariawan, J. (2025). Kualitas Pelayanan dalam Meningkatkan Kepuasan Pelanggan pada Captain Barbershop Area Kelapa Gading Jakarta Utara. Ekopedia: Jurnal Ilmiah Ekonomi, 1(4), 1955–1965. https://doi.org/10.63822/2a1wv519

Priyono, A. Y., Aryotejo, G., & Adhy, S. (2023). Penerapan Metode Design Thinking untuk Perancangan Prototype Lost and Found. Jurnal Masyarakat Informatika (JMASIF), 14(2), 96–107. https://doi.org/10.14710/jmasif.14.2.52662

Qirani, A. P., Dellia, P., Istighfarina Izzatul, L., Cahyani, S. P., Rizqiullah, N., & Zahrial, A. (2024). Perancangan UI/UX Aplikasi Penjualan Makanan Berbasis Mobile Menggunakan Aplikasi FIGMA. JUMIN : Jurnal Media Informatika, 5(2), 189–195. https://ejournal.sisfokomtek.org/index.php/jumin/article/view/3506

Reswara, R. A. R. (2024). User Interface Design For A Health Service at PT United Tractors. JITTER : Jurnal Ilmiah Teknologi Dan Komputer, 5(1), 2110. https://doi.org/10.24843/JTRTI.2024.v05.i01.p05

Sia, R., & Satriyawan, H. (2024). Penerapan Metode User Centered Design dalam Perancangan UI/UX Website Penerimaan Peserta Didik Baru Di SDK Yos Sudarso Kepanjen. Seminar Nasional Sistem Informasi (SENASIF), 8, 4863–4872.

Suhaili, M., Nurrahmi, H., Yurmama, T. F., & Putri, V. I. L. (2022). Perancangan Tampilan UI/UX Pada Aplikasi Novel Komik (Nomik). JoMMiT : Jurnal Multi Media Dan IT, 6(1), 23–28. https://doi.org/10.46961/jommit.v6i1.559

Sutanto, R. P. (2022). Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra. Nirmana, 22(1), 41–51. https://doi.org/10.9744/nirmana.22.1.41-51

Yablonski, J. (2024). Laws of UX: Using Psychology to Design Better Products & Services. California : O’Reilly Media.




DOI: https://doi.org/10.56486/jris.vol6no2.1245

Article Metrics

Abstract view : 1 times
PDF - 0 times

Refbacks

  • There are currently no refbacks.


TERINDEKS OLEH :