From student feedback to design: Revisiting mobile courseware interfaces
Main Article Content
Abstract
This exploratory case study investigated students' preferences for mobile courseware tailored to student tasks, presenting a new classification for the app elements utilized in education. Preferences for mobile app interface elements were assessed through an action tracking system, while an embedded evaluation form highlighted reasons behind the preferences. The results showed that students predominantly preferred the apps due to their ease of use and attractive designs, though some criticized the form elements for being difficult and time-consuming. Evaluations of the interface elements differed based on their features and the content of the activities.
Article Details
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
References
- Adnan, A. S., Ali, M., & Ahmad, R. (2015). The utilisation of visual elements on interface design of e-learning. In A. Zaidi, K. A. Rahman, N. Z. Abidin, S. Z. Mohid & S. M. Sofi (Eds.), International Conference on Information Technology & Society (pp. 273-279). Malaysia: Malaysian Journal of Information Communication Technology.
- Al-Hufah Al-Otaibi, A., & Kiaee, K. (2024). Exploring the Impact of Dynamic Design Elements on User Experience in Digital Interfaces: Understanding the Role of Dynamic Elements.
- Almaiah, M., Hajjej, F., Lutfi, A., Al-Khasawneh, A., Alkhdour, T., Almomani, O., & Shehab, R. (2022). A Conceptual Framework for Determining Quality Requirements for Mobile Learning Applications Using Delphi Method. Electronics, 11(5), 788. https://doi.org/10.3390/electronics11050788
- Azenkot, S., & Lee, N. B. (2013). Exploring the use of speech input by blind people on mobile devices. Proceedings of the 15th International ACM SIGACCESS Conference on Computers and Accessibility. https://doi.org/10.1145/2513383.2513440
- Jahnke, I., & Liebscher, J. (2020). Three types of integrated course designs for using mobile technologies to support creativity in higher education. Computers & Education, 146, 103782. https://doi.org/10.1016/j.compedu.2019.103782
- Fessakis, G., Gouli, E., & Mavroudi, E. (2013). Problem solving by 5–6 years old kindergarten children in a computer programming environment: A case study. Computers & Education, 63, 87–97. https://doi.org/10.1016/j.compedu.2012.11.016
- Gao, J., Bai, X., Tsai, W.-T., & Uehara, T. (2014). Mobile Application Testing: A Tutorial. Computer, 47(2), 46–55. https://doi.org/10.1109/mc.2013.445
- Healey, B. (2007). Drop Downs and Scroll Mice: The Effect of Response Option Format and Input Mechanism Employed on Data Quality in Web Surveys. Social Science Computer Review, 25(1), 111–128. https://doi.org/10.1177/0894439306293888
- Ketipov, R., Doukovska, L., Kotsarova, E., & Dukovski, A. (2024). Enhancing User Experience in E-Learning through Incorporation of Personality Traits. 2024 IEEE 12th International Conference on Intelligent Systems (IS), 1–8. https://doi.org/10.1109/is61756.2024.10705277
- Lauc, T., Jagodić, G. K., & Bistrović, J. (2020). Effects of Multimedia Instructional Message on Motivation and Academic Performance of Elementary School Students in Croatia. International Journal of Instruction, 13(4), 491–508. https://doi.org/10.29333/iji.2020.13431a
- Neil, T. (2014). Mobile design pattern gallery: UI patterns for smartphone apps. Sebastopol: O’Reilly Media, Inc.
- Nielsen, J. (1995). 10 usability heuristics for user interface design. https://www.nngroup.com/articles/ten-usability-heuristics
- Nilsson, E. G. (2009). Design patterns for user interface for mobile applications. Advances in Engineering Software, 40(12), 1318–1328. https://doi.org/10.1016/j.advengsoft.2009.01.017
- Page, T. (2013). Usability of text input interfaces in smartphones. J. of Design Research, 11(1), 39. https://doi.org/10.1504/jdr.2013.054065
- Papadakis, S. (2023). Choosing the best educational apps for young children: What parents and educators need to know. In Desafíos de la inclusión digital: la brecha digital de género y las competencias digitales docentes en el contexto educativo (pp. 77-94). Octaedro.
- Papadakis, S., Kiv, A. E., Kravtsov, H., Osadchyi, V. V., Marienko, M. V., Pinchuk, O. P., ... & Semerikov, S. O. (2023). Revolutionizing education: using computer simulation and cloud-based smart technology to facilitate successful open learning. In Joint Proceedings of the 10th Illia O. Teplytskyi Workshop on Computer Simulation in Education, and Workshop on Cloud-based Smart Technologies for Open Education (CoSinEi and CSTOE 2022) co-located with ACNS Conference on Cloud and Immersive Technologies (No. 3358, pp. 1-18). CEUR Workshop Proceedings. https://doi.org/10.31812/123456789/7375
- Park, D., Lee, J.-H., & Kim, S. (2011). Investigating the affective quality of interactivity by motion feedback in mobile touchscreen user interfaces. International Journal of Human-Computer Studies, 69(12), 839–853. https://doi.org/10.1016/j.ijhcs.2011.06.006
- Park, J., Han, S. H., Kim, H. K., Cho, Y., & Park, W. (2011). Developing Elements of User Experience for Mobile Phones and Services: Survey, Interview, and Observation Approaches. Human Factors and Ergonomics in Manufacturing & Service Industries, 23(4), 279–293. Portico. https://doi.org/10.1002/hfm.20316
- Rautaray, S. S., & Agrawal, A. (2012). Vision based hand gesture recognition for human computer interaction: a survey. Artificial Intelligence Review, 43(1), 1–54. https://doi.org/10.1007/s10462-012-9356-9
- Giraldo Retuerto, M., & Andrade Arenas, L. (2023). Prototype of a mobile application for teaching the first grade letter course. Advances in Mobile Learning Educational Research, 3(2), 763–769. https://doi.org/10.25082/amler.2023.02.003
- Santoianni, F. (2021). Educational Design of Mobile Learning Environments. Teaching and Mobile Learning Interactive Educational Design, 50–72. https://doi.org/10.1201/9781003052869-4
- Saputra, D., & Kania, R. (2022). Designing User Interface of a Mobile Learning Application by Using a Design Thinking Approach: A Case Study on UNI Course. Journal of Marketing Innovation (JMI), 2(2). https://doi.org/10.35313/jmi.v2i2.36
- Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: strategies for effective human-computer interaction (5th ed.). USA: Pearson Addison Wesley.
- Stephens, J., James, J., Beaumont, A., & Ullman, C. (2002). Usable forms for the web. New York: Apress.
- Sun, J., & Hsu, Y. (2012). An experimental study of learner perceptions of the interactivity of web-based instruction. Interacting with Computers, 24(1), 35–48. https://doi.org/10.1016/j.intcom.2011.11.001
- Taba, S. E. S., Keivanloo, I., Zou, Y., & Wang, S. (2017). An exploratory study on the usage of common interface elements in android applications. Journal of Systems and Software, 131, 491–504. https://doi.org/10.1016/j.jss.2016.07.010
- Tang, T. Y., He, M. Y., & Cao, V. L. (2016). “One Doesn’t Fit All”: A Comparative Study of Various Finger Gesture Interaction Methods. Design, User Experience, and Usability: Technological Contexts, 88–97. https://doi.org/10.1007/978-3-319-40406-6_9
- Tsai, T.-H., Tseng, K. C., & Chang, Y.-S. (2017). Testing the usability of smartphone surface gestures on different sizes of smartphones by different age groups of users. Computers in Human Behavior, 75, 103–116. https://doi.org/10.1016/j.chb.2017.05.013
- Verawati, A., Agustito, D., Pusporini, W., Utami, W. B., & Widodo, S. A. (2022). Designing Android learning media to improve problem-solving skills of ratio. Advances in Mobile Learning Educational Research, 2(1), 216–224. https://doi.org/10.25082/amler.2022.01.005
- Warsi, A. (2011). Usability guidelines for websites on mobile devices. https://www.webcredible.com
- Yung, H. I., & Paas, F. (2015). Effects of computer-based visual representation on mathematics learning and cognitive load. Journal of Educational Technology & Society, 18(4), 70.
- Mat Zaini, N. S. S., Syed Zakaria, S. N. A., & Wahab, N. (2017). Methods of Evaluating the Usability of Human- Computer Interaction (HCI) Design in Mobile Devices for SAR Operation. Advances in Visual Informatics, 714–726. https://doi.org/10.1007/978-3-319-70010-6_66
- Zamri, K. Y., & Al Subhi, N. N. (2015). 10 user interface elements for mobile learning application development. 2015 International Conference on Interactive Mobile Communication Technologies and Learning (IMCL), 44–50. https://doi.org/10.1109/imctl.2015.7359551
- Zuckerman, O., & Gal-Oz, A. (2013). To TUI or not to TUI: Evaluating performance and preference in tangible vs. graphical user interfaces. International Journal of Human-Computer Studies, 71(7–8), 803–820. https://doi.org/10.1016/j.ijhcs.2013.04.003