Improving the UI/UX Design Quality of the Informatics Engineering Study Program Website at Universitas Bina Darma Using the Design Thinking Method
DOI:
https://doi.org/10.35870/ijsecs.v5i3.5337Keywords:
User Interface Design, Academic Website, Usability Evaluation, Design Thinking Method, Prototype TestingAbstract
Rapid advances in information technology have transformed multiple sectors, particularly education, where digital platforms play an increasingly vital role in academic operations. Study program websites now serve as primary channels for information dissemination and communication between institutions and their stakeholders. Yet the Informatics Engineering Study Program website at Universitas Bina Darma faces notable usability problems affecting both interface design and user experience quality. A heuristic evaluation survey of 100 students identified several critical issues: absent active menu indicators that hinder navigation tracking, unattractive visual layouts that reduce user engagement, and ambiguous icons and terminology that create confusion during interaction. To address these challenges, researchers employed the Design Thinking framework—a user-centered methodology that emphasizes empathy, ideation, and iterative testing. The framework guided the development of a redesigned prototype, which underwent rigorous evaluation through the Maze platform across four distinct user task scenarios covering key website functions. Test outcomes demonstrated 100% task completion rates among participants, with an average usability score of 89, placing the design in the excellent category. The redesigned interface delivers substantially improved user experience through enhanced navigation clarity, better visual hierarchy, and more intuitive interaction patterns. These improvements establish a solid groundwork for continued development and eventual implementation of systems, offering practical solutions that can be adapted for similar academic website redesign projects.
Downloads
References
Kurniawan, B., & Romzi, M. (2022). Perancangan UI/UX aplikasi manajemen penelitian dan pengabdian kepada masyarakat menggunakan aplikasi Figma. JSIM: Jurnal Sistem Informasi Mahakarya, 05, 1–7.
Maritsa, A., Salsabila, U. H., Wafiq, M., Anindya, P. R., & Ma'shum, M. A. (2021). Pengaruh teknologi dalam dunia pendidikan. Al-Mutharahah: Jurnal Penelitian dan Kajian Sosial Keagamaan, 18(2), 91–100. https://doi.org/10.46781/al-mutharahah.v18i2.303
Prayogo, J. S., Kriswibowo, R., Alia, P. A., Febriana, R. W., Setyawan, A. B., & Medika, U. A. (2024). Perancangan ulang desain UI/UX website universitas dengan metode design thinking. Journal of Information Systems Management and Digital Business (JISMDB), 1.
Puspitaningrum, D. N., Perdana, I., & Utama, N. I. (2023). Redesign UI/UX website Open Library Telkom University berdasarkan tipe kepribadian influence dengan metode design thinking. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 4(3), 1874–1886. https://doi.org/10.35870/jimik.v4i3.425
Armiani, R., & Ibadi, T. (2024). Rancang ulang UI/UX aplikasi Giwang Sumsel berbasis mobile menggunakan metode design thinking. Jutisi, 13, 1–12.
Handayani, F. S. (2021). Desain instrumen pengujian usabilitas aplikasi menggunakan heuristic usability Nielson. JSAI: Journal Scientific and Applied Informatics, 4(01). https://doi.org/10.36085
Baladina, A., Aknuranda, I., & Kusyanti, A. (2018). Analisis hasil perbandingan penerapan metode heuristic evaluation menggunakan persona dan tanpa persona (Studi kasus: Situs web Female Daily). http://j-ptiik.ub.ac.id
Raschintasofi, M., & Yani, H. (2023). Perancangan UI UX aplikasi learning management system berbasis mobile dan website menggunakan metode design thinking. Jurnal Manajemen Teknologi dan Sistem Informasi (JMS), 3(1). http://ejournal.unama.ac.id/index.php/jms
Widiyantoro, M. F., Heryana, N., Voutama, A., & Sulistiyowati, N. (2022). Perancangan UI/UX aplikasi toko kue dengan metode design thinking. Information Management for Educators and Professionals, 7(1), 1–10.
Taqiyuddin, M. N. R., & Indryanti, B. (2024). Perancangan aplikasi laundry berbasis Android dengan menggunakan metode design thinking. Jurnal Informatika dan Teknik Elektro Terapan, 12(2). https://doi.org/10.23960/jitet.v12i2.4266
Candra, A., Sukmasetya, P., Hendradi, P., Soegeng, J. M. B., & Magelang, K. (2023). Perancangan UI/UX aplikasi berbasis mobile menggunakan metode design thinking (Studi kasus SISFO SKPI UNIMMA). Jurnal TeIKa, 13.
Marwah Alfirahmi, C. D., & Kania, D. S. (2023). Rancang bangun aplikasi pengelolaan sampah plastik menggunakan pendekatan design thinking. INNOVATIVE: Journal of Social Science Research, 3, 219–233.
Nugrahani, O. T. A., Dianasari, D., & Amalia, K. N. (2023). Implementasi design thinking pada perancangan UI/UX aplikasi pemesanan jamu berbasis mobile. JCI Jurnal Cakrawala Ilmiah, 3(3). http://bajangjournal.com/index.php/JCI
Anggraini, D., & Hamdani, D. (2024). Implementasi metode design thinking dalam perancangan prototype sistem pengelolaan data barang. Jurnal Teknologi dan Sistem Informasi Bisnis-JTEKSIS, 6(3), 597. https://doi.org/10.47233/jteksis.v6i3.1469
Wibowo, I. K. T. T., & Pratama, I. P. A. E. (2023). Evaluasi dan rancang ulang tampilan antarmuka website menggunakan metode system usability scale dan design thinking (Studi kasus: Dinas Komunikasi dan Informatika Kabupaten Gianyar). Jurnal Informatika dan Komputer, 11(2), 271–278. https://doi.org/10.35508/jicon.v11.i2.12654
Adha, I. A., et al. (2023). Perancangan UI/UX aplikasi Ogan Lopian Diskominfo Purwakarta menggunakan metode design thinking. JOISIE Journal of Information System and Informatics Engineering, 7(1).
Aulia, H., Setyadi, H. J., & Jundillah, M. L. (2024). Perancangan ulang UI/UX website e-learning UNMUL menggunakan metode design thinking. JITSI: Jurnal Ilmiah Teknologi Sistem Informasi, 5(4), 128–133. https://doi.org/10.62527/jitsi.5.4.294
Phoa, R., Sofyan, M., Thayf, S., Pontoh, Z., Informasi, S., & Kharisma Makassar, S. (n.d.). Re-design UI/UX website Jahitku menggunakan metode design thinking. Jurnal KHARISMA Tech. https://jurnal.kharisma.ac.id/kharismatech
Trivinita, D., Blolong, L., & Wibowo, M. (2024). Design and evaluation of dental and oral health education website using design thinking. Jurnal Informatika dan Teknologi Informasi, 21(1), 31–40. https://doi.org/10.31515/telematika.v21i1.10615
Nabiil, M. R. T., Wirawan, M. A., Ma'ruf, M. N., & Jundillah, M. L. (2024). Re-design user interface website Infokerja menggunakan metode design thinking. Kreatif Teknologi dan Sistem Informasi (KRETISI), 2(2), 37–45. https://doi.org/10.30872/kretisi.v2i2.2091
Hardi, A. D. D., & David, F. (2024). UI/UX design of the Sigmawave website using the design thinking and design sprint methods (Case study of PT. Blue Silo Pte. Ltd). International Journal Software Engineering and Computer Science (IJSECS), 4(3), 1196–1209. https://doi.org/10.35870/ijsecs.v4i3.3123
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Kiagus Fallah Abrar Al Karim, Devi Udariansyah

This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
1. Copyright Retention and Open Access License
Authors retain copyright of their work and grant the journal non-exclusive right of first publication under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
This license allows unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.
2. Rights Granted Under CC BY 4.0
Under this license, readers are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material for any purpose, including commercial use
- No additional restrictions — the licensor cannot revoke these freedoms as long as license terms are followed
3. Attribution Requirements
All uses must include:
- Proper citation of the original work
- Link to the Creative Commons license
- Indication if changes were made to the original work
- No suggestion that the licensor endorses the user or their use
4. Additional Distribution Rights
Authors may:
- Deposit the published version in institutional repositories
- Share through academic social networks
- Include in books, monographs, or other publications
- Post on personal or institutional websites
Requirement: All additional distributions must maintain the CC BY 4.0 license and proper attribution.
5. Self-Archiving and Pre-Print Sharing
Authors are encouraged to:
- Share pre-prints and post-prints online
- Deposit in subject-specific repositories (e.g., arXiv, bioRxiv)
- Engage in scholarly communication throughout the publication process
6. Open Access Commitment
This journal provides immediate open access to all content, supporting the global exchange of knowledge without financial, legal, or technical barriers.
