Pengembangan User Interface Aplikasi Berbasis Mobile dengan Pendekatan User-Centered Design Untuk Meningkatkan Kegunaan dan Pengalaman Pengguna

Authors

  • Sindi Mawarni Sindi Mawarni Universitas Islam Negeri Sumatera Utara
  • Mahyuni Nur Salina Harahap Universitas Islam Negeri Sumatera Utara
  • Syahanifah Alma Universitas Islam Negeri Sumatera Utara
  • Andira Bayu Oktaviara Universitas Islam Negeri Sumatera Utara
  • M. Khalil Gibran Universitas Islam Negeri Sumatera Utara

Keywords:

Interface Design, Mobile App, User-Focused Design, User Experience, System Usability Scale

Abstract

The swift advancement of mobile technology compels developers to create user interfaces (UI) that are both practical and user-friendly. This research focuses on creating a mobile application User Interface through the User-Centered Design (UCD) method, emphasizing users as the core of the complete design process. The approach comprises four UCD phases: analyzing usage context, identifying user needs, developing design solutions, and evaluating through usability testing. Testing involved 30 participants utilizing the System Usability Scale (SUS) approach and think-aloud technique. The findings indicated that the created UI design attained an average SUS score of 82.5 (Excellent category), alongside a 67% enhancement in task efficiency relative to the original design. This research demonstrates that the UCD method greatly improves the usability quality and user experience (UX) of mobile apps.

References

[1] Alao, O. D., Priscilla, E. A., Amanze, R. C., & Kuyoro, S. O. (2022). Ingénierie des Systèmes d ’ Information User-Centered / User Experience Uc / Ux Design Thinking Approach for Designing a University Information Management System. 27(4), 577–590.

[2] Ali, A. M., Khamaj, A., Kang, Z., Moosa, M., & Alam, M. M. (2023). User-Centered Design ( UCD ) of Time-Critical Weather Alert Application. 14(1), 797–808.

[3] Amanda, R. T., & Putri, R. A. (2024). Penerapan Metode User Centered Design dalam Sistem Penjualan E-Commerce. 13, 1295–1307.

[4] Balloufaud, M., Boujut, A., Marie, R., & Fourcade, L. (2025). Augmented Reality Exergames for Upcoming Cognitive-Motor Rehabilitation : User-Centered Design Approach and User Experience of Healthy Children Corresponding Author : 12, 1–16. https://doi.org/10.2196/69205.

[5] Baptista, S., Baptista, R. S., Moreira, M. C. C., Pinheiro, L. D. M., Pereira, T. R., Carmona, G. G., Freire, J. P. D., Bastos, J. A. I., Padilha, A., & Bo, L. (2022). User ‑ centered design and spatially ‑ distributed sequential electrical stimulation in cycling for individuals with paraplegia. Journal of NeuroEngineering and Rehabilitation, 6, 1–15. https://doi.org/10.1186/s12984-022-01014-6.

[6] Black, C. J., Berent, J. M., Joshi, U., Khan, A., Chamlagai, L., Shrivastava, R., Gautam, B., Negeye, A., Iftin, N., Ali, H., Desrosiers, A., & Bhan, A. (2023). Applying Human-Centered Design in Global Mental Health to Improve Reach Among Underserved Populations in the United States and India. 11(1), 1–13.

[7] Cen, C., Luo, G., Li, L., Liang, Y., Li, K., & Jiang, T. (2023). User-Centered Software Design : User Interface Redesign for Blockly – Electron , Artificial Intelligence Educational Software for Primary and Secondary Schools.

[8] Dananjaya, W. P., Prathama, G. H., & Darmaastawan, K. (2024). Journal of Computer Networks , Architecture and High Performance Computing User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application Journal of Computer Networks , Architecture and High Performance Computing. 6(3), 1089–1097.

[9] Duran, A. T., Keener-denoia, A., Stavrolakes, K., Fraser, A., Blanco, L. V, Fleisch, E., Pieszchata, N., Cannone, D., Mckay, K., Whittman, E., Edmondson, D., & Shelton, R. C. (2023). Applying User-Centered Design and Implementation Science to the Early-Stage Development of a Telehealth-Enhanced Hybrid Cardiac Rehabilitation Program : Quality Improvement Study Corresponding Author : 7, 1–16. https://doi.org/10.2196/47264.

[10] Kabir, K. S., Kenfield, S. A., Blarigan, E. L. Van, Chan, J. M., & Wiese, J. (2022). Ask the Users : A Case Study of Leveraging User-Centered Design for Designing Just-in-Time Adaptive Interventions ( JITAIs ). Proceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies, 1(1). https://doi.org/10.1145/3534612.

[11] Lestari, I., Kusuma, V. A., & Putera, M. I. A. (2024). Jurnal Sistim Informasi dan Teknologi Automasi Surat Perintah Perjalanan Dinas Berbasis Website Menggunakan Metode User Centered Design. 5, 88–94. https://doi.org/10.60083/jsisfotek.v5i4.327.

[12] Pozuelo, J. R., Moffett, B. D., Davis, M., Stein, A., Bch, M. B., Cohen, H., Craske, M. G., Maritze, M., Makhubela, P., & Nabulumba, C. (2023). User-Centered Design of a Gamified Mental Health App for Adolescents in Sub-Saharan Africa : Multicycle Usability Testing Study Corresponding Author : 7. https://doi.org/10.2196/51423.

[13] Samuel, B., Carrillo-leal, J., Rao, A., & Sasangohar, F. (2024). User-Centered Design of a Diabetes Self-Management Tool for Underserved Populations. https://doi.org/10.1177/19322968231212220.

[14] Schmitt, A., Wambsganss, T., & Leimeister, J. M. (2022). Conversational Agents for Information Retrieval in the Education Domain : A User-Centered Design Investigation. 6(November).

[15] Semprini, M., Lencioni, T., Hinterlang, W., Vassallo, C., Scarpetta, S., Maludrottu, S., Iandolo, R., Carè, M., Laffranchi, M., Chiappalone, M., & Ferrarin, M. (2022). User-centered design and development of TWIN-Acta : A novel control suite of the TWIN lower limb exoskeleton for the rehabilitation of persons. November, 1–19. https://doi.org/10.3389/fnins.2022.915707

[16] Setiawan, D., Yulianti, W., & Abdurrab, U. (2022). Aplikasi Joged ( Jamoe Gendong ) Berbasis Mobile Dengan Pendekatan UCD. 2(2).

[17] Shanmugavel, A., Shakya, P. R., Shrestha, A., & Shrestha, A. (2024). Designing and Developing a Mobile App for Management and Treatment of Gestational Diabetes in Nepal : User-Centered Design Study Corresponding Author : 8, 1–17. https://doi.org/10.2196/50823.

[18] Sudirjo, F., Maria, D. T. R. D., Kesuma, L. I., & Suryaningsih, L. (2024). Application of The User Centered Design Method To Evaluate The Relationship Between User Experience , User Interface and Customer Satisfaction on Banking Mobile Application. 6, 7–13. https://doi.org/10.60083/jidt.v6i1.465.

[19] Tsangaris, E., Edelen, M., Means, J., Gregorowitsch, M., Gorman, J. O., Pattanaik, R., Dominici, L., Hassett, M., Witkowski, M. L., Schrieber, K., Frank, E., Carnie, M., & Pusic, A. (2022). centered design and agile development of a novel mobile health application and clinician dashboard to support the collection and reporting of reported outcomes for breast cancer care. 1–11. https://doi.org/10.1136/bmjsit-2021-000119.

[20] Zen, C. E., Namira, S., & Rahayu, T. (2022). Rancang Ulang Desain UI ( User Interface ) Company Profile Berbasis Website Menggunakan Metode UCD ( User Centered Design ). April, 17–26.DRIM Setiadi, S. Rustad, PN Andono, dan GF Shidik, “Survei dan investigasi steganografi citra digital (tujuan, penilaian, metode, pengembangan, dan dataset),” Signal Processing , vol. 206, hal. 108908, Mei 2023, doi: 10.1016/j.sigpro.2022.108908.

Downloads

Published

2026-05-31

How to Cite

Sindi Mawarni, S. M., Mahyuni Nur Salina Harahap, Syahanifah Alma, Andira Bayu Oktaviara, & M. Khalil Gibran. (2026). Pengembangan User Interface Aplikasi Berbasis Mobile dengan Pendekatan User-Centered Design Untuk Meningkatkan Kegunaan dan Pengalaman Pengguna. Jurnal Publikasi Ilmu Komputer Dan Multimedia, 5(2), 241–248. Retrieved from https://journalcenter.org/index.php/jupikom/article/view/7161

Issue

Vol. 5 No. 2 (2026): Mei: Jurnal Publikasi Ilmu Komputer dan Multimedia

Section

Articles

License

Copyright (c) 2026 Jurnal Publikasi Ilmu Komputer dan Multimedia

Creative Commons License

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