Improving the User Interface and Experience of a Student PortalThrough the Eight Golden Rules

Authors

  • Arwin Datumaya Wahyudi Sumari State Polytechnic of Malang
  • Fatiha Eros Perdana Adisutjipto Institute of Aerospace Technology
  • Dwi Nugraheny Adisutjipto Institute of Aerospace Technology
  • Sandra Lovrencic University of Zagreb, Varazdin, Croatia

DOI:

https://doi.org/10.30812/matrik.v24i3.4542

Keywords:

Eight Golden Rules, Student Portal, System Usability Scale, User Experience, User Interface

Abstract

One of the crucial web-based academic service facilities in higher education is the Student Portal. Based on a survey of student users, the existing Student Portal at the Institut Teknologi Dirgantara Adisutjipto (Design A) is visually unappealing. It therefore requires improvement in terms of User Interface (UI) design. The purpose of this study is to enhance the UI and UX of the Student Portal. The method used involved applying the Eight Golden Rules method and the Maze tool to design the UI. The resulting new design (Design B) and the current one (Design A) were tested using A/B testing. This study involved a sample of 41 student users from the Informatics Study Program, as they were considered familiar with UI/UX, along with four staff users selected to represent the overall population of Student Portal users. The instrument that is used to evaluate both designs is the System Usability Scale (SUS). The test results show that Design A received an average score of 55.0, which falls into the ”OK” category with a grade of D. In contrast, Design B, which incorporates the Eight Golden Rules method, achieved an average score of 75.0, placing it in the ”GOOD” category with a grade of B. In conclusion, the application of the Eight Golden Rules method led to a 36.4% improvement in
the UI and UX of the Student Portal.

Downloads

Download data is not yet available.

References

[1] S. P. Kupesic, N. Kranjcevic, M. A. Rodriguez, and E. Vazquez, “Education, Scholarship, Academic, and Public Services during

and after Corona Crisis,” Donald School Journal of Ultrasound in Obstetrics and Gynecology, vol. 14, no. 3, pp. 288–295, Nov.

2020, https://doi.org/10.5005/jp-journals-10009-1658.

[2] M. Lestari, E. Haryani, and T. Wahyono, “Analisis Kelayakan Sistem Informasi Akademik Universitas Menggunakan PIECES

dan TELOS,” Jurnal Teknik Informatika dan Sistem Informasi, vol. 7, no. 2, Aug. 2021, https://doi.org/10.28932/jutisi.v7i2.

3612.

[3] R. P. Azzahra and K. Hadiono, “Analisis Layanan Sistem Informasi Akademik Unisbank Berdasarkan Kepuasan Mahasiswa

dengan Pendekatan ServQual,” AITI, vol. 19, no. 2, pp. 137–152, Nov. 2022, https://doi.org/10.24246/aiti.v19i2.137-152.

[4] D. Saputra, H. Haryani, A. Surniadari, M. Martias, and F. Akbar, “Sistem Informasi Bimbingan Tugas Akhir Mahasiswa Berbasis

Website Menggunakan Metode Waterfall,” MATRIK : Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer,

vol. 21, no. 2, pp. 403–416, Mar. 2022, https://doi.org/10.30812/matrik.v21i2.1591.

[5] Y. Sari, M. Arafah, and Novitasari, “Evaluasi Usability Sistem Informasi Akademik Dosen Menggunakan User Experience

Questionnaire dan Heuristic Walkthrough,” Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 5, no. 2, pp. 247–

253, Apr. 2021, https://doi.org/10.29207/resti.v5i2.3022.

[6] S. S. T. Alatawi, S. Miskon, N. S. Abdullah, F. Ghabban, F. Saeed, I. Alfadli, and O. Ameerbakhsh, “A New Model for

Enhancing Student Portal Usage in Saudi Arabia Universities,” Engineering, Technology & Applied Science Research, vol. 11,

no. 3, pp. 7158–7171, Jun. 2021, https://doi.org/10.48084/etasr.4132.

[7] B. Shneiderman, C. Plaisant, M. Cohen, S. Jacobs, N. Elmqvist, and N. Diakopoulos, Designing the User Interface: Strategies

for Effective Human-Computer Interaction. Pearson Education, May 2021.

[8] C. Diehl, A. Martins, A. Almeida, T. Silva, O´ . Ribeiro, G. Santinha, N. Rocha, and A. G. Silva, “Defining Recommendations

to Guide User Interface Design: Multimethod Approach,” JMIR Human Factors, vol. 9, no. 3, p. e37894, Sep. 2022, https:

//doi.org/10.2196/37894.

[9] N. Alotaibi, “Color as a visual element on website appeal and its impact on user experience (UX) in graphic design,” AWARI,

vol. 6, pp. 1–11, Apr. 2025, https://doi.org/10.47909/awari.744.

[10] A. M. Morrison, S. Bag, and K. Mandal, “Virtual reality’s impact on destination visit intentions and the moderating role of

amateur photography,” Tourism Review, vol. 79, no. 2, pp. 355–377, Feb. 2024, https://doi.org/10.1108/tr-12-2022-0621.

[11] M. Jansson, J. Liisanantti, T. Ala-Kokko, and J. Reponen, “The negative impact of interface design, customizability, inefficiency,

malfunctions, and information retrieval on user experience: A national usability survey of ICU clinical information systems in

Finland,” International Journal of Medical Informatics, vol. 159, p. 104680, Mar. 2022, https://doi.org/10.1016/j.ijmedinf.2021.

104680.

[12] J. Hombeck, H. Voigt, and K. Lawonn, “Voice user interfaces for effortless navigation in medical virtual reality environments,”

Computers & Graphics, vol. 124, p. 104069, Nov. 2024, https://doi.org/10.1016/j.cag.2024.104069.

[13] M. A. Faudzi, Z. C. Cob, M. Ghazali, R. Omar, and S. A. Sharudin, “User interface design in mobile learning applications:

Developing and evaluating a questionnaire for measuring learners’ extraneous cognitive load,” Heliyon, vol. 10, no. 18, p.

e37494, Sep. 2024, https://doi.org/10.1016/j.heliyon.2024.e37494.

[14] J. Ruiz, E. Serral, and M. Snoeck, “Unifying Functional User Interface Design Principles,” International Journal of Human–

Computer Interaction, vol. 37, no. 1, pp. 47–67, Jan. 2021, https://doi.org/10.1080/10447318.2020.1805876.

[15] F. M. Sa’oad, R. Isa, and T. D. T. Ibrahim, “Kajian Analisis Antara Muka Pengguna pada Sistem Prapendaftaran menggunakan

Prinsip Eight Golden Rules,” Jurnal Pengajian Umum / Journal of General Studies, vol. 4, no. 1, pp. 42–51, Nov. 2024.

[16] D. A. Fatah, “Evaluasi Usability dan Perbaikan Desain Aplikasi Mobile Menggunakan Usability Testing dengan Pendekatan

Human-Centered Design (HCD),” Rekayasa, vol. 13, no. 2, pp. 130–143, Aug. 2020, https://doi.org/10.21107/rekayasa.v13i2.

6584.

[17] H. Sastypratiwi, Y. Yulianti, H. Muhardi, and D. I. Ulumi, “Incorporating User Experience Evaluation into Application Design

for Optimal Usability,” MATRIK : Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 22, no. 3, pp. 529–538,

Jul. 2023, https://doi.org/10.30812/matrik.v22i3.2793.

[18] K. Fang and J.Wang, “Interactive DesignWith Gesture and Voice Recognition in Virtual Teaching Environments,” IEEE Access,

vol. 12, pp. 4213–4224, 2024, https://doi.org/10.1109/access.2023.3348846.

[19] S. Mouti and H. Al-Chalabi, “A smart system for student performance assessment (SPA),” Scientific Reports, vol. 14, no. 1, Sep.

2024, https://doi.org/10.1038/s41598-024-70953-y.

[20] Wan MariamWan Muda, Salisa Abdul Rahman, Nur Farizan Munajat, andWoro Agus Nurtiyanto, “An Interactive Tool to Learn

the Sensors and Transducers Subject for Kinaesthetic Domain Students,” Journal of Advanced Research in Applied Sciences

and Engineering Technology, vol. 49, no. 1, pp. 227–244, Jul. 2024, https://doi.org/10.37934/araset.49.1.227244.

[21] V. Arifin, V. Handayani, L. K.Wardhani, H. B. Suseno, and S. U. Masruroh, “User Interface and Exprience Gamification-Based

E-Learning with Design Science Research Methodology,” MATRIK : Jurnal Manajemen, Teknik Informatika dan Rekayasa

Komputer, vol. 22, no. 1, pp. 165–176, Nov. 2022, https://doi.org/10.30812/matrik.v22i1.2427.

[22] H. W. Alomari, V. Ramasamy, J. D. Kiper, and G. Potvin, “A User Interface (UI) and User eXperience (UX) evaluation framework

for cyberlearning environments in computer science and software engineering education,” Heliyon, vol. 6, no. 5, p. e03917,

May 2020, https://doi.org/10.1016/j.heliyon.2020.e03917.

[23] A. Donawa, C. Powell, R. Wang, M.-Y. Chih, R. Patel, R. Zinner, E. Aronoff-Spencer, and C. E. Baker, “Designing Survey-

Based Mobile Interfaces for Rural Patients With Cancer Using Apple’s ResearchKit and CareKit: Usability Study,” JMIR

Formative Research, vol. 8, p. e57801, Sep. 2024, https://doi.org/10.2196/57801.

[24] D. Faiza, G. Farell, V. I. Delianti, Thamrin, and S. Rahmadika, “Eight Golden Rules Interface Analysis for Video Conference

Information System,” in 2022 International Conference on Electrical Engineering and Informatics (ICELTICs). Banda Aceh,

Indonesia: IEEE, Sep. 2022, pp. 131–135, https://doi.org/10.1109/iceltics56128.2022.9932115.

[25] D. Du, T. J. Baird, K. Eimre, S. Bonella, and G. Pizzi, “Jupyter widgets and extensions for education and research in computational

physics and chemistry,” Computer Physics Communications, vol. 305, p. 109353, Dec. 2024, https://doi.org/10.1016/j.

cpc.2024.109353.

[26] Y. B. Mohammed and D. Karagozlu, “A Review of Human-Computer Interaction Design Approaches towards Information

Systems Development,” Brain. Broad Research In Artificial Intelligence And Neuroscience, vol. 12, no. 1, pp. 229–250, Mar.

2021, https://doi.org/10.18662/brain/12.1/180.

[27] C. C. Kusuma, G. N. Utomo, J. Hidayat, N. Chandra, P. A. Parimartha, and K. Purwandari, “Revolutionizing Indonesian Farming

Application through Knowledge-Sharing and Collaboration,” in 2023 International Conference on Computer and Applications

(ICCA). Cairo, Egypt: IEEE, Nov. 2023, pp. 1–6, https://doi.org/10.1109/icca59364.2023.10401434.

[28] R. Y. K. Isal, H. B. Santoso, and E. R. Novandi, “Development and Evaluation of a Mobile-Learning Application Based on the

Felder-Silverman Learning Styles Model,” International Journal of Emerging Technologies in Learning (iJET), vol. 16, no. 15,

p. 107, Aug. 2021, https://doi.org/10.3991/ijet.v16i15.24165.

[29] A. C. Sari, C. Deodat, J. T. Susanto, N. Amartya, M. I. A. Nurhakim, and Maryani, “Developing an Exam Assessment Website

Based Application for Assurance of Learning at One of Universities in Indonesia,” in 2023 3rd International Conference on

Smart Cities, Automation & Intelligent Computing Systems (ICON-SONICS). Bali, Indonesia: IEEE, Dec. 2023, pp. 159–164,

https://doi.org/10.1109/icon-sonics59898.2023.10434949.

[30] ISO, ISO 9241-210:2019: Ergonomics of Human-System Interaction, second edition ed. Geneva, Switzerland: ISO : ISO

copyright office, 2020.

[31] M. Hyzy, R. Bond, M. Mulvenna, L. Bai, A. Dix, S. Leigh, and S. Hunt, “System Usability Scale Benchmarking for Digital

Health Apps: Meta-analysis,” JMIR mHealth and uHealth, vol. 10, no. 8, p. e37290, Aug. 2022, https://doi.org/10.2196/37290.

[32] G. Singh and F. Ahmad, “An interactive augmented reality framework to enhance the user experience and operational skills in

electronics laboratories,” Smart Learning Environments, vol. 11, no. 1, Jan. 2024, https://doi.org/10.1186/s40561-023-00287-1.

[33] L. Strifler, C. Fahim, M. P. Hillmer, J. M. Barnsley, and S. E. Straus, “Development and usability testing of an online support

tool to identify models and frameworks to inform implementation,” BMC Medical Informatics and Decision Making, vol. 24,

no. 1, Jun. 2024, https://doi.org/10.1186/s12911-024-02580-6.

[34] R. A. Malik and M. R. Frimadani, “UI/UX Analysis and Design Development of Less-ON Digital Startup Prototype by Using

Lean UX,” Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 6, no. 6, pp. 958–965, Dec. 2022, https://doi.org/10.

29207/resti.v6i6.4454.

[35] A. Nuswantari, Y.-T.Wu, and H. D. Surjono, “The Synchronous Online Argumentation System User Interface with an Integrated

Design Framework: Redesign and Evaluation,” JPI (Jurnal Pendidikan Indonesia), vol. 9, no. 1, p. 106, Mar. 2020, https:

//doi.org/10.23887/jpi-undiksha.v9i1.23104.

[36] M. Johnston, M. O’Mahony, N. O’Brien, M. Connolly, G. Iohom, M. Kamal, A. Shehata, and G. Shorten, “The feasibility and

usability of mixed reality teaching in a hospital setting based on self-reported perceptions of medical students,” BMC Medical

Education, vol. 24, no. 1, Jun. 2024, https://doi.org/10.1186/s12909-024-05591-z.

[37] T. Walia, M. S. Muthu, S. S. Patil, and R. M. Shetty, “Development of ’OXIS Classification’ calibration website for dental

researchers,” European Archives of Paediatric Dentistry, vol. 25, no. 4, pp. 501–511, Aug. 2024, https://doi.org/10.1007/

s40368-024-00908-4.

[38] Norshahidatul Hasana Ishak, Muhamad Abdul Hakim Mat Nang, Hazrati Zaini, Nur Nabilah Abu Mangshor, and Zuhri Arafah

Zulkifli, “Implementation of Augmented Reality in a Mobile Application for In-Flight Emergency Equipment and Evacuation

Procedure,” Journal of Advanced Research in Applied Sciences and Engineering Technology, vol. 46, no. 2, pp. 108–123, Jun.

2024, https://doi.org/10.37934/araset.46.2.108123.

[39] D. Ferizaj, O. Stamm, L. Perotti, E. M. Martin, A. Ophey, S. Rekers, D. Scharfenberg, T. Oelgeschl¨ager, K. Barcatta, S. Seiler,

J. Funk, C. Benoy, C. Finke, E. Kalbe, K. Finke, and A. Heimann-Steinert, “Effectiveness of a mobile application for independent

computerized cognitive training in patients with mild cognitive impairment: Study protocol for the NeNaE Study, a

randomized controlled trial,” Trials, vol. 25, no. 1, Jul. 2024, https://doi.org/10.1186/s13063-024-08277-5.

[40] E. Izquierdo-Garc´ıa, A. La´zaro-Cebas, B.Montero Pastor, A. Such D´ıaz, E. A. A´ lvaro-Alonso, L. Lo´pez Guerra, and I. Escobar-

Rodr´ıguez, “Design of mobile and website health application devices for drug tolerability in hereditary fructose intolerance,”

Orphanet Journal of Rare Diseases, vol. 19, no. 1, Jan. 2024, https://doi.org/10.1186/s13023-023-03011-x.

[41] A. F. A. Rashid, S. W. W. Syed Saadun Tarek Wafa, R. A. Talib, and N. M. A. Bakar, “Interactive Malaysian Childhood

Healthy Lifestyle (i-MaCHeL) programme: A single-arm pilot study,” Pilot and Feasibility Studies, vol. 10, no. 1, May 2024,

https://doi.org/10.1186/s40814-024-01483-7.

[42] F. Quin, D. Weyns, M. Galster, and C. C. Silva, “A/B testing: A systematic literature review,” Journal of Systems and Software,

vol. 211, p. 112011, May 2024, https://doi.org/10.1016/j.jss.2024.112011.

Downloads

Published

2025-07-23

Issue

Vol. 24 No. 3 (2025)

Section

Articles

License

Copyright (c) 2025 Arwin Datumaya Wahyudi Sumari, Fatiha Eros Perdana, Dwi Nugraheny, Sandra Lovrencic

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

How to Cite

[1]
A. D. W. Sumari, F. E. Perdana, D. Nugraheny, and S. Lovrencic, “Improving the User Interface and Experience of a Student PortalThrough the Eight Golden Rules”, MATRIK, vol. 24, no. 3, pp. 555–576, Jul. 2025, doi: 10.30812/matrik.v24i3.4542.

Similar Articles

1-10 of 173

You may also start an advanced similarity search for this article.