Improving User Experience and Information Delivery through Motion UI in a Single-Page Campus Website
##plugins.themes.bootstrap3.article.main##
Abstract
This research aims to develop a campus introduction website interface for STIKI Malang by implementing Motion UI to enhance information delivery effectiveness and user experience. Currently, the STIKI website uses a multi-page structure that requires visitors to open sub-menus separately to access information, resulting in significant resource consumption and long loading times. By transforming the website structure into a single-page application (SPA) and integrating dynamic animation elements through Motion UI, it is expected to increase engagement and conversion rates. Qualitative analysis results show significant improvements in user engagement and information comprehension, with page loading times drastically reduced to an average of 2.6 seconds. Evaluation using the User Experience Questionnaire (UEQ) also demonstrates significant improvements in attractiveness, clarity, efficiency, and stimulation aspects. This research concludes that implementing Motion UI on STIKI's single-page website successfully enhances user experience, access speed, and information delivery effectiveness. The results of this research can serve as a reference for developing interface design strategies for other educational institution websites
##plugins.themes.bootstrap3.article.details##
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
The writer agreed that the article copyright by Smatika journal and the writer has the right to disseminate the paper published without permission in advance.
[2] E. Kurniawati and C. I. Ratnasari, “Pengujian Pengalaman Pengguna (User Experience) Menggunakan Metode User Experience Questionnaire (UEQ): Studi Kasus Pada Website Fakultas Teknologi Industri Universitas Islam Indonesia,” AUTOMATA, vol. 4, no. 2, 2023.
[3] A. Wijaya, Kefry, W. Wihalim, and A. Agun, “The Effect of UI/UX Design on User Satisfaction in Online Art Gallery,” in 2021 1st International Conference on Computer Science and Artificial Intelligence (ICCSAI), Jakarta, 2021.
[4] T. Andhiza, I. Fitri, and A. Rubhasy, “Perancangan User Experience Pada Aplikasi Pencarian Car Wash Menggunakan Metode UCD (User Centered Design),” SMATIKA JURNAL, vol. 12, no. 01, pp. 135–145, Jun. 2022, doi: 10.32664/smatika.v12i01.581.
[5] K. Kowalczyk and T. Szandala, “Enhancing SEO in Single-Page Web Applications in Contrast With Multi-Page Applications,” IEEE Access, vol. 12, pp. 11597–11614, 2024.
[6] J. Choi, D. B. Jun, H. Kim, and S. Park, “An empirical study on bounced clicks versus multi-page clicks in display advertising,” Int J Advert, pp. 1–12, 2025.
[7] Q. Yang, L. Guo, and N. Wang, “Techniques and methodological practices for developing single page applications based on VUE+MidwayJS+Prisma,” in Seventh International Conference on Advanced Electronic Materials, Computers, and Software Engineering (AEMCSE), Nanchang, China, 2024.
[8] D. E. Syafitri and F. A.-I. A. Putra, “Artikel Jurnal Perancangan UI/UX Mobile App Interaktif untuk Meningkatkan Promosi dan Penjualan Produk F&B pada Eatery Cafe,” SMATIKA JURNAL, vol. 14, no. 02, pp. 250–260, Dec. 2024, doi: 10.32664/smatika.v14i02.1318.
[9] R. F. Rizaldi, S. Busono, and A. S. Fitrani, “Sistem Informasi Inventaris Barang Di UPTD Puskesmas Kemlagi Menggunakan Metode Waterfall,” SMATIKA JURNAL, vol. 14, no. 01, pp. 13–22, Jun. 2024, doi: 10.32664/smatika.v14i01.1128.
[10] A. Pratama, A. Faroqi, and E. P. Mandyartha, “Evaluation of User Experience in Integrated Learning Information Systems Using User Experience Questionnaire (UEQ),” Journal of Information Systems and Informatics, vol. 4, no. 4, pp. 1019–1029, 2022.
[11] A. Kolesnikov, A. S. Pinto, L. Beyer, X. Zhai, J. Harmsen, and N. Houlsby, “UViM: A Unified Modeling Approach for Vision,” in Advances in Neural Information Processing Systems 35 (NeurIPS), San Diego, 2022.
[12] H. Koç, A. M. Erdoğan, Y. Barjakly, and S. Peker, “UML Diagrams in Software Engineering Research: A Systematic Literature Review,” in 7th International Management Information Systems Conference, Izmir, 2021.
[13] D. Murdiani and M. Sobirin, “Perbandingan Metodologi Waterfall dan RAD (Rapid Application Development) dalam Pengembangan Sistem Informasi,” PERBANDINGAN METODOLOGI WATERFALL DAN RAD, vol. 4, no. 4, pp. 302–306, 2022.
[14] M. R. A. Nugroho, H. M. Az-Zahra, and I. S. E. Maghfiroh, “Analisis Pengalaman Pengguna pada Website Kampus Merdeka menggunakan Metode UX Curve,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 7, no. 2, pp. 934–943, 2023.
[15] A. M. Vargas, R. P. Jimenez, and L. Codina, “Website quality evaluation: a model for developing comprehensive assessment instruments based on key quality factors,” Journal of Documentation, vol. 79, no. 7, pp. 95–114, 2023.
[16] M. F. Riki and I. Effendy, “Aplikasi Pencarian Donor Darah Menggunakan Metode Personal Extreme Programming Berbasis Android,” SMATIKA JURNAL, vol. 12, no. 02, pp. 186–199, Dec. 2022, doi: 10.32664/smatika.v12i02.698.
[17] Y. Liu, H. Tan, G. Cao, and Y. Xu, “Enhancing User Engagement through Adaptive UI/UX Design: A Study on Personalized Mobile App Interfaces,” World Journal of Innovation and Modern Technology, vol. 7, no. 5, pp. 1–21, 2024.
[18] H. R. Prasetyo and F. Eka Purwiantono, “Penerapan Metode Single Exponential Smoothing Pada Peramalan Penjualan Di UD. Kaya Rasa Berbasis Web,” J-INTECH, vol. 11, no. 1, pp. 40–49, Jul. 2023, doi: 10.32664/j-intech.v11i1.832.
[19] S. Najihi, S. Elhadi, R. A. Abdelouahid, and A. Marzak, “Software Testing from an Agile and Traditional view,” Procedia Comput Sci, vol. 203, pp. 775–782, 2022.
[20] V. Sharma and A. K. Tiwari, “A Study on User Interface and User Experience Designs and its Tools,” World J Res Rev, vol. 12, no. 6, pp. 41–44, 2021.
[21] M. Maguire, “A Review of Usability Guidelines for E-Commerce Website Design,” in Design, User Experience, and Usability. HCII, in Lecture Notes in Computer Science, vol. 14032. 2023.
[22] N. Golіan, V. Golіan, and I. Afanasieva, “Black and White-Box Unit Testing for Web Applications,” Bulletin of National Technical University “KhPI”. Series: System Analysis, Control and Information Technologies, vol. 1, no. 7, pp. 79–83, 2022.