Design of User Interface (UI) and User Experience (UX) for the Visual Communication Design Student Works Data Center
Abstract
Inadequate documentation and limited accessibility of student works remain persistent issues in Visual Communication Design (VCD) programs, reducing their effectiveness as academic portfolios and institutional repositories. This study aims to design and empirically evaluate a user interface (UI) and user experience (UX) for a VCD students who work in a data center that emphasizes usability, visual clarity, and local cultural relevance. A mixed-methods approach was employed, integrating qualitative user needs analysis through interviews and surveys with quantitative usability evaluation. The design process was guided by the Design Thinking framework, encompassing the stages of empathize, define, ideate, prototyping, and testing. Usability testing using the System Usability Scale (SUS) yielded a score of 84.8, indicating excellent system usability, while the Net Promoter Score (NPS) reached +62.5, reflecting high user satisfaction and recommendation intent. The findings demonstrate that the proposed UI/UX design significantly enhances system usability, user engagement, and accessibility of student works. This study contributes an empirical UI/UX design model for art-based academic repositories by integrating usability evaluation with local cultural elements to support sustainable documentation and appreciation of student creative outputs.
References
Ariel Tandra, T., & Rofil, L. E. F. (2023). Cultural Dimensions and Intercultural User Interface Design (IUID) in a Learning Management System: Indonesian and International Student Perspectives. E3S Web of Conferences, 426. https://doi.org/10.1051/e3sconf/202342601100
Braun, V., & Clarke, V. (2022). Thematic Analysis: A Practical Guide. https://books.google.co.id/books/about/Thematic_Analysis.html?id=mToqEAAAQBAJ&redir_esc=y
Creswell, J. W., & Creswell, J. D. (2022). Research Design: Qualitative, Quantitative, and Mixed Methods Approaches. SAGE Publications. https://books.google.co.id/books/about/Research_Design.html?id=Pr2VEAAAQBAJ&redir_esc=y
Darmawan, I., Saiful Anwar, M., Rahmatulloh, A., & Sulastri, H. (2022). Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems. International Journal on Informatics Visualization, 6(2), 327–334. www.joiv.org/index.php/joiv
Khairunnisa, K., Fauzi, D., & Ihsan, M. (2024). Desain Thinking Teori, Aplikasi, Dan Inovasi (1st ed.). Rajawali Pers.
Khairunnisa, K., & Lanova, P. (2024). Application of Design Thinking in Building a Product Design Study Program Profile Website Using Content Management Site Wordpress. Sainstek : Jurnal Sains Dan Teknologi, 16(1), 36. https://doi.org/10.31958/js.v16i1.11972
Mujiono, M., Wibowo, T. O., & Alvin, S. (2025). An Exploration of University Students’ Experience Using UI-UX Based E-learning Platforms: Challenges and Recommendations. International Journal of Social Learning (IJSL), 5(2), 322–336. https://doi.org/10.47134/ijsl.v5i2.360
Muktamar, A., Lumingkewas, C. S., & Rofi, A. (2023). The Implementation of User Centered Design Method in Developing UI/UX. JISTE (Journal of Information System, 1(2), 26–31. http://gemapublisher.com/index.php/jiste
Putri, M. I., Piantari, E., & Junaeti, E. (2023). Development of UI / UX Design in Web-Based Artificial Intelligence Learning on Student Learning Motivation with a User-centered Design Approach. Jurnal Guru Komputer, 4(1), 11–20. https://doi.org/10.17509/jgrkom.v4i1.64140
Quin, F., Weyns, D., Galster, M., & Silva, C. C. (2014). A/B testing : A systematic literature review. The Journal of Systems and Software, 91(January), 174–201.
Ramadhan, I. F., & Adam Sekti Aji. (2024). Enhancing Repository Application UI/UX through Design Thinking Methodology. Journal of Scientific Research, Education, and Technology (JSRET), 3(4), 1540–1550. https://doi.org/10.58526/jsret.v3i4.531
Subiyakto, A., Rahmi, Y., Kumaladewi, N., Huda, M. Q., Hasanati, N., & Haryanto, T. (2021). Investigating quality of institutional repository website design using usability testing framework. AIP Conference Proceedings, 2331(4). https://doi.org/10.1063/5.0041677
Syifa, F. N., Nurul, T., Nabil, A., Arifin, D. H., & Sidik, R. (2025). Jurnal Nasional Teknologi dan Sistem Informasi Attribution-ShareAlike 4.0 International Some rights reserved Studi Kasus Uji Kualitas Website Admin Travel Booking Menggunakan Halstead’s Metric dan Equivalence Partitioning. Jurnal Nasional Teknologi Dan Sistem Informasi, 11, 067–077.
Wang, M., & Zhao, Z. (2022). A Cultural-Centered Model Based on User Experience and Learning Preferences of Online Teaching Platforms for Chinese National University Students: Taking Teaching Platforms of WeCom, VooV Meeting, and DingTalk as Examples. Systems, 10(6). https://doi.org/10.3390/systems10060216
Zermeño, N., Zuheros, C., Calache, L. D. D. R., Herrera, F., & Montes Soldado, R. (2024). An Online A/B Testing Decision Support System for Web Usability Assessment Based on a Linguistic Decision-Making Model. https://www.ssrn.com/abstract=4726022
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Khairunnisa Khairunnisa, Haviz Emriadi
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
