Transforming E-Commerce UX: A User-Centered Design Approach to Enhance Usability and Web Performance
DOI:
https://doi.org/10.69916/jkbti.v5i3.566Keywords:
User-Centered Design, System Usability Scale, E-commerce Usability, Core Web Vitals, User ExperienceAbstract
E-commerce platforms require optimal user interface (UI) and user experience
(UX) alongside robust technical performance to retain users, particularly in
specialized markets like mother-and-baby products. Initially, the Boonaboo
e-commerce website exhibited critical deficiencies, achieving a poor System
Usability Scale (SUS) score of 47.75 and a failing mobile Google Lighthouse
performance score of 41. To address these dual challenges, this study implemented
a comprehensive UI/UX redesign using the User-Centered Design
(UCD) methodology. A mixed-methods, pretest-posttest evaluation was conducted
involving 20 respondents, utilizing a novel dual-metric approach that
combined subjective usability measurement (SUS) with objective technical
auditing (Core Web Vitals via Google Lighthouse). Following the UCD
intervention—which encompassed information architecture restructuring, navigation
simplification, and asset optimization—the platform demonstrated
remarkable enhancements. Mobile performance surged by 104.8% (from 41 to
84), while desktop performance reached near-perfection at 99. Concurrently,
the mean SUS score escalated to 87.75, shifting the usability grade from Not
Acceptable (Grade F) to Excellent (Grade A). These findings empirically prove
that user-centered interface improvements inherently correlate with enhanced
machine-measured web performance. This study contributes a validated dualmetric
framework for evaluating e-commerce redesigns, offering actionable
insights for optimizing digital retail environments where cognitive ease, speed,
and user trust are paramount.
Downloads
References
J. Manajemen, S. Informasi, M. Raschintasofi, and H. Yani, “Perancangan UI UX Aplikasi Learning Management System Berbasis Mobile dan Website Menggunakan Metode Design Thinking Jurnal Manajemen Teknologi dan Sistem Informasi ( JMS ),” vol. 3, pp. 343–353, 2023.
H. R. Sanjaya, L. Situmorang, M. Syahrul, L. Kalmany, and R. W. P. Pamungkas, “Pengembangan Sistem Ujian Online Berbasis Mobile Dengan Agile-Scrum Untuk Meningkatkan Efisiensi Dan Pengalaman Pengguna,” J. Kecerdasan Buatan dan Teknol. Inf., vol. 4, no. 1, pp. 60–69, 2025, doi: 10.69916/jkbti.v4i1.209.
W. Zuo, B. Mu, H. Fang, and Y. Wan, “User Experience: A Bibliometric Review of the Literature,” IEEE Access, vol. 11, pp. 12663–12676, 2023, doi: 10.1109/ACCESS.2023.3241968.
K. Gustiana Sugosha, R. Andreswari, and M. Hardiyanti, “Design and Implementation of User Interface and User Experience in Online Sales Applications At Sugosha Pharmacy With User Centered Design Method,” in 2021 International Conference on Advanced Computer Science and Information Systems (ICACSIS), 2021, pp. 1–5. doi: 10.1109/ICACSIS53237.2021.9631344.
L. Lun, D. Zetian, T. W. Hoe, X. Juan, D. Jiaxin, and W. Fulai, “Factors Influencing User Intentions on Interactive Websites: Insights From the Technology Acceptance Model,” IEEE Access, vol. 12, pp. 122735–122756, 2024, doi: 10.1109/ACCESS.2024.3437418.
E. Nichifor, R. C. Lixăndroiu, I. B. Chițu, G. Brătucu, and A. Trifan, “How Does Mobile Page Speed Shape in-between Touchpoints in the Customer Journey? A Research Regarding the Most Trusted Retailers in Romania,” J. Theor. Appl. Electron. Commer. Res., vol. 16, no. 5, pp. 1369–1389, 2021, doi: 10.3390/jtaer16050077.
K. Król and W. Sroka, “Internet in the Middle of Nowhere: Performance of Geoportals in Rural Areas According to Core Web Vitals,” ISPRS Int. J. Geo-Information, vol. 12, no. 12, 2023, doi: 10.3390/ijgi12120484.
M. Ghattas, S. Odeh, and A. M. Mora, “Predicting Website Performance: A Systematic Review of Metrics, Methods, and Research Gaps (2010–2024),” Computers, vol. 14, no. 10, 2025, doi: 10.3390/computers14100446.
G. Noone, “Investigative interviewing in the context of corruption investigations,” in The Anatomy of Investigative Interviewing, in Sustainable Development Goals Series. , Springer, 2025. doi: 10.1007/978-3-031-93205-2_5.
K. T. Nugroho, B. Julianto, and D. F. Nur MS, “Usability Testing pada Sistem Informasi Manajemen AKN Pacitan Menggunakan Metode System Usability Scale,” J. Nas. Pendidik. Tek. Inform., vol. 11, no. 1, p. 74, 2022, doi: 10.23887/janapati.v11i1.43209.
O. D. Yohanes, A. Ambarwati, and C. Darujati, “Pengembangan Antarmuka Dan Pengalaman Pengguna Aplikasi Ujian Online Menggunakan Metode Goal-Directed Design,” JOINTECS (Journal Inf. Technol. Comput. Sci., vol. 6, no. 1, p. 55, 2021, doi: 10.31328/jointecs.v6i1.2153.
M. Raschintasofi and H. Yani, “UI UX Design for Mobile and Website-Based Learning Management System Applications Using the Design Thinking Method,” J. Technol. Manag. Inf. Syst., vol. 3, pp. 343–353, 2023.
S. K. Dewi, I. M. Nugroho, and Y. R. Ramadhan, “Perancangan UI/UX Aplikasi Reservasi di Kitchenery Resto and Cafe Purwakarta Menggunakan Metode GDD,” J. Sist. Informasi, Tek. Inform. dan Teknol. Pendidik., vol. 3, no. 1, pp. 21–29, 2023, doi: 10.55338/justikpen.v3i1.55.
R. F. Sunartama, P. Sukmasetya, and M. Maimunah, “Implementasi Design Thinking pada UI/UX Bank Sampah Digital Banjarejo Berbasis Android,” JURIKOM (Jurnal Ris. Komputer), vol. 10, no. 2, p. 590, 2023, doi: 10.30865/jurikom.v10i2.6078.
D. Widiastuti, I. Sholikah, C. Rahmawati, and A. O. Ramadhasari, “Enhancing Micro-Retail Inventory Management through Dynamic Reorder Point Algorithm: System Development, ISO/IEC 25010 Performance Evaluation, and Usability Assessment,” J. Comput. Technol., vol. 4, no. 1, pp. 1–4, 2026.
M. Raihan and Tommy, “Majority-Class Collapse in E-Commerce Emotion Mining: A Diagnostic Evaluation of LSTM Under Severe Class Imbalance and Noisy Text,” J. Comput. Technol., vol. 4, no. 1, pp. 1–13, 2026.
E. Febriani, B. Imran, and R. Muslim, “SISTEM INFORMASI E-COMMERCE PENJUALAN KERAJINAN ROTAN BERBASIS WEBSITE PADA DESA LOANG MAKA KECAMATAN JANAPRIA,” J. Comput. Technol., vol. 1, no. 1, pp. 32–40, 2023, [Online]. Available: http://repository.pnb.ac.id/id/eprint/10155%0Ahttp://repository.pnb.ac.id/10155/2/RAMA_57401_2015323103.pdf
A. A. Rangkuti and H. Dafitri, “Unlocking Customer Behavior in COD-based E-commerce: An Unsupervised Learning Approach Using Gaussian Mixture Model for Strategic Segmentation,” J. Comput. Technol., vol. 4, no. 1, pp. 25–33, 2026.
B. Alfredo, D. I. Inan, R. Juita, M. Sanglise, and L. Y. Baisa, “Ui/ux design of bpmp infrastructure rental using goal directed design method,” JOISIE (Journal Inf. Syst. Informatics Eng., vol. 8, no. 1, 2024.
D. Desyanti, M. Suhaidi, and F. Sari, “System Usability Scale (SUS) Pada Bank Sampah Digital Sebagai Solusi Penanganan Sampah,” J. Inf. Syst. Res., vol. 4, no. 1, pp. 292–299, 2022, doi: 10.47065/josh.v4i1.2263.
F. Ren, B. Zhao, J. Wang, J. X. Zhou, and T. Y. Xie, “Enhancing Blended Learning Evaluation Through a Blockchain and Searchable Encryption Approach,” Electron., vol. 14, no. 5, 2025, doi: 10.3390/electronics14051039.
F. Utami, A. W. R. Emanuel, and Y. D. Handarkho, “Perancangan User Interface dan User Experience dengan Metode System Usability Scale dan Goal Directed Design,” J. Inform. Atma Jogja, vol. 4, no. 2, pp. 155–162, 2023.
Downloads
Published
Scite Metrics
Altmetric
How to Cite
Issue
Section
License
Copyright (c) 2026 MY Aura Puti Agdira, Sari Setyaning Tyas, Yuyun Khairunnisa
This work is licensed under a Creative Commons Attribution 4.0 International License.
menuterbaru
