Designing the User Interface (UI) for a Mobile-Based Ordering System at Burger Stalls

Authors

  • Risandi Alfariz Universitas Islam Negeri Sumatera Utara
  • Zikri Ezza Alhira Universitas Islam Negeri Sumatera Utara

DOI:

https://doi.org/10.59934/jaiea.v5i2.2070

Keywords:

User Interface, User-Centered Design, Ordering System, Mobile Application, Culinary Business

Abstract

The development of mobile technology has encouraged culinary businesses to improve service quality through the use of digital systems, including in the ordering process. Warung Burger Zidan, as a small-scale culinary business, still uses a manual ordering system that has the potential to cause recording errors, service delays, and order discrepancies. This study aims to design a simple, easy-to-use mobile-based ordering system user interface (UI) that suits the operational characteristics of a burger restaurant. The research method used is qualitative with data collection techniques in the form of literature studies, interviews, and observations. The UI design process was carried out using a User-Centered Design (UCD) approach that placed user needs and characteristics as the main focus of the design. The results of the study are a mobile ordering application interface design that includes a menu display, shopping cart, automatic price calculation, and cash and QRIS payment method options. The design evaluation shows that the resulting UI design is capable of supporting a more structured ordering process, increasing service efficiency, and minimizing the risk of recording errors. This study is expected to be the basis for the development of a digital ordering system for small-scale culinary businesses.

Downloads

Download data is not yet available.

References

S. D. Pangestu, I. Ratna, and I. Astutik, “Rancangan aplikasi kasir toko kelontong berbasis website menggunakan metode waterfall 1.,” vol. 9, no. 1, pp. 125–135, 2024.

T. Zahara and T. Widodo, “Development of Cashier Applications at Cantik Stores Using Mobile-Based User Centered Design ( UCD ) Pengembangan Aplikasi Kasir pada Toko Cantik Menggunakan User Centered Design ( UCD ) Berbasis Mobile,” vol. 5, no. January, pp. 190–197, 2025.

R. Wun, P. Studi, S. Informasi, F. Teknologi, and I. Universitas, “PERANCANGAN SISTEM & USER INTERFACE UNTUK APLIKASI KASIR DAN INVENTARIS PADA BENGKEL BARU MOTOR SPORT”.

W. Silviana and H. Kurniawan, “Perancangan Desain UI / UX Aplikasi Penjualan Batik Berbasis Website Pada Toko Batik Jambi Ariny Menggunakan Metode User Centered Design ( UCD ),” vol. 4, no. 2, pp. 687–698, 2025.

F. M. Alja, E. Daniati, A. Ristyawan, and K. Kunci, “PERANCANGAN UI / UX E-COMMERCE MENGGUNAKAN METODE USER CENTERED DESIGN ( UCD ) Abstraksi Keywords : Pendahuluan Tinjauan Pustaka Metode Penelitian,” vol. 6, no. 1, 2024.

K. H. C. Utama, A. P. Wardhanie, and R. Santoso, “Aplikasi Pemesanan Menu Makanan Menggunakan Metode FCFS Pada Grande Garden Cafe,” Smart Comp Jurnalnya Orang Pint. Komput., vol. 13, no. 1, 2024, doi: 10.30591/smartcomp.v13i1.5296.

S. Utami, “Analisis Tingkat Utilitas dan Penjadwalan Produksi Mesin Huller Menggunakan Metode Fcfs, Spt, Lpt, dan Edd pada PT. Wahana Graha Makmur,” (Doctoral Diss. Univ. Medan Area)., 2022.

P. R. Tuerah, R. Mesra, T. Sukwika, U. S. Jakarta, and N. Susmita, METODE PENELITIAN KUANTITATIF (Teori & Panduan Praktis Analisis Data Kuantitatif), no. August. 2023.

J. E. Syariah, F. Ekonomi, and D. Bisnis, “No Title”.

K. Adiwinata, B. Nugraha, and T. Ridwan, “PENERAPAN METODE USER CENTERED DESIGN DALAM PERANCANGAN DESAIN UI / UX WEBSITE SMAN 5 KARAWANG,” vol. 12, no. 3, 2024.

C. E. Zen, S. Namira, and T. Rahayu, “Rancang Ulang Desain UI ( User Interface ) Company Profile Berbasis Website Menggunakan Metode UCD ( User Centered Design ),” no. April, pp. 17–26, 2022.

A. S. Nasution, M. Ridwan, A. T. Wibowo, and A. Kunaefi, “RANCANG ULANG DESAIN UI ( USER INTERFACE ) AUDIT CHECKLIST BERBASIS WEBSITE MENGGUNAKAN METODE UCD ( USER CENTERED DESIGN ),” vol. 8, no. 6, pp. 12015–12022, 2024.

S. Faridha, S. Yulianti, and Y. Sugiarti, “Metode Perancangan User Interface yang Paling Umum Digunakan : Systematic Literature Review,” vol. 7, no. 1, 2024, doi: 10.32877/bt.v7i1.1467.

S. L. Ramadhan, I. Fitri, A. Rubhasy, U. Nasional, U. Experience, and U. C. Design, “Perancangan User Experience Aplikasi Pengajuan E-KTP Menggunakan Metode UCD Pada Kelurahan Tanah Baru,” vol. 8, no. 1, pp. 287–298, 2021.

A. A. Mahfudh and W. R. Saputra, “Perancangan User Interface User Experience Aplikasi E-Ngaji Berbasis Android Menggunakan Metode User Centered Design ( UCD ) Pada TPQ,” vol. 4, no. 2, pp. 255–262, 2022.

A. H. Luthfi and I. Arfiani, “Perancangan UI / UX Aplikasi Sampahocity Menggunakan Pendekatan UCD ( User Centered Design ),” vol. 7, pp. 24–36, 2024.

D. S. Mubiarto, R. R. Isnanto, and I. P. Windasari, “Perancangan User Interface dan User Experience ( UI / UX ) pada Aplikasi ‘ BCA Mobile ’ Menggunakan Metode User Centered Design ( UCD ) User Interface and User Experience ( UI / UX ) Redesign on ‘ BCA Mobile ’ Application Using User Centered Design ( UCD ) Method,” vol. 1, no. 4, pp. 209–216, 2023, doi: 10.14710/jtk.v1i4.37686.

I. J. Informatika, M. Teknologi, N. Purwati, A. Syukron, E. Muningsih, and D. F. Akbar, “DESAIN UI / UX APLIKASI SAFE4C & W MENGGUNAKAN METODE USER CENTERED DESIGN ( UCD ),” vol. 26, 2024, doi: 10.23969/infomatek.v26i2.19053.

S. H. Lestari, I. Burhan, and V. S. Den Ka, “Analisis Efektivitas Penagihan Pajak Melalui Surat Teguran, Surat Paksa, dan Penyitaan Untuk Meningkatkan Penerimaan Pajak Pada Kantor Pelayanan Pajak Pratama Maros,” J. Anal. Akunt. dan Perpajak., vol. 5, no. 2, pp. 236–245, 2021, doi: 10.25139/jaap.v5i2.4145.

G. N. Aprilia and M. N. Dasaprawira, “PERANCANGAN UI / UX APLIKASI E-RAPOR PADA TPQ BERBASIS ANDROID DENGAN MENGGUNAKAN METODE USER CENTERED DESIGN ( UCD ),” pp. 48–58, 2023.

A. D. Susilawati, D. Prihadi, B. H. Irawan, P. S. Manajemen, and P. Tegal, “Penerapan Metode User Centered Design (UCD) Pada Sistem Informasi Pemesanan Air Galon Tirta Berkah 1,” vol. 8, no. 2, 2023.

M. Metode, U. D. Ucd, Y. S. Purbo, F. S. Utomo, and Y. Purwati, “Jurnal Teknologi Terpadu,” vol. 9, no. 2, pp. 123–132, 2023.

Downloads

Published

2026-02-15

How to Cite

Alfariz, R., & Zikri Ezza Alhira. (2026). Designing the User Interface (UI) for a Mobile-Based Ordering System at Burger Stalls. Journal of Artificial Intelligence and Engineering Applications (JAIEA), 5(2), 2969–2973. https://doi.org/10.59934/jaiea.v5i2.2070