Perancangan UI/UX Smart Ordering System : Sistem Pemesanan Makanan Modern Berbasis Web
DOI:
https://doi.org/10.61132/prosemnasproit.v2i2.172Keywords:
ui/ux, smart, Website, Design Thinking, SEQAbstract
The development of information technology has driven digital transformation in various sectors, including the food and beverage (F&B) industry. However, many small to medium-scale F&B businesses still rely on manual ordering systems, resulting in long queues, order recording errors, limited menu information, and suboptimal user experience. This study aims to design the user interface (UI) and user experience (UX) of a web-based Smart Ordering System that provides convenience, efficiency, and comfort in the food ordering process. The research method used is the Design Thinking approach, which includes empathize, define, ideate, prototype, and testing stages. The design process involves user needs analysis, user flow development, wireframe creation, and high-fidelity prototype development using Figma. Usability testing is conducted using the Single Ease Question (SEQ) method to evaluate ease of use and user satisfaction. The results indicate that the proposed UI/UX design provides a clear ordering flow, intuitive interface, and easy-to-understand user experience. Based on the SEQ results, most users experienced no difficulty in using the system, indicating that the design meets usability criteria with a very good category and is suitable for implementation in the F&B industry.
References
Afwan, M., & Septiana, R. (2022). Perancangan Aplikasi Pemantauan Rumah Kaca Pintar Berbasis Android. 1(1).
Ahmadi, R. S., Harnani, N., & Setiadiwibawa, L. (2020). PENINGKATAN VOLUME PENJUALAN PADA UMKM INDUSTRI KREATIF MAKANAN, MINUMAN MELALUI E-COMMERCE DI KOTA BANDUNG. 2.
Azmy, Moh. R. (2019). A Survey on Product of Smart Service System. Jurnal Sistem Cerdas, 2(3), 173–185. https://doi.org/10.37396/jsc.v2i3.50
Dewi, L. K. (n.d.). PENGARUH PROFITABILITAS, LEVERAGE DAN LIKUIDITAS TERHADAP HARGA SAHAM PADA PERUSAHAAN INDUSTRI MAKANAN DAN MINUMAN DI BURSA EFEK INDONESIA.
Fahrudin, R., & Ilyasa, R. (2021). Perancangan Aplikasi ‘Nugas’ Menggunakan Metode Design Thinking dan Agile Development. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 35–44. https://doi.org/10.33197/jitter.vol8.iss1.2021.714
Fauzi, R., Nasution, H. N., Hastini, F., Zainy, A., & Lumban Tobing, Y. R. (2022). PEGGUNAAN MEDIA ADOBE FLASH TERHADAP HASIL BELAJAR SISWA SMKN 1 TANTOM ANGKOLA. JURNAL EDUCATION AND DEVELOPMENT, 11(1), 437–442. https://doi.org/10.37081/ed.v11i1.2687
Hartawan, M. S. (2022). PENERAPAN USER CENTERED DESIGN (UCD) PADA WIREFRAME DESAIN USER INTERFACE DAN USER EXPERIENCE APLIKASI SINOPSIS FILM. JEIS: JURNAL ELEKTRO DAN INFORMATIKA SWADHARMA, 2(1), 43–47. https://doi.org/10.56486/jeis.vol2no1.161
Lim, K. H., & Setiyawati, N. (2022). Perancangan User Experience Aplikasi Mobile Majuli Menggunakan Metode Design Thinking. Journal of Information Technology Ampera, 3(2), 108–123. https://doi.org/10.51519/journalita.volume3.isssue2.year2022.page108-123
Madanih, R., Susandi, M., & Zhafira, A. (2019). Penerapan Design Thinking Pada Usaha Pengembangan Budi Daya Ikan Lele di Desa Pabuaran, Kecamatan Gunung Sindur, Kabupaten Bogor. BASKARA : Journal of Business and Entrepreneurship, 2(1), 55–64. https://doi.org/10.54268/baskara.v2i1.6199
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). PERANCANGAN UI/UX APLIKASI MY CIC LAYANAN INFORMASI AKADEMIK MAHASISWA MENGGUNAKAN APLIKASI FIGMA. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171
Multazam, M., Paputungan, I. V., & Suranto, B. (n.d.). Perancangan User Interface dan User Experience pada Placeplus menggunakan pendekatan User Centered Design.
Oktaviani, L., & Ayu, M. (n.d.). Pengembangan Sistem Informasi Sekolah Berbasis Web Dua Bahasa SMA Muhammadiyah Gading Rejo.
Rahim, A. R., S, S., Pl, T., & Agus P, R. (2019). Pembuatan Web Desa Karanggeneng Sebagai Sarana Informasi Desa Dan Promosi Desa. DedikasiMU(Journal of Community Service), 1(1), 35. https://doi.org/10.30587/dedikasimu.v1i1.1092
Rosdiana, E., Bahtiar, H., & Saiful, M. (n.d.). SISTEM INFORMASI PEMESANAN MENU PADA CAFÉ PERAJA COFFEE UNTUK MENINGKATKAN HASIL PENJUALAN.
Salma, N., & Riska, T. J. (2020). Pengaruh Rasio Leverage, Likuiditas, Profitabilitas Terhadap Kualitas Laba Perusahaan Makanan Minuman BEI. Competitive, 14(2), 84–95. https://doi.org/10.36618/competitive.v14i2.622
Setiawan Sianturi, J. S. (2019). PERANCANGAN SISTEM INFORMASI PEMESANAN TIKET BUS PADA PO. HANDOYO BERBASIS ONLINE: AMIK Mahaputra Riau. Jurnal Intra Tech, 3(2), 11–25. https://doi.org/10.37030/jit.v3i2.56
Sharp, H., Preece, J., & Rogers, Y. (n.d.). Interaction Design.
Shidiq, N. D., & Wibowo, A. P. (2025). SMART ANGKRINGAN: PERANCANGAN UI/UX SISTEM PEMESANAN MANDIRI PADA ANGKRINGAN OJO KUWATIR. Jurnal Sistem Informasi, 07.
Shneiderman, B., & Plaisant, C. (n.d.). Designing the User Interface.
Sutrisno, G. P., Sumaryana, Y., & Hikmatyar, M. (2023). DESIGNING USER INTERFACE AND USER EXPERIENCE OF MOBILE-BASED NGURILING KOTA TASIK (NGULISIK) BUS E-TICKET APPLICATION WITH DESIGN THINKING METHOD. Antivirus : Jurnal Ilmiah Teknik Informatika, 17(1), 97–110. https://doi.org/10.35457/antivirus.v17i1.3047
Tidwell, J. (2009). Designing interfaces ([Nachdr.] 9/09). O’Reilly.
Wibowo, H. T., Tarigan, R. S., Dwiatma, G., & Aulia, A. M. (2022). APLIKASI MARKETPLACE PENDAMPING WISATA DENGAN API MAPS BERBASIS MOBILE DAN WEB. Open Science Framework. https://doi.org/10.31219/osf.io/3jpdt
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Prosiding Seminar Nasional Ilmu Teknik
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
