Desain Front-End Aplikasi Urban Store dengan Metode User Centered Design Menggunakan Flutter
DOI:
https://doi.org/10.55606/jupti.v4i2.4936Keywords:
E-commerce, Flutter, System-Usability Scale, User-Centered DesignAbstract
The rapid growth of e-commerce platform has increased the demand for mobile applications with attractive and user-friendly interfaces. This study focuses on designing anda developing the front-end of the Urban Store fashion application using the User Centered Design (UCD) approach and the Flutter . UCD is implemented to ensure that design process prioritizes user needs and preferences through the stages of planning, research, design, adaptation, and evaluation. The prototype was created using Figma, covering key features sush as login, homepage, checkout, profile pages. Implementation was carried out using Flutter and the Dart programming language interface evaluation was conducted using the System Usability Scale (SUS) method with 15 respondents, resulting in an average SUS score of 84,0, which falls into the “good” category. These results demonstrate that the UCD approach effectively produces a responsive and intuitive UI/UX design that aligns with user expectations. This research contributes to the development of user-experience -oriented intefaces for mobile-based e-commerce applications.
References
Anwar, A. A., Huda, B., Novalia, E., Paryono, T., & Piantara, S. (2022). Pengembangan UI/UX pada aplikasi Buana Online Course menggunakan metode design thinking (Studi kasus: Universitas Buana Perjuangan Karawang). INTECOMS: Journal of Information Technology and Computer Science, 5(2), 119–124. https://doi.org/10.31539/intecoms.v5i2.4988
Arhandi, P. P. (2016). Pengembangan sistem informasi perijinan tenaga kesehatan dengan menggunakan metode back end dan front end. Jurnal Teknologi Informasi, 7(1), 39–48. https://doi.org/10.36382/jti-tki.v7i1.192
Gunawan, R., Joharudin, A. M., Yudiana, Y., & Awalludin, D. (2023). Analisis dan implementasi metode user centered design (UCD) pada pembuatan sistem informasi perangkat mengajar guru berbasis mobile. Prosiding Seminar Nasional Inovasi dan Adopsi Teknologi, 3(1), 12–25. https://doi.org/10.35969/inotek.v3i1.296
Hananto, A. L., Priyatna, B., & Haris, A. (2020). Application of prototype method on student monitoring system based on WEB. Buana Information Technology and Computer Science (BIT CS), 1(1), 1–4. https://doi.org/10.36805/bit-cs.v1i1.683
Hananto, A. L., Priyatna, B., Fauzi, A., Rahman, A. Y., Pangestika, Y., & Tukino. (2021). Analysis of the best employee selection decision support system using Analytical Hierarchy Process (AHP). Journal of Physics: Conference Series, 1908(1). https://doi.org/10.1088/1742-6596/1908/1/012023
Islami, R., Hilabi, S. S., & Hananto, A. (2023). Analisis user experience aplikasi Traveloka dan Tiket.com menggunakan metode User Experience Questionnaire. Remik, 7(1), 497–505. https://doi.org/10.33395/remik.v7i1.12106
Kartiko, C., Wardhana, A. C., & Rakhmadani, D. P. (2022). Pengembangan mobile learning management system dengan user centered design (UCD) menggunakan Flutter framework. Jurnal Media Informasi Budidarma, 6(2), 960. https://doi.org/10.30865/mib.v6i2.3524
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan UI/UX aplikasi My CIC layanan informasi akademik mahasiswa menggunakan aplikasi Figma. Jurnal Digital, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171
Nurlaela, L., Setiawati, D., & Wulandari, F. T. (2024). Penerapan metode user centered design pada aplikasi UMKM berbasis Android (Studi kasus: UMKM Kenyot Susu Boyolali). JITU: Jurnal Information Technology and Communication, 8(1), 52–62. https://doi.org/10.36596/jitu.v8i1.387
Putri, A. D., & Fadhilah, N. (2023). Analisis User Interface dan User Experience (UI/UX) pada Aplikasi Belanja Online Menggunakan Metode Heuristic Evaluation. Jurnal Teknologi dan Sistem Informasi, 9(1), 45–54. https://doi.org/10.31294/jtsi.v9i1.12345
Saad, M. I. (2024). Implementation of the Flutter framework for developing an e-commerce application. Jurnal Teknologi Digital, 5(4), 127–135.
Sari, M. P., & Ramdhani, A. (2021). Penerapan User Centered Design dalam Pengembangan Aplikasi E-Learning untuk Meningkatkan Kepuasan Pengguna. Jurnal Sistem Informasi, 17(2), 95–104. https://doi.org/10.21609/jsi.v17i2.7654
Sembodo, F. G., Fitriana, G. F., & Prasetyo, N. A. (2021). Evaluasi usability website Shopee menggunakan System Usability Scale (SUS). Journal of Applied Informatics and Computing, 5(2), 146–150. https://doi.org/10.30871/jaic.v5i2.3293
Syahrin, A., & Hananto, A. (2025). Perancangan antarmuka berbasis Website Design Method (WDM) untuk Adede Store. Jurnal Teknologi Informasi, 7(1), 61–73.
Wibowo, R., & Nugroho, Y. (2022). Pengembangan Aplikasi Mobile Edukasi Berbasis Android Menggunakan Metode Design Thinking. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (J-PTIIK), 6(8), 3012–3018.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Jurnal Publikasi Teknik Informatika
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
