Perancangan UI/UX Aplikasi Food & Beverage Mobile Berbasis User Centered Design
-
Zakky Rabbani
*
Universitas Islam Indonesia, Yogyakarta,
Indonesia
- Kurniawan Dwi Irianto Universitas Islam Indonesia, Yogyakarta, Indonesia (*) Corresponding Author
Abstract
The Food & Beverage (F&B) industry in Indonesia is growing rapidly, yet many mobile applications still fail to deliver an optimal user experience (UX) due to unintuitive user interface (UI) designs, inefficient ordering systems, and lack of integrated payment methods. These issues negatively impact user satisfaction and application usability. This study aims to design the user interface (UI) and user experience (UX) of a mobile food & beverage application that meets user needs, accommodates industry expectations, and is evaluated for effectiveness using the User-Centered Design (UCD) approach. The research employed the UCD methodology, involving user interviews, persona development, wireframing, prototyping, and usability testing. The evaluation was conducted using the System Usability Scale (SUS) with 15 respondents. The results show that the prototype of the “KuliNow” application achieved an average SUS score of 84, categorized as “Excellent.” Key features include integrated mobile banking payments, direct communication with restaurants, social media integration, pre-order functionality, efficient order management, and a reliable review and rating system. This study demonstrates that the UCD approach is effective in developing intuitive, user-focused mobile applications.
Downloads
References
Boyke P. Siregar, “Industri Makanan Minuman Masih Jadi Andalan di 2021.” Accessed: Jan. 05, 2025. [Online]. Available: https://wartaekonomi.co.id/read323825/industri-makanan-minuman-masih-jadi-andalan-di-2021
E. Agus Tina, M. Hariasih, and M. Oetarjo, “The Influence of Promotion, Ease of Use, and Online Customer Ratings on Purchasing Decisions at ShopeeFood (Case Study of Muhammadiyah University of Sidoarjo Students) Pengaruh Promosi, Kemudahan Pengguna, dan Online Customer Rating Terhadap Keputusan Pembelian Pada ShopeeFood (Studi Kasus Mahasiswa Universitas Muhammadiyah Sidoarjo),” 2024. [Online]. Available: http://journal.yrpipku.com/index.php/msej
ASEAN Secretariat, “ASEAN Investment Report 2022.” Accessed: Jan. 05, 2025. [Online]. Available: https://asean.org/book/asean-investment-report-2022/
M. Faris Hafizh, R. Dhever Hani, A. Nur Kholishah, and I. Farida Adi Prawira, “Strategi Transformasi Digital Di Era Industri 4.0: Blueprint Bisnis, Penerapan Teknologi, Dan Peran Kritis Pemerintah Dalam Meningkatkan Daya Saing Bisnis Food And Beverage (F&B).” [Online]. Available: https://stekom.ac.id/artikel/apa-itu-bisnis
Jack Flynn, “25+ Useful User Experience Statistics [2023]: What Is The Value Of UX?” Accessed: Jan. 05, 2025. [Online]. Available: https://www.zippia.com/advice/user-experience-statistics/
Karina Conradie et al., “Assessing the implementation of user-centred design standards on assistive technology for persons with visual impairments: a systematic review”, Accessed: Jan. 05, 2025. [Online]. Available: https://www.frontiersin.org/journals/rehabilitation-sciences/articles/10.3389/fresc.2023.1238158/full
D. E. Syafitri and F. A.-I. A. Putra, “Artikel Jurnal Perancangan UI/UX Mobile App Interaktif untuk Meningkatkan Promosi dan Penjualan Produk F&B pada Eatery Cafe,” SMATIKA JURNAL, vol. 14, no. 02, pp. 250–260, Dec. 2024, doi: 10.32664/smatika.v14i02.1318.
I. Yuliana, M. A. Komara, and U. M. H. Tamyiz, “Perancangan Sistem Informasi Penjualan Berbasis Web Menggunakan Metode User Centered Design di Warung Mie Ayam & Bakso Sri Solo,” JATIKOM: Jurnal Aplikasi dan Teori Ilmu Komputer, vol. 6, no. 2, pp. 74–80, 2023, doi: 10.37715/jatikom.v6i2.49492.
E. N. Sulastri, D. S. Yudha, and A. R. Efrat, “Penerapan Metode User Centered Design Pada Perancangan Desain Ui/Ux Aplikasi Marketplace Catering,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, Aug. 2024, doi: 10.23960/jitet.v12i3.4702.
Yessy, S. Rahman, and Hasniati, “Perancangan UI/UX Aplikasi Self Service In Menu dengan Pendekatan User Centered Design,” Jurnal KHARISMA Tech, vol. 16, no. 2, pp. 1–14, Sep. 2021, doi: 10.55645/kharismatech.v16i2.106.
J. Rohman, N. A. A. Bashir, J. Ipmawati, and F. F. Laksana, “Permodelan UI/UX Aplikasi Santri Information Management System (SAIMS) Menggunakan Metode User Centered Design (UCD),” JIKO (Jurnal Informatika dan Komputer), vol. 7, no. 1, p. 72, Feb. 2023, doi: 10.26798/jiko.v7i1.702.
A. Rahman Hidayatullah and W. Andhyka Kusuma, “Penggunaan User Persona untuk Evaluasi Pengalaman Pengguna LMS dan Mengidentifikasi Kebutuhan Perangkat Lunak,” Jurnal Syntax Admiration, vol. 2, no. 9, pp. 1629–1642, Sep. 2021, doi: 10.46799/jsa.v2i9.301.
S. Auliannisa and W. Andhyka Kusuma, “Penggalihan kebutuhan berdasarkan pengalaman user persona untuk meningkatkan ekspektasi pengguna terhadap LMS,” Equivalent Jurnal Ilmiah Sosial Teknologi, vol. 4, no. 1, pp. 65–72, Feb. 2022, doi: 10.46799/jequi.v4i1.66.
W. Andhika, M. Iqbal, M. Nur, R. D. Nugroho, and P. Korespondensi, “Techniques For Representation User Needs Using Persona. (Case Study: Relationship Between Attend And Competency Ability),” vol. 8, no. 2, pp. 245–252, 2021, doi: 10.25126/jtiik.202183444.
E. Dwi Wahyuni, W. Andhyka Kusuma, H. Rais Abdillah, and H. Yuliani Sari, “Perspektif Awam Dalam Implementasi Elisitasi Kebutuhan Menggunakan User Persona,” SISTEMASI: Jurnal Sistem Informasi, vol. 9, no. 3, pp. 468–479, 2020, doi: 10.32520/stmsi.v9i3.854.
Nirsal and Syafriadi, “Perancangan Pemodelan User Interface Aplikasi Buku Alumni Fakultas Teknik Komputer Universitas Cokroaminoto Palopo Dengan Pendekatan User Centered Design (UCD),” Instek (Jurnal Informatika Sains dan Teknologi), vol. 8, no. 2, pp. 265–274, Oct. 2023, doi: 10.24252/instek.v8i2.42113.
P. Kustanto, R. Bram Khalil, and A. Noe’man, “Penerapan Metode Prototype dalam Perancangan Media Pembelajaran Interaktif,” Journal of Students‘ Research in Computer Science, vol. 5, no. 1, pp. 83–94, May 2024, doi: 10.31599/6x0dfz47.
F. Kusnadi, A. Aprilia, and N. Setyasmara, “Perancangan Prototype Aplikasi Perlindungan Wanita dengan Metode Design Thinking dan System Usability Scale,” Jurnal Komputer, Informasi dan Teknologi, vol. 5, no. 1, pp. 1–16, 2025, doi: 10.53697/jkomitek.v5i1.2665.
F. Yuni Arini, G. Sean Dwayne, A. Nathania Araminta, I. Nian Alfita, A. Zidhan Ilmana, and N. Adristina, “Indonesian Journal of Mathematics and Natural Sciences Perancangan Antarmuka Pengguna Interaktif untuk Aplikasi UTBKing dengan Pengembangan,” Indones. J. Math. Nat. Sci, vol. 47, no. 2, pp. 74–84, 2024, doi: 10.15294/04t8sj08.
M. R. Sanjaya, A. Saputra, and D. Kurniawan, “Penerapan Metode System Usability Scale (SUS) Perangkat Lunak Daftar Hadir di Pondok Pesantren Miftahul Jannah Berbasis Website,” Jurnal Komputer Terapan (JKT), vol. 7, no. 1, pp. 120–132, May 2021, doi: 10.35143/jkt.v7i1.1946.
D. M. D. U. Putra, A. S. Kusuma, A. G. Willdahlia, and N. K. N. N. Pande, “Evaluasi Usability E-Modul Basis Data Menggunakan Metode System Usability Scale (SUS),” Jurnal Ilmiah Global Education, vol. 5, no. 2, pp. 1800–1809, Jun. 2024, doi: 10.55681/jige.v5i2.2764.
R. I. Pasya, R. Delaga Prasetya, M. F. Ahadi, and N. D. Utami, “EVALUASI USABILITY APLIKASI SATU SEHAT DENGAN METODE SYSTEM USABILITY SCALE,” Jurnal METHODIKA, vol. 9, no. 2, pp. 129–138, Oct. 2023, doi: 10.46880/mtk.v9i2.1946.
M. Rafid Pratama, J. Umam, and R. Yakok, “Usability Testing pada Aplikasi iJateng Menggunakan Metode System Usability Scale,” Jurnal Sistem Informasi, Manajemen dan Teknologi Informasi, vol. 2, no. 1, pp. 15–23, Jan. 2024, doi: 10.33020/jsimtek.v2i1.556.
M. Prabowo and A. Suprapto, “Usability Testing Pada Sistem Informasi Akademik IAIN Salatiga Menggunakan Metode System Usability Scale,” JISKA (Jurnal Informatika Sunan Kalijaga), vol. 6, no. 1, pp. 38–49, Jan. 2021, doi: 10.14421/jiska.2021.61-05.
M. Ichlasul, A. Yulianto, K. D. Irianto, and A. G. Persada, “Perancangan Pengalaman Pengguna Aplikasi Mobat Sebagai Pengingat Minum Obat Lansia,” INNOVATIVE: Journal of Social Science Research, vol. 4, no. 6, pp. 7149–7166, 2024, doi: 10.31004/innovative.v4i6.17241.
D. S. Aufa and K. D. Irianto, “Desain UI/UX Aplikasi Reservasi Restoran Dafam Fortuna Malioboro Menggunakan Metode Design Thinking,” Undergraduate Thesis (Sarjana Komputer / S.Kom), Universitas Islam Indonesia, Yogyakarta, 2024. doi: 10.30591/smartcomp.v13i3.7197.
D. R. Adiswara and K. D. Irianto, “Perancangan UI/UX Aplikasi GoMasjid Menggunakan Pendekatan Human Centered Design,” Technologia : Jurnal Ilmiah, vol. 15, no. 3, p. 607, Jul. 2024, doi: 10.31602/tji.v15i3.15565.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Perancangan UI/UX Aplikasi Food & Beverage Mobile Berbasis User Centered Design
Pages: 2063-2072
Copyright (c) 2025 Zakky Rabbani, Kurniawan Dwi Irianto
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
