UI/UX Design and Prototype of the IKJ Advertising Mobile App using the User-Centered Design Method

Anggi Tria Amanda Manik; Didik  Aryanto; Hendri

doi:10.59934/jaiea.v5i3.2442

Authors

Anggi Tria Amanda Manik STMIK TIME
Didik Aryanto STMIK TIME
Hendri STMIK TIME

DOI:

https://doi.org/10.59934/jaiea.v5i3.2442

Keywords:

User-Centered Design, UI/UX, System Usability Scale

Abstract

Many companies are transforming their systems from website-based to mobile-based applications. User Experience (UX) is a crucial component in user interaction with applications, given that ease of use must be the top priority of technology. This study aims to design the UI/UX and prototype of the IKJ Advertising mobile application using the User-Centered Design (UCD) method. The design was based on user needs through observation, interviews, and literature review. The resulting prototype was then evaluated using usability testing with the Think-Aloud method, Performance Measurement, and the System Usability Scale (SUS). The evaluation results show that the prototype achieved a SUS score of 91.5, which falls into the Acceptable category, grade A, and Best Imaginable. These results indicate that the application design has an excellent level of usability and is capable of providing an effective, efficient, and easy-to-use user experience. This study produced a UI/UX design and prototype for the IKJ Advertising mobile application that can be further developed as a reference for corporate application development.

Downloads

Download data is not yet available.

References

M. Yaputra, “The Role of User-Centered Design in the User Experience Design of a Community Marketplace Application,” JDMIS J. Data Min. Inf. Syst., vol. 1, no. 1, pp. 48–55, 2023, doi: 10.54259/jdmis.v1i1.1525.

U. Hairah et al., “Enhancing Students’ Competencies in Designing Mobile App UI/UX Using Figma,” Jompa Abdi J. Community Service, vol. 3, no. 4, pp. 59–65, 2024, doi: 10.57218/jompaabdi.v3i4.1211.

M. Iqbal, G. I. Marthasari, and I. Nuryasin, “Application of the UCD (User-Centered Design) Method in the Design of an Android-Based Emergency Application,” J. Repos., vol. 2, no. 2, p. 201, 2020, doi: 10.22219/repositor.v2i2.221.

A. Haidar Luthfi and I. Arfiani, “UI/UX Design of the Sampahocity Application Using the UCD (User-Centered Design) Approach,” J. Comput. Sci. and Syst. vol. 7, no. 1, pp. 24–36, 2024, doi: 10.55338/jikomsi.v7i1.2175.

M. H. Hamdanuddinsyah, M. Hanafi, and P. Sukmasetya, “UI/UX Design of the Mizanstore Mobile-Based Online Book Application Using User-Centered Design,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1464–1475, 2023, doi: 10.47065/josh.v4i4.3850.

D. S. Mubiarto, R. R. Isnanto, and I. P. Windasari, “Design of the User Interface and User Experience (UI/UX) for the ‘BCA Mobile’ Application Using the User-Centered Design (UCD) Method,” J. Comp. Computing, vol. 1, no. 4, pp. 209–216, 2023, doi: 10.14710/jtk.v1i4.37686.

D. W. Pratama, “Implementation of User-Centered Design (UCD) in the ASN Memayu Mobile App.”

Y. Elfandari, L. D. Farida, I. R. Wulandari, and I. A. Astuti, “Application of User-Centered Design in the Design of a Cake Ordering System Mobile App.”

M. Multazam, I. V. Paputungan, and B. Susanto, “Design of User Interface and User Experience in Placeplus Using a User-Centered Design Approach,” Univ. Islam Indones., vol. 1, pp. 1–8, 2020, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/ article/view/15528/10233

J. J. Garrett, The Elements of User Experience. User-Centered Design for the Web and Beyond, 2nd ed. [New Riders, 2011] | Dilson José Lins Rabêlo Júnior - Academia.edu. 2011. [Online]. Available: https://www.academia.edu/ 35348979/The_Elements_of_User_ Experience_User_Centered_Design_for_the_Web_and_Beyond_2nd_Ed_New_Riders_2011_

ISO, “Ergonomic requirements for office work with visual display terminals. Part 11: Guidance on usability,” ISO No. 9241-11, vol. 2008, no. February 9, p. 22, 1994.

J. Nielsen, Usability Engineering. San Francisco, CA: Morgan Kaufmann, 1993.

J. S. Dumas and B. A. Loring, “Moderating Usability Tests,” Moderating Usability Tests, pp. 1–24, 2008, doi: 10.1016/B978-0-12-373933-9.X5001-1.

W. A. R. W. M. Isa, A. M. Lokman, E. S. A. Wahid, and R. Sulaiman, “Usability testing research framework: Case of a handicraft web-based system,” 2014 2nd Int. Conf. on Inf. Commun. Technol. ICoICT 2014, pp. 199–204, 2014, doi: 10.1109/ICoICT.2014.6914065.

P. T. Aquino and L. V. L. Filgueiras, “User modeling with personas,” ACM Int. Conf. Proceeding Ser., vol. 124, pp. 277–282, 2005, doi: 10.1145/1111360.1111388.

M. S. Hartawan, “Application of User-Centered Design (UCD) in Wireframe Design of User Interface and User Experience for a Movie Synopsis Application,” Jeis J. Elektro Dan Inform. Swadharma, vol. 2, no. 1, pp. 43–47, 2022, doi: 10.56486/jeis.vol2no1.161.

S. L. Ramadhan, “User Experience Design of an E-ID Card Application Using the UCD Method in Tanah Baru Subdistrict,” JATISI (Journal of Information Technology and Systems ), vol. 8, no. 1, pp. 287–298, 2021, doi: 10.35957/jatisi.v8i1.633.