Perancangan User Interface dan User Experience Aplikasi Reservasi Gedung Olahraga Menggunakan Design Thinking

Theresia Mutiara Posumah(1*),Nina Setiyawati(2)
(1) 
(2) Universitas Kristen Satya Wacana
(*) Corresponding Author
DOI : 10.35889/jutisi.v13i2.1923

Abstract

The development of indoor sports fields is expanding in Salatiga in tandem with the growth of sports activities among millennials and generation Z. This "Sports City" still faces a number of challengest, including discovering the sports hall's location on a map, locating facility details, making bookings quickly, and locating teams to practice with. Therefore, to overcome this problem, the researcher proposed an online reservation UI/UX design which made into a prototype. Using the design thinking method and Single Ease Question (SEQ) testing on respondents aged 18-28 years, researchers explored user needs and created solutions for improving service quality. According to user feedback, this application's UI/UX is effective and simple to use (average score of 6-easy). It also satisfies learnability, efficiency, and satisfaction. As a result, the research helps to build a sports facility booking software that can improve comfort and accessibility for Salatiga community members and students.

Keywords: Sport Centre; User Interface; User Experience; Design Thinking

 

Abstrak

Seiring dengan maraknya aktivitas olahraga milenial dan generasi Z di Salatiga, pembangunan sejumlah lapangan olahraga indoor pun semakin berkembang. Namun, kota yang disebut sebagai “Kota Olahraga” ini masih memiliki beberapa kendala, seperti kesulitan menemukan lokasi gedung olahraga di peta, pencarian informasi fasilitas, pemesanan yang efisien, serta menemukan tim untuk berlatih. Oleh sebab itu, untuk mengatasi permasalahan tersebut, peneliti mengusulkan rancangan UI/UX reservasi online yang selanjutnya dibuat menjadi prototype. Menggunakan metode design thinking dan pengujian Single Ease Question (SEQ) terhadap responden berusia 18-28 tahun, peneliti mengeksplorasi permasalahan kebutuhan pengguna dan menciptakan solusi yang bertujuan untuk meningkatkan kualitas layanan. Hasilnya adalah pengguna berpendapat bahwa UI/UX aplikasi ini mudah dimengerti dan efisien dengan skor rata-rata 6(mudah) dan memenuhi beberapa dimensi usability yaitu learnability, efficiency, dan satisfaction. Dengan demikian, penelitian ini memberikan kontribusi dalam merancang aplikasi pemesanan fasilitas olahraga yang dapat meningkatkan aksesbilitas dan kenyamanan bagi mahasiswa maupun masyarakat di Salatiga.

 

Keywords


Gedung Olahraga; User Interface; User Experience; Design Thinking

References


S. Satria, “Pentingnya Ui/Ux Pada Aplikasi Atau Web,” informatics.uii.ac.id. Accessed: Mar. 20, 2024. [Online]. Available: https://informatics.uii.ac.id/ 2023/04/17/ pentingnya-ui-ux-pada-aplikasi-atau-web/

Dispora, “Daftar Lapangan Olahraga Per Kecamatan,” dispora.salatiga.go.id. Accessed: Mar. 10, 2024. [Online]. Available: https://drive.google.com/file/d/12ggtJVQeo4eM_ bgmr60Zd7VF5zCt-Wll/view

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. 48–49, 2022.

Isadora, “Perancangan User Experience Pada Aplikasi Mobile Homecare Rumah Sakit Semen Gresik Menggunakan Metode Design Thinking,” Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK), vol. 8, no. 2, pp. 1057–1059, 2021, doi: 10.25126/jtiik.202184550.

Rusanty, “Perancangan User Experience Aplikasi Mobile Lelenesia (Marketplace Penjualan Lele) Menggunakan Metode Design Thinking,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 3, no. 11, pp. 10484–104983, 2019.

A. Romiz, “Pembuatan Sistem Informasi Booking Gelanggang Olahraga Berbasis Android, SKRIPSI, Universitas Kristen Satya Wacana”, 2021.

L. Aji Yoga Pratama et al., “Perancangan User Interface Aplikasi Pemesanan Gor Online (Gornesia),” Jurnal Innovation And Future Technology P-ISSN, vol. 4, no. 2, pp. 2656–1719, 2022.

S. Alfaris and Y. Sartika Sari, “Analisa Dan Perancangan Aplikasi Penyewaan Gelanggang Olah Raga Berbasis Web (Studi Kasus: Gor Larangan),” Jusibi-(Jurnal Sistem Informasi Dan E-Bisnis), vol. 2, no. 2, pp. 298–299, 2020.

F. Hazami and F. Natsir, “Perancangan Aplikasi Penyewaan Gor Cilandak di Jakarta Selatan Berbasis Android,” Jurnal Sistem Informasi dan Teknologi Peradaban (JSITP), vol. 2, no. 1, pp. 48–49, 2021.

binus.ac.id, “Design Thinking: Pengertian, Tahapan dan Contoh Penerapannya,” sis.binus.ac.id. Accessed: Mar. 10, 2024. [Online]. Available: https://sis.binus.ac.id/ 2020/03/17/design-thinking-pengertian-tahapan-dan-contoh-penerapannya/

A. Ar Razi et al., “Penerapan Metode Design Thinking Pada Model Perancangan Ui/Ux Aplikasi Penanganan Laporan Kehilangan Dan Temuan Barang Tercecer,” Jurnal Desain Komunikasi Visual, vol. 3, no. 2, pp. 78–79, 2018, [Online]. Available: http://bit.do/demandia

G. Dwi, P. Haryanto, and A. Voutama, “Perancangan Ui/Ux Sistem Informasi Penyewaan Mobil Berbasis Mobile Dengan Metode Design Thinking,” JOUTICA , vol. 8, no. 1, pp. 24–25, 2021, Accessed: Mar. 13, 2024. [Online]. Available: jurnalteknik.unisla.ac.id/ index.php/informatika

S. Soedewi, A. Mustikawan, and W. Swasty, “Penerapan Metode Design Thinking Pada Perancangan Website UMKM Kirihuci,” UNIKOM, vol. 10, no. 2, pp. 84–85, 2022, [Online]. Available: https://ojs.unikom.ac.id/index.php/visualita/article/view/5378/3013

N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, Feb. 2023, doi: 10.34148/teknika.v12i1.549.

R. T. Haniifah, R. Aisy, K. Candra Brata, and H. Muslimah Az-Zahra, “Perancangan User Experience Mobile Learning menggunakan Metode Design Thinking (Studi Kasus : SD Negeri Wates Kabupaten Kediri),” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 5, no. 8, pp. 3249–3251, 2021.

M. Bukhori Pratama and D. Yusup, “Analisis dan Perancangan Ulang User Interface Aplikasi MPP Kota Bogor Menggunakan Metode Design Thinking,” Jurnal Pendidikan Tambusai, vol. 7, no. 2, pp. 18849–18850, 2023.

UIUXINDO, “Ideate 101 — Pembuatan Pertanyaan How-Might-We yang Baik dan Benar,” medium.com. Accessed: Mar. 20, 2024. [Online]. Available: https://medium.com/ @uiuxindo/ ideate-101-pembuatan-pertanyaan-how-might-we-yang-baik-dan-benar-ef138bdae251

Khairina F. Hidayati, “User Flow: Pengertian, Manfaat, serta Jenis-jenisnya,” glints.com. Accessed: Mar. 25, 2024. [Online]. Available: https://glints.com/id/lowongan/user-flow-adalah/

S. Ansori, P. Hendradi, and S. Nugroho, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1074–1076, Jul. 2023, doi: 10.47065/josh.v4i4.3648.

R. N. Fadilah and D. Sweetania, “Perancangan Design Prototype Ui/Ux Aplikasi Reservasi Restoran Dengan Menggunakan Metode Design Thinking,” JUIT, vol. 2, no. 2, pp. 134–135, 2023.

Rony Setiawan, “Apa Itu Prototype? Kenapa Itu Penting?,” dicoding.com. Accessed: Mar. 26, 2024. [Online]. Available: https://www.dicoding.com/blog/apa-itu-prototype-kenapa-itu-penting/

T. Darma Krismanda and N. Setiyawati, “Perancangan User Interface Dan User Experience Fitur Digital Banking Jago Last Wish Menggunakan Design Thinking,” Jurnal Pendidikan Teknologi Informasi (JUKANTI), vol. 5, no. 2, pp. 129–131, 2022.

I. Ogan Ilir and D. Rianto Rahadi, “Pengukuran Usability Sistem Menggunakan Use Questionnaire Pada Aplikasi Android,” Jurnal Sistem Informasi (JSI), vol. 6, no. 1, pp. 661–671, 2014.


The PDF file you selected should load here if your Web browser has a PDF reader plug-in installed (for example, a recent version of Adobe Acrobat Reader).

If you would like more information about how to print, save, and work with PDFs, Highwire Press provides a helpful Frequently Asked Questions about PDFs.

Alternatively, you can download the PDF file directly to your computer, from where it can be opened using a PDF reader. To download the PDF, click the Download link above.

Fullscreen Fullscreen Off

Full Text: File PDF

How To Cite This :

Refbacks

  • There are currently no refbacks.