A Literature Review of UI/UX Design Concepts and Their Role in Web and Mobile Application Development
DOI:
https://doi.org/10.36679/s4kira.v4i1.84Keywords:
UI/UX Design, Web Applications , Mobile Applications, Usability , User EngagementAbstract
The concepts of User Interface (UI) and User Experience (UX) design have evolved from mere aesthetic elements into critical factors that determine the success of web- and mobile-based applications. This study aims to analyze the influence of implementing UI/UX design concepts on usability, user engagement, and the success of both web and mobile applications. The research utilizes a qualitative method with a literature review approach, analyzing various books, scientific journals, and relevant design guidelines. The results of the study indicate that implementing a User-Centered Design approach oriented toward user needs can enhance ease of use (usability), reduce cognitive load, and increase user involvement (user engagement).
Furthermore, the application of design guidelines such as Material Design and Human Interface Guidelines contributes to interface consistency, increased user satisfaction, and delivers a positive impact on business success through improved efficiency, conversion rates, and Return on Investment (ROI). A case study on Tokopedia demonstrates that the implementation of consistent design concepts is capable of creating a better user experience across various platforms. Consequently, integrating UI/UX concepts from the early stages of development is a crucial factor in producing web and mobile applications that are easy to use, user-oriented, and highly competitive.
References
Apple Inc., "Human Interface Guidelines," 2023. [Online]. Available:
https://developer.apple.com/design/human-interface-guidelines/. [Accessed: Jun. 27, 2026].
E. K. Budiardjo and W. C. Wibowo, "Pengaruh desain antarmuka terhadap kepuasan pengguna aplikasi mobile," Jurnal Sistem Informasi, vol. 14, no. 2, pp. 45–52, 2018.
T. Trisandi, B. Zaman, and S. B. H., “Perancangan Ulang UI/UX pada Aplikasi Save Money Menggunakan Metode Human Centered Design,” JTRISTE, vol. 12, no. 1, pp. 16-26, Mar. 2025.
P. A. P. Sari, M. Fajar, and Arianti, “Perancangan UI/UX pada Website Medisol dengan Metode User Centered Design,” Jurnal Kharisma Tech, vol. 18, no. 1, pp. 40-54, Mar. 2023.
Google, "Material Design 3," 2023. [Online]. Available:
https://m3.material.io/. [Accessed: Jun. 27, 2026].
L. Hakim and F. M. Putra, "Implementasi UI/UX pada aplikasi mobile berbasis Android,"
Jurnal Sakira, vol. 5, no. 1, pp. 12–20, 2022.
M. Praseptiawan, M. C. Untoro, F. Fahrianto, P. R. Prabandari, and M. S. Wisnubroto, “Redesigning UI/UX of A Mobile Application Using Task Centered System Design Approach,” Applied Information System and Management (AISM), vol. 6, no. 1, pp. 21-28, 2023, doi: 10.15408/aism.v6i1.24665.
D. S. Mubiarto, R. R. Isnanto, and I. P. Windasari, “Perancangan User Interface dan User Experience (UI/UX) pada Aplikasi ‘BCA Mobile’ Menggunakan Metode User Centered Design (UCD),” Jurnal Teknik Komputer, vol. 1, no. 4, pp. 209-216, Mar. 2023, doi: 10.14710/jkt.v1i4.37686.
R. Pudjayanti and S. Al Hakim, “Perancangan UI/UX My Seven Berbais Mobile Dengan Metode User Centered Design (UCD),” Jurnal Ilmiah FIFO, vol. 14, no. 2, pp. 123-130, Nov.2022, doi: 10.22441/fifo.2022.vv14i2.002.
S. Krug, Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability,
rd ed. Berkeley, CA, USA: New Riders, 2014.
S. Bonet-Olivencia, J. Carrillo-Leal, A. Rao, and F. Sasangohar, “User-Centered Design of a Diabetes Self-Management Tool for Underserved Populations,” Journal of Diabetes Science and Technology, vol. 18 no. 1, pp. 22-29, 2024, doi: 10.1177/193229682312122220.
A. R. Novianto and S. Rani, “Pengembangan Desain UI/UX Aplikasi Learning Management System dengan pendekatan User Centered Design,” Jurnal Sains, Nalar, dan Aplikasi Teknologi Informasi, vol. 2, no. 1, pp. 21-32, 2022, doi: 10.20885/snati.v2i1.16.
J. Preece, Y. Rogers, and H. Sharp, Interaction Design: Beyond Human-Computer Interaction,
th ed. Hoboken, NJ, USA: Wiley, 2015.
F. Sudrajat, I. L. Sardi, and S. Y. Puspitasari, “UI/UX Design of Mobile-Based Environmental Reporting Application Using User-Centered Design Method,” IT Journal Research and Development (ITJRD), vol. 9, no. 2, pp. 80-94, Mar. 2025, doi: 10.25299/itjrd.2025.18632.
J. Tidwell, C. Brewer, and A. Valencia, Designing Interfaces: Patterns for Effective
Interaction Design, 3rd ed. Sebastopol, CA, USA: O'Reilly Media, 2020.
J. J. Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond, 2nd ed. Berkeley, CA, USA: New Riders, 2010.
D. A. Norman, The Design of Everyday Things, Revised and Expanded ed. New York, NY, USA: Basic Books, 2013.
J. Nielsen, Usability Engineering. San Francisco, CA, USA: Morgan Kaufmann, 1994.
A. Cooper, R. Reimann, D. Cronin, and C. Noessel, About Face: The Essentials of Interaction Design, 4th ed. Indianapolis, IN, USA: Wiley, 2007.
M. Hassenzahl, Experience Design: Technology for All the Right Reasons. San Rafael, CA, USA: Morgan & Claypool, 2010.
A. Sutcliffe, Designing for User Engagement: Aesthetic and Attractive User Interfaces. San Rafael, CA, USA: Morgan & Claypool, 2009.
R. Hartson and P. S. Pyla, The UX Book: Process and Guidelines for Ensuring a Quality User Experience. Waltham, MA, USA: Morgan Kaufmann, 2012.
Downloads
Published
Issue
Section
License
Organized by : Universitas Islam Al-Azhar
Published by : Universitas Islam Al-Azhar
E-mail: sakira@unizar.ac.id | ilmukomputer@unizar.ac.id
