Implementing Validated UI/UX Design into a Real System: An Agile Kanban-Based Development Evaluation in an Educational Information System

Indah Lestari; M. Fakhri Salman; Anggy Trisnadoli; Muhammad Mahrus Zain

doi:10.34148/teknika.v15i1.1450

Authors

Indah Lestari Information System Department, Faculty of Information Technology, Politeknik Caltex Riau, Pekanbaru, Riau, Indonesia
M. Fakhri Salman Information System Department, Faculty of Information Technology, Politeknik Caltex Riau, Pekanbaru, Riau, Indonesia
Anggy Trisnadoli Information System Department, Faculty of Information Technology, Politeknik Caltex Riau, Pekanbaru, Riau, Indonesia
Muhammad Mahrus Zain Information System Department, Faculty of Information Technology, Politeknik Caltex Riau, Pekanbaru, Riau, Indonesia

DOI:

https://doi.org/10.34148/teknika.v15i1.1450

Keywords:

UI/UX Implementation, Agile Kanban, Design-Implementation Gap, Usability Evaluation

Abstract

UI/UX research often ends at the prototype validation, while the implementation process remains limited in empirical studies. This study implements UI/UX designs validated in previous research into an information system and evaluates the role of the Agile Kanban approach in bridging the gap between design and real system implementation. The research method uses an implementation-based evaluation that includes system requirements alignment, Agile Kanban-based iterative development, and post-implementation evaluation. The results show that of the total 34 screens developed, 6 were implemented according to the initial design, 8 were adjusted during development, and 20 additional screens were developed to meet operational stakeholder needs. Development performance reached 135%, calculated as the ratio between completed and initially planned features. The development process was conducted through 4 Kanban cycles that allowed for controlled adjustments to business logic and feature additions. This study identified 5 main gaps in the implementation of the design in the real system. Post-implementation evaluation showed that all 79 functional requirements were successfully implemented with a total of 27 functional features, exceeding the initial plan of 20 features. The system was declared fully accepted through User Acceptance Testing and achieved a System Usability Scale score of 78.3 from 60 respondents, which is in the Acceptable category. These results indicate that Agile Kanban is effective in bridging the gap between UI/UX design validation and real system implementation, and is able to maintain usability quality in operational systems. This provides practical direction for organisations that seek to operationalise validated designs within dynamic development settings.

Downloads

Download data is not yet available.

References

[1] T. I. Hasan, C. I. Silalahi, R. Y. Rumagit, and G. D. Pratama, “UI/UX Design Impact on E-Commerce Attracting Users,” in Procedia Computer Science, Elsevier B.V., 2024. doi: https://doi.org/10.1016/j.procs.2024.10.336.

[2] P. M. Effendi and Endra Rahmawati, “Peningkatan Terhadap Pengalaman Pengguna: Implementasi Pendekatan User-Centered Design dan Evaluasi Usability pada Prototipe Sistem Inventori,” INFOTECH : Jurnal Informatika & Teknologi, vol. 6, no. 2, 2025, doi: https://doi.org/10.37373/infotech.v6i2.1994.

[3] K. Abertho, E. Dwinata, A. Gustho, R. A. Prasetyo, and W. E. Jayanti, “Analisis Pengaruh User Interface Terhadap Penggunaan Aplikasi Pembelajaran,” Jurnal Teknologi Sistem Informasi, vol. 6, no. 1, 2025, doi: https://doi.org/10.35957/jtsi.v6i1.10542.

[4] A. Fritz Wijaya, T. Matius Surya Mulyana, and G. Janico Liunard, “Desain User Experience (UX) Pada Website Smart City untuk Meningkatkan Aksesibilitas Layanan Publik,” Jurnal Teknologi dan Manajemen Industri Terapan (JTMIT), vol. 4, no. 2, 2025, doi: https://doi.org/10.55826/jtmit.v4i2.582.

[5] A. A.-Z. Ibrahim and I. Lestari, “Perancangan UI/UX Pada Website Rumah Tahfidz Akhwat Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 2, 2023, doi: https://doi.org/10.34148/teknika.v12i2.599.

[6] Sudiana, Y. U. Chandra, and L. Angela, “Key success factors for a better user experience in e-commerce website,” in Proceedings of 2021 International Conference on Information Management and Technology, ICIMTech 2021, Institute of Electrical and Electronics Engineers Inc., 2021. doi: https://doi.org/10.1109/ICIMTech53080.2021.9535076.

[7] A. Jamal and S. Hashmat, “Innovations in UI/UX Design Of Mobile Applications: Trends, Practices And Challenges,” Spectrum of Engineering Sciences, vol. 3, no. 5, 2025, doi: https://doi.org/10.5281/zenodo.15478961.

[8] L. Judijanto and D. Wardhani, “The Impact of Mobile Payment Systems and User Interface Design on Customer Adoption and Transaction Volume in E-commerce Companies in Jakarta Article Info,” The Eastasouth Journal of Information System and Computer Science, vol. 2, no. 01, 2024, doi: https://doi.org/10.58812/esiscs.v2i01.

[9] F. G. Gultom and T. M. Y. Khudri, “Evaluasi Implementasi Sistem Aplikasi Keuangan Tingkat Instansi (SAKTI) Dengan Metode Design-Reality Gap,” Owner: Riset & Jurnal Akuntansi, vol. 8, no. 3, 2024, doi: https://doi.org/10.33395/owner.v8i3.2127.

[10] M. Mujiono, T. O. Wibowo, and S. Alvin, “An Exploration of University Students’ Experience Using UI-UX Based E-learning Platforms: Challenges and Recommendations,” International Journal of Social Learning (IJSL), vol. 5, no. 2, 2025, doi: https://doi.org/10.47134/ijsl.v5i2.360.

[11] S. R. Wulan, Z. P. Hamida, A. Kurniaty, and M. R. Alifi, “Implementation of Waterfall Model and User-Centered Design Integration,” INTEGER: Journal of Information Technology, vol. 9, no. 2, 2024.

[12] O. Mojabi, “Harmonizing Agile Transformation: Navigating Software Startup Success Through A Hybrid Journey of Scrum and Kanban Methods,” Blekinge Institute of Technology, 2024.

[13] R. E. Hidayah and R. Agus, “Analisis Kebutuhan Kerangka Kerja Adaptif Berdasarkan Studi Komparatif Metodologi Pengembangan Perangkat Lunak,” Technologia : Jurnal Ilmiah, vol. 17, no. 1, 2026, doi: https://doi.org/10.31602/tji.v17i1.20612.