Improving the UI/UX Design Quality of the Informatics Engineering Study Program Website at Universitas Bina Darma Using the Design Thinking Method

Authors

DOI:

https://doi.org/10.35870/ijsecs.v5i3.5337

Keywords:

User Interface Design, Academic Website, Usability Evaluation, Design Thinking Method, Prototype Testing

Abstract

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

Download data is not yet available.

Author Biographies

  • Kiagus Fallah Abrar Al Karim, Universitas Bina Darma

    Department of Informatics Engineering, Universitas Bina Darma, Palembang City, South Sumatra Province, Indonesia

  • Devi Udariansyah, Universitas Bina Darma

    Department of Informatics Engineering, Universitas Bina Darma, Palembang City, South Sumatra Province, Indonesia

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

2025-12-01

How to Cite

Al Karim, K. F. A., & Udariansyah, D. (2025). Improving the UI/UX Design Quality of the Informatics Engineering Study Program Website at Universitas Bina Darma Using the Design Thinking Method. International Journal Software Engineering and Computer Science (IJSECS), 5(3), 1285-1306. https://doi.org/10.35870/ijsecs.v5i3.5337

Most read articles by the same author(s)