UI/UX Design Planning of Ququ Bakery Application Using the User Centered Design (UCD) Method

Nabila Widya Anggraeni, Adi Nugroho

Abstract


This study aims to design the user interface (UI) and user experience (UX) of a birthday cake ordering application for Ququ Bakery in Semarang, Central Java, using the User-Centered Design (UCD) approach. The main issues faced by Ququ Bakery include limited promotional media, which currently relies solely on Instagram, as well as user difficulties in placing orders, checking prices, tracking order status, accessing promotions, and making payments. The objective of this research is to develop a web-based application UI/UX that addresses these challenges and enhances user satisfaction. The UCD method applied in this study consists of four stages: Understanding and Specifying the Context of Use, Specifying User Requirements, Designing Solutions to Meet User Requirements, and Evaluating Against Requirements. Evaluation was conducted using the System Usability Scale (SUS) through a questionnaire distributed to 96 respondents. The results indicate an SUS score of 90.35, categorized as “Excellent,” which demonstrates that the proposed application design achieves a very high level of usability and user satisfaction. These findings suggest that implementing the UCD approach effectively produces an intuitive, efficient, and user-oriented application design, which can significantly improve customer loyalty and engagement with Ququ Bakery.

Keywords


UI/UX; user centered design; system usability scale

Full Text:

PDF

References


Putra, “Pengertian Aplikasi: Fungsi, Sejarah, Klasifikasi, Jenis & Contoh,” Salamadian. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://cms.dailysocial.id/post/ui-user-interface/

F. Kurnia, “UI (User Interface): Pengertian, Fungsi, dan Karakteristiknya,” Dailysocial. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://cms.dailysocial.id/post/ui-user-interface/

N. R. Wiwesa, “User Interface dan User Experience untuk Mengelola Kepuasan Pelanggan,” 2021.

F. Ayunindya, “Apa Itu User Experience (UX)? Definisi Lengkap & Manfaatnya,” Hostinger. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.hostinger.com/id/tutorial/user-experience-adalah

W Fitri, “Apa Itu UX Design? Pengertian & Perbedaan UI/UX Design,” Hostinger. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.hostinger.com/id/tutorial/ux-design-adalah

N. Rahmalia, “User-Centered Design: Definisi, Manfaat, Prinsip, dan Proses Perancangannya.” Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://glints.com/id/lowongan/user-centered-design-adalah/

C. Veronica, Hasniati, dan I. A. Musdar, “Implementasi Pendekatan User Centered Design pada Perancangan UI/UX Website Worker’s. Kharisma Tech,” KHARISMA Tech, Vol. 17, No. 2, hlm. 71–84, Sep 2022, DOI: 10.55645/kharismatech.v17i2.246.

S. Pratiwy Anggraeny Puspita, M. Fajar, dan Arianti, “Perancangan UI/UX pada Website Medisol dengan Metode User Centered Design,” Mar 2023, [Daring]. Tersedia pada: https://jurnal.kharisma.ac.id/kharismatech/

R. B. Solichuddin dan E. G. Wahyuni, “Perancangan User Interface dan User Experience dengan Metode User Centered Design pada Situs Web Kalografi.”

R. Rizkina, “Jurnal Ilmiah IKIP Mataram Perancangan UI/UX menggunakan Metode UCD pada Website PMKS Pendataan Anak Yatim Lombok Tengah,” Mar 2023. [Daring]. Tersedia pada: https://ojs.ikipmataram.ac.id/index.php/jiim

A. H. Luthfi dan I. Arfiani, “Perancangan UI/UX Aplikasi Sampahocity menggunakan Pendekatan UCD (User Centered Design),” Jurnal Ilmu Komputer dan Sistem Informasi (JIKOMSI), Vol. 7, No. 1, hlm. 24–36, 2024.

M. Faisal, M. A. Muda, T. Septiana, dan M. Komarudin, “Perancangan UI/UX menggunakan Metode User Centered Design berbasis Web pada Perhitungan Luasan Kumuh Balai Prasarana Permukiman Wilayah Lampung,” Jurnal Informatika dan Teknik Elektro Terapan, Vol. 11, No. 2, Apr 2023, DOI: 10.23960/jitet.v11i2.2921.

Ghamir, “Mengenal Lebih Dalam tentang User Centered Design (UCD),” Medium. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://medium.com/@ghamirdk/mengenal-lebih-dalam-tentang-user-centered-design-ucd-2b5454f72ed5

A. W. Machmud, “User-Centered Design: Pengertian, Prinsip, Tahapan dan Manfaatnya,” Pulpen. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.pulpen.net/2023/09/pengertian-prinsip-tahapan-manfaat-user-centered-design.html

“User Centered Design (UCD),” Interaction Design Foundation. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.interaction-design.org/literature/topics/user-centered-design

F. Al Rasyid, “Cara Evaluasi Usability Aplikasi menggunakan Sistem SUS Questionnaire,” Farhan’s Blog. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://farhanalrasyid.blogspot.com/2021/05/cara-evaluasi-usability-aplikasi.html

S. Andysa, “Mengenal System Usability Scale,” Binus. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://sis.binus.ac.id/2022/02/07/mengenal-system-usability-scale/

Dicoding Intern, “Apa itu Wireframe? Perbedaan Wireframe, Mockup, dan Prototype,” Dicoding. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.dicoding.com/blog/wireframe-adalah/

R. Setiawan, “Apa Itu Prototype? Kenapa Itu Penting?,” Dicoding. Diakses: 18 Agustus 2025. [Daring]. Tersedia pada: https://www.dicoding.com/blog/apa-itu-prototype-kenapa-itu-penting/




DOI: https://doi.org/10.32520/stmsi.v14i6.5673

Article Metrics

Abstract view : 4 times
PDF - 1 times

Refbacks

  • There are currently no refbacks.


Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.