UI/UX Design For Student Learning With a Mobile-Based Higher Order Thinking Skills (HOTS) Concept
Keywords:
UI/UX design, mobile learning, Higher Order Thinking Skills (HOTS), Student Engagement, Digital Education.Abstract
The integration of Higher Order Thinking Skills (HOTS) in mobile-based learning has become increasingly important to support students ’ critical, analytical, and creative capabilities in the digital era. This study aims to design a User Interface (UI) and User Experience (UX) model that effectively facilitates student learning activities by embedding HOTS-oriented features. The research employs a design-based research approach, combining literature review, user needs analysis, prototyping, and usability testing with students as end-users. The UI/UX design emphasizes intuitive navigation, interactive assessment modules, and multimedia-based problem-solving scenarios that challenge students to apply analysis, evaluation, and creation skills. Usability evaluation shows that the proposed design enhances learner engagement, supports deeper cognitive processing, and provides a flexible environment for independent as well as collaborative learning. This study contributes to the development of mobile learning platforms by offering a design framework that integrates UI/UX principles with pedagogical strategies focused on HOTS development, thereby supporting the transformation of education toward digital and skill-oriented learning ecosystems.
References
Alhammad, R., & Moreno, A. (2020). The effect of UI design on students’ learning performance in mobile learning applications. Education and Information Technologies,25(5), 4197–4215. https://doi.org/10.1007/s10639-020-10170-3
Anderson, L. W., & Krathwohl, D. R. (Eds.). (2019). Ataxonomyforlearning,teaching, and assessing: A revision of Bloom's taxonomy of educational objectives. New York: Longman.
Hussain, A., Mkpojiogu, E. O. C., & Yusof, M. M. (2018). The influence of usability on the user experience of mobile learning applications. International Journal of Advanced Computer Science and Applications, 9(1), 72–80. https://doi.org/10.14569/IJACSA.2018.090110
Subramaniam, T. (2021). Enhancing students’ higher-order thinking skills through mobile-based learning design. JournalofEducationalTechnologySystems,50(2), 213–230. https://doi.org/10.1177/00472395211013244
Zhang, J., Wang, Q., & Huang, R. (2022). The impact of mobile learning on students’ higher-order thinking skills: A meta-analysis. Computers & Education, 183, 104495. https://doi.org/10.1016/j.compedu.2022.104495
Sarrab, M., Al-Shihi, H., & Al-Manthari, B. (2019). Designing a mobile learning framework for higher education: A usability perspective. International Journal of Interactive Mobile Technologies, 13(9), 112–128. https://doi.org/10.3991/ijim.v13i09.11088
Zydney, J. M., & Warner, Z. (2016). Mobile apps for science learning: Review of research. Computers & Education, 94, 1–17. https://doi.org/10.1016/j.compedu.2015.11.001
Pratama, A. R., & Setyaningsih, E. (2020). Developing mobile learning application based on HOTS to improve students’ critical thinking ability. Journal of Physics: Conference Series, 1469(1), 012129. https://doi.org/10.1088/1742- 6596/1469/1/012129.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Rian Farta Wijaya, Randi Rian Putra; Adinda Silvana Dewi, Prianti Maratul Luthfi, Maulana Abdul Fathah, Salwa Salsabilla
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
International Conference On Islamic Community Studies, Education and Science, its website, and the articles published therein are licensed under a 
