Designing User Interface (UI) of KJP-Shop Application Using User-Centered Design (UCD) Method

© 2022 by IJCTT Journal
Volume-70 Issue-6
Year of Publication : 2022
Authors : Dwi Wulandari Sari, Kurnia Gusti Ayu
DOI :  10.14445/22312803/IJCTT-V70I6P106

How to Cite?

Dwi Wulandari Sari, Kurnia Gusti Ayu, "Designing User Interface (UI) of KJP-Shop Application Using User-Centered Design (UCD) Method," International Journal of Computer Trends and Technology, vol. 70, no. 6, pp. 51-61, 2022. Crossref,

The Jakarta provincial government assistance program called the Jakarta Smart Card (KJP) has recently been increasingly needed by students in DKI Jakarta. In the previous study, the researchers analyzed it using Soft System Methodology (SSM) to find problems in the operational implementation of the Jakarta Smart Card (KJP) and provide a description of problem-solving for future research. As a follow-up to previous research, the researchers carried out the next stage, namely designing the User Interface (UI) for the KJP-Shop application using the User Center Design (UCD) method, which is designing application menus that meet the needs of the KJP-Shop application users, especially for cheap food shopping. This study aims to obtain the user interface design of the KJP-Shop application by applying the User-Centered Design (UCD) method for the mobile application before carrying out the next stage in developing the overall KJP-Shop application. Based on the results of research carried out by distributing USE questionnaires to selected respondents, the scores were obtained from three factors, namely system (91.05%), the user (89.05%), and interaction (91.14%). Using the same formula, the total usability score for KJP-Shop is 90.15%. It can be said that the KJP-Shop application has “very good” criteria to be used functionally.

User-Centered Design (UCD), Jakarta Smart Card, User Interface (UI), USE Questionnaire, Usability.


[1] Anisah, N., Ecintia, D., Lukman, A., & Devianto, Y. , “Android-Based Boarding House Management Information System,” International Journal of Computer Techniques , 2018.
[2] Astuti, I. A., M. S., & Sukoco, "The Application of User Centered Design Methods in Game Based Learning on Student Learning Motivation," Journal of Interactive Information, 2017.
[3] Brox1, M. E., Th Konstantinidis, P. S., & Evertsen, M. G, “User-Centered Design of Serious Games for Older Adults Following 3 Years of Experience with Exergames for Seniors: A Study Design,” Jmir.Org, pp .1, 2017.
[4] DKI, P. Social Welfare. Jakarta, Indonesia. 2009.
[5] Griffin, P. L., Lee, M. D., Jaisle, P. A., Carek, M. P., George, M. C., Laber, P. E., Et Al, “Creating an Mhealth App for Colorectal Cancer Screening: User-Centered Design Approach,” Jmir.Org , pp.1, 2019.
[6] Hidayat, M., & Rohman, S, “Android-Based Da`wah Applications using the User Centered Design Ucd Method,” Journal of Ppkm III, pp.354 – 360, 2018.
[7] Iqbal, M., Marthasari, G. I., & Nuryasin, I," Application of the UCD User Centered Design Method in Android-Based Emergency Application Design," pp.1041-1054, 2020.
[8] ISO:9241-210, “Ergonomics of Human-System Interactionin: Human-Centered Design for Interactive Systems. Switzerland: International Organization for Standardization, 2010.
[9] Iso-Dis:9241-11. Part 11, “Usability: Definitions and Concepts. Switzerland, International Organization for Standardization. 2015.
[10] Jakarta, D. P. Use of Kjp Funds. dvdmvdmvnhm19, 2019, From Kjp.Jakarta.Go.Id: Http://Kjp.Jakarta.Go.Id/Kjp2/Public/Informasi_Umum.Php?Id=Eydpzcc6jznjntlkyza0ogu4oduwqmjqzymu4mdc5ytvvjnjnycwnamwyn vjnjnzrkxmwyn5
[11] Jakarta, D. P. Use of Kjp Funds. Dipetik November 19, 2019, Dari Kjp.Jakarta.Go.Id: Http://Kjp.Jakarta.Go.Id/Kjp2/Public/Informasi_Umum.Php?Id=Eydpzcc6jznjntlkyza0ogu4oduwmjqzymu4mdc5ytvjnzrkmdc5jywnam vuaxmnoicxnwy0mdi5mti5owq4yzq3ndmxyzcwndvhmdvmownmocd9# , 2019.
[12] Jakarta, D. P. Technical Guidelines for Personal Education Cost Assistance through the Jakarta Smart Card. Taken November 19, 2019, From Kjp.Jakarta.Go.Id: Http://Kjp.Jakarta.Go.Id/Kjp2/Berkas/Kjp/Ea77a564caf897db27d31118040bd5be.Pdf , 2018.
[13] Kaligis, D. L., & Fatri, R. R, "Development of Web-Based Survey Application Interfaces using User Centered Design Methods," Just It: Journal of Information Systems, pp. 2598-3016, 2020.
[14] Khasanah, I. U., Fachry, M., Adriani, N. S., Defiani, N., Saputra, Y., & Ibrahim, A," Application of the User Centered Design Method in Analyzing the User Interface on the Sriwijaya University Website," Integer: Journal of Information Technology, pp. 21-28, 2018.
[15] Kurniawati, L., Safitri, A., & Akbar, D. D, "User Centered Design UCD for the Design of Information Systems for Savings and Loans Data Processing in Cooperatives," Journal of Computer Science and Technology, 2018.
[16] Malyana, E, “Use of Android in the Design of Prayer Collection Applications,” Journal of Science and Informatics, 2018.
[17] Nadita, L. A., Effendy, V., & Jatmiko, D. D," Implementation and Analysis of User Experience for Tajwid Learning Applications using the UCD Method in School-Age Children," E-Proceeding of Engineering, pp.2017 4751.
[18] Nielsen, J. Usability 101: Human-System Interaction, 2012.
[19] Pintar, K. J. Kjp. Jakarta. Go. Id. Picked July 12, 2020, From Jakarta.Go.Id: Jakarta Pin Cardhttp://Kjp.Jakarta.Go.Id/Kjp2/Berkas/Kjp/Ea77a564caf897db27d31118040bd5be.Pdf8 2019
[20] Pratiwi, D., Saputra, M. C., & Wardani, N. H, “Using the User Centered Design Ucd Method in Redesigning the Web Portal of the Department of Psychology, Faculty of Social and Political Sciences, Universitas Brawijaya,” Journal of Information Technology Development Dan, pp.2448-2458, 2018.
[21] Priyatna, B," Application of the User Centered Design Ucd Method on the Indonesian Culinary Menu Ordering System Based on Android Mobile," Aims Journal of Accounting Information System, 2019.
[22] Purnama, I," Designing an Android Smartphone-Based Muslim Dictionary using the UCD User Centered Design Method," Informatics: Amik Labuhan Batu Scientific Journal, 2017.
[23] S Nouri, S., Avila-Garcia, P., Cemballi, A. G., Sarkar, U., Aguilera, A., & Lyles, C. R,” Assessing Mobile Phone Digital Literacy and Engagement in User-Centered Design in A Diverse, Safety-Net Population: Mixed Methods Study,” Jmir.Org, 2019.
[24] Santoso, R. B., Sagirani, T., & Lemantara, J, “Designing the Batik UKM Marketplace User Interface using the UCD User Centered Design Method,” Jsika, 2018.
[25] Edward Kirui , Peter Kiprono Kemei, “Usability of E-Government Services in Developing Countries,” International Journal of Computer Trends and Technology , Issn:2231-2803. Www.Ijcttjournal.Org. Published By Seventh Sense Research Group, Vol. 153, pp. 102-107, 2014.
[26] Wijaya, K, "Implementation of the UCD User Centered Design Method in the Design of a Library Information System Case Study: Smk Negeri 1 Gelumbang," Fasilkom Journal, pp. 52-56, 2021.
[27] Yatana Saputri, I. S., Fadhli, M., & Surya, I, "Application of the UCD User Centered Design Method in Web-Based E-Commerce Putri Intan Shop," National Journal of Technology and Information Systems, pp. 269-278, 2017.
[28] Sari, D. W., & Ayu, K. G, "The Implementation of Soft System Methodology Ssm in Designing Kjp-Shop Application," International Journal of Computer Trends and Technology , 2021.