Pengaruh Penggunaan User Centered Pada Perancangan UI/UX Pada Model Aplikasi Penjualan Es Teler Berbasis Website
DOI:
https://doi.org/10.47065/bulletincsr.v6i3.1049Keywords:
User-Centered Design; UI/UX; E-commerce Website; Es Teler; System Usability Scale; UsabilityAbstract
Abstract The rapid development of information technology encourages businesses to adapt by utilizing digital platforms, one of which is through e-commerce websites. The Es Teler El website is developed as a web-based sales platform that requires optimal User Interface and User Experience (UI/UX) design to provide convenience, ease of use, and efficiency in transaction processes. This study aims to design the UI/UX of the Es Teler El website using the User-Centered Design (UCD) method and to evaluate the usability level of the resulting prototype. The UCD method is implemented through four main stages: Understand Context of Use, Specify User Requirements, Design Solution, and Evaluate Design Against Requirements. Data collection was conducted through interviews with 20 respondents to identify user needs. The results of the needs analysis were then implemented into wireframe, mockup, and high-fidelity prototype designs using Figma. Usability evaluation was carried out using the System Usability Scale (SUS) method involving the same respondents through predefined testing scenarios. The results show that the Es Teler El website prototype achieved an SUS score of 82.5, which falls into the “Excellent” category (Grade A). This indicates that the design meets usability aspects, including ease of use, efficiency, and user satisfaction. Therefore, the application of the UCD method is proven to be effective in producing UI/UX designs that align with user needs and improve the quality of user experience in web-based culinary e-commerce platforms.
Downloads
References
A. Barkah Kurniyawan dan Irwansyah, “Redesign UI/UX dengan Metode SUS dan UCD pada Website Akademik UHAMKA,” Metik Jurnal, vol. 9, no. 2, hlm. 329–337, Agu 2025, doi: 10.47002/metik.v9i2.1093.
S. Firmansyah, Hannie, dan Ma’sum Aziz, “Perancangan Ui/Ux Pada Website My Vvisual Menggunakan Metode User Centered Design,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 13, no. 3, Jul 2025, doi: 10.23960/jitet.v13i3.6938.
O. N. Faizah, N. R. Oktadini, B. W. Putra, P. E. Sevtiyuni, P. Putra, dan A. Meiriza, “UI/UX Design of Web-based Software License Management System using User-Centered Design and System Usability Scale,” Jurnal Nasional Teknologi dan Sistem Informasi, vol. 9, no. 3, hlm. 255–263, Jan 2024, doi: 10.25077/teknosi.v9i3.2023.255-263.
A. R. T. Ramadhana, H. Hermansyah, dan S. Wahyuni, “Perancangan UI/UX Website Sakiverse Dengan Metode User-Centered Design Dalam Meningkatkan Kemudahan Penjualan Produk Pakaian,” Jurnal Minfo Polgan, vol. 14, no. 2, hlm. 1519–1533, Agu 2025, doi: 10.33395/jmp.v14i2.15054.
F. Risyda, Y. Gardenia, M. Awaludin, Y. Lucia, dan R. Rehatalanit, “Perancangan Desain UI/UX Website Sekolah Menggunakan Metode User Centered Design,” JSI (Jurnal Sistem Informasi) Universitas Dirgantara Marsekal Suryadarma, vol. 12, hlm. 165–174, 2024, doi: https://doi.org/10.35968/jsi.v12i1.1352.
D. S. Ramadhan dan E. Nurraharjo, “Penerapan Metode User Centered Design dalam Sebuah Aplikasi Penyewaan Ruang Studio Berbasis Website Pada Studio Intro Semarang,” G-Tech: Jurnal Teknologi Terapan, vol. 7, no. 3, hlm. 1282–1291, Jul 2023, doi: 10.33379/gtech.v7i3.2933.
M. Puspita Hannah dan R. Nur Kholiza, “KLIK: Kajian Ilmiah Informatika dan Komputer Perancangan UI/UX Penerimaan Peserta Didik Baru Berbasis Website Menggunakan Metode User Centered Design,” Media Online, vol. 4, no. 4, hlm. 2342–2356, 2024, doi: 10.30865/klik.v4i4.1722.
F. Maulana Alja, E. Daniati, dan A. Ristyawan, “Perancangan Ui/Ux E-Commerce Menggunakan Metode User Centered Design (Ucd),” Journal of Information System Management (JOISM) e-ISSN, vol. 6, no. 1, hlm. 2715–3088, 2024, doi: 10.24076/joism.2024v6i1.1669.
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, doi: 10.55338/jikomsi.v7i1.2175.
Z. A. W. Sugandi dan K. N. Isnaini, “Perancangan Antarmuka Pengguna dan Pengalaman Pengguna dari Aplikasi Marketplace Bahan Makanan Dapur: Metode User-Centered Design,” Jurnal Sistem dan Teknologi Informasi (JustIN), vol. 11, no. 3, hlm. 571, Jul 2023, doi: 10.26418/justin.v11i3.67793.
M. Khoirul, U. Achyar, dan S. Hidayat, “Perancangan User Interface dan User Experience Pada Platform Wahda Menggunakan Metode User Centered Design (UCD),” AUTOMATA Universitas Islam Indonesia, vol. 4, no. 2, hlm. 180–187, Nov 2023, Diakses: 23 Januari 2026. [Daring]. Tersedia pada: dspace.uii.ac.id/123456789/50755
F. Fadhilah, H. J. Setyadi, dan M. L. Jundillah, “Perancangan Ulang Desain UI/ UX Pada Website E-Surat Fakultas Teknik Universitas Mulawarman Menggunakan Metode User Centered Design (UCD),” Adopsi Teknologi dan Sistem Informasi (ATASI), vol. 3, no. 2, hlm. 62–69, Des 2024, doi: 10.30872/atasi.v3i2.1868.
J. Kridatama, S. Dan Teknologi Perancangan Desain, dan U. Aplikasi, “Perancangan Desain UI/UX Aplikasi Findchise Menggunakan Metode User Centered Design (UCD),” JURNAL KRIDATAMA SAINS DAN TEKNOLOGI, vol. 6, no. 2, hlm. 669–690, 2024, doi: 10.53863/kst.v6i02.1395.
A. S. Wijaya dan G. Testiana, “Perancangan UI/UX Website Menggunakan Figma di Politeknik Pariwisata Palembang,” RIGGS: Journal of Artificial Intelligence and Digital Business, vol. 4, no. 4, hlm. 9981–9992, Jan 2026, doi: 10.31004/riggs.v4i4.4737.
N. Zaelani, N. Suarna, dan W. Prihartono, “Desain User Interface Website Pemesanan Online Produk Makanan Kripdunk Dengan Metode User Centered Design,” Jurnal Mahasiswa Teknik Informatika, vol. 7, no. 6, hlm. 3414–3426, Des 2023, doi: doi.org/10.36040/jati.v7i6.8203.
W. D. P. Rahayu, A. A. Hendriadi, dan T. Ridwan, “Perancangan Ui Ux Aplikasi Website Sistem Informasi Menggunakan Metode User Centered Dsign (Studi Kasus Desa Losari Kidul),” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, hlm. 2952–2964, Agu 2024, doi: 10.23960/jitet.v12i3.4994.
Ronni Sahat Hutabarat dan Ketut Sudaryana, “User-Centered Design pada User Interface (UI) / User Experience (UX) Prototyping Aplikasi E-Commerce,” Jurnal Penelitian Teknologi Informasi dan Sains, vol. 2, no. 4, hlm. 89–99, Des 2024, doi: 10.54066/jptis.v2i4.2781.
A. Salsabillah Siregar dkk., “Perancangan UI/UX Sistem Prakerin Web dengan Metode UCD,” Jurnal Informatika Polinema, vol. 11, no. 4, hlm. 531–540, Agu 2025, doi: https://doi.org/10.33795/jip.v11i4.7625.
R. P. Sutanto, “Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra,” Nirmana, vol. 22, no. 1, hlm. 41–51, Jun 2022, doi: 10.9744/nirmana.22.1.41-51.
I. F. Pasaribu, “Xiosena: Figma-Based Prototype Design and Development for Boutique Dress Ordering Using UI/UX,” Jurnal Ilmiah Global Education, vol. 6, no. 4, hlm. 2420–2434, Nov 2025, doi: 10.55681/jige.v6i4.4571.
R. Basatha dkk., UI/UX Design: Panduan, Teori dan Aplikasi. Surabaya: IKADO Press, 2022. Diakses: 12 Februari 2026. [Daring]. Tersedia pada: https://repository.ikado.ac.id/id/eprint/37/
M. Syarif, “Desain Mockup Sistem Informasi Simpanan Pelajar (SIMPEL) dengan Pendekatan User-Centered Design,” Jurnal Sistem Informasi Akuntansi, vol. 6, no. 1, hlm. 74–83, Mar 2025, doi: 10.31294/justian.v6i1.9133.
T. Wahyuningrum, Buku Referensi Mengukur Usability Perangkat Lunak. Yogyakarta: DEEPUBLISH, 2021. Diakses: 23 Februari 2026. [Daring]. Tersedia pada: https://repository.deepublish.com/publications/595804/buku-referensi-mengukur-usability-perangkat-lunak
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Pengaruh Penggunaan User Centered Pada Perancangan UI/UX Pada Model Aplikasi Penjualan Es Teler Berbasis Website
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2026 Mutiara Nurikhlimah, Ade Dwi Putra
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).
