UI/UX design of educational on-line courses





educational platform interface, user interface components, UI/UX design, principles of usability, achieving educational activity outcomes, designing on-line platforms, educational on-line course model


This paper considers the problem of an interface for educational platform, which is fully effective for achieving the outcomes of educational activity. The current research is a theoretical analysis of existing recommendations on UI/UX design, applied when creating educational systems, as well as of research papers that study user interface (UI) usability and evaluate user experience (UX) in designing on-line platforms. This article describes a mechanism for evaluating usability with the help of baseline and final evaluation tool. It also studies UX components, that ensure its high quality. A list of standard components of web-design is being discussed in the present paper; modern trends in web-design of educational platforms are identified. The paper provides the description of an on-line course model, which is built on the basis of analysis of the prerequisites for existing and functioning of educational on-line systems and which is aimed at achieving outcomes of educational activity. There is ground to believe that the design of educational on-line courses will contribute to achieving the outcomes of educational activity, if user interface components comply with a list of criteria, such as easy-to-perceive content, no extra information, easy and simple navigation on the pages of the course, following the principles of usability.


Download data is not yet available.
Abstract views: 5223 / PDF views: 3369


Achkan, V.V., Vlasenko, K.V., Lovianova, I.V., Rovenska, O.H., Sitak, I.V., Chumak, O.O. and Semerikov, S.O., 2022. Web-based support of a higher school teacher. In: S. Semerikov, V. Osadchyi and O. Kuzminska, eds. Proceedings of the symposium on advances in educational technology, aet 2020. University of Educational Management, Kyiv: SciTePress. DOI: https://doi.org/10.5220/0010930500003364

Alharbi, M.S., 2016. User experience dimensions, aspects and measures: systematic literature review. Master thesis. Prince Sultan University.

Alomari, H.W., Ramasamy, V., Kiper, J.D. and Potvin, G., 2020. A User Interface (UI) and User eXperience (UX) evaluation framework for cyberlearning environments in computer science and software engineering education. Heliyon, 6(5), p.e03917. Available from: https://doi.org/10.1016/j.heliyon.2020.e03917. DOI: https://doi.org/10.1016/j.heliyon.2020.e03917

Ardito, C., Costabile, M.F., De Marsico, M., Lanzilotti, R., Levialdi, S., Roselli, T. and Rossano, V., 2006. An approach to usability evaluation of e-learning applications. Universal access in the information society, 4(3), pp.270–283. Available from: http://www.di.uniba.it/~ivu/papers/2006/UAIS2006_Arditoetal.pdf. DOI: https://doi.org/10.1007/s10209-005-0008-6

Baharin, A.T., Lateh, H., Nawawi, H. mohd and Nathan, S.S., 2015. Evaluation of satisfaction using online learning with interactivity. Procedia - social and behavioral sciences, 171, pp.905–911. Available from: https://doi.org/https://doi.org/10.1016/j.sbspro.2015.01.208. DOI: https://doi.org/10.1016/j.sbspro.2015.01.208

Bender, D.M., Wood, B.J. and Vredevoogd, J.D., 2004. Teaching time: Distance education versus classroom instruction. American journal of distance education, 18(2), pp.103–114. Available from: https://doi.org/10.1207/s15389286ajde1802_4. DOI: https://doi.org/10.1207/s15389286ajde1802_4

Betts, K.S., 1998. Factors influencing faculty participation in distance education in postsecondary education in the united states: An institutional study. Ph.D. thesis. The George Washington University. Available from: https://www.learntechlib.org/p/129168.

Boettcher, J.V., 2004. Online course development: What does it cost? Available from: https://campustechnology.com/Articles/2004/06/Online-Course-Development-What-Does-It-Cost.aspx.

Bolliger, D.U., 2004. Key factors for determining student satisfaction in online courses. International journal on e-learning, 3(1), pp.61–67. Available from: https://www.learntechlib.org/p/2226.

Bolliger, D.U. and Wasilik, O., 2009. Factors influencing faculty satisfaction with online teaching and learning in higher education. Distance education, 30(1), pp.103–116. Available from: https://doi.org/10.1080/01587910902845949. DOI: https://doi.org/10.1080/01587910902845949

Borodayev, D.V., 2006. Web-site as an object of graphic design. Kharkiv: Septima.

Campo, J.M. del, Negro, V. and Núñez, M., 2013. Use and abuse of audiovisual media in the college classroom. Slides show and web pages. Procedia - social and behavioral sciences, 93, pp.190–194. Available from: https://doi.org/10.1016/j.sbspro.2013.09.176. DOI: https://doi.org/10.1016/j.sbspro.2013.09.176

Cao, J., 2015. 7 pillars of minimalist web design. Available from: https://thenextweb.com/dd/2015/06/09/7-pillars-of-minimalist-web-design/.

Carney, L., 2022. Web design trends and statistics 2022 – putting users first. Available from: https://www.websitebuilderexpert.com/designing-websites/web-design-trends-2020/.

Castillo-Vergara, M., Alvarez-Marin, A. and Placencio-Hidalgo, D., 2018. A bibliometric analysis of creativity in the field of business economics. Journal of business research, 85, pp.1–9. Available from: https://doi.org/10.1016/j.jbusres.2017.12.011. DOI: https://doi.org/10.1016/j.jbusres.2017.12.011

Dervojeda, K., Verzijl, D., Nagtegaal, F., Lengton, M. and Rouwmaat, E., 2014. Design for innovation: Service design as a means to advance business models. Available from: https://ec.europa.eu/docsroom/documents/13406/attachments/2/translations/en/renditions/native.

Dix, A., Finlay, J., Abowd, G.B. and Beale, R., 2004. Human-computer interaction. 3rd ed. Pearson. Available from: https://hcibook.com/e3/.

Dixon, M., Freeman, K. and Toman, N., 2010. Stop trying to delight your customers. Harvard business review, 88(7(8)), pp.116–122. Available from: https://hbr.org/2010/07/stop-trying-to-delight-your-customers.

Faulkner, X., 2000. Usability engineering. Basingstoke, Hants: Macmillan Press Ltd.

Giannakos, M.N., 2010. The evaluation of an e-learning web-based platform. Proceedings of the 2nd international conference on computer supported education - volume 1: Csedu. INSTICC, SciTePress, pp.433–438. Available from: https://doi.org/10.5220/0002799504330438. DOI: https://doi.org/10.5220/0002799504330438

Hasan, L., 2014. Evaluating the usability of educational websites based on students’ preferences of design characteristics. International arab journal of e-technology, 3(3), pp.179–193. Available from: https://www.researchgate.net/publication/281904323_Evaluating_the_Usability_of_Educational_Websites_Based_on_Students%27_Preferences_of_Design_Characteristics.

Indeed Editorial Team, 2021. What is web designing? definition, elements and uses. Available from: https://www.indeed.com/career-advice/finding-a-job/what-is-web-designing/.

International Organization for Standardization, 2019. ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems. Available from: https://www.iso.org/standard/77520.html.

Jordan, P.W., 2000. Designing pleasurable products: An introduction to the new human factors. London: CRC Press. Available from: https://doi.org/10.1201/9780203305683. DOI: https://doi.org/10.1201/9780203305683

Law, E.L.C., Roto, V., Hassenzahl, M., Vermeeren, A.P. and Kort, J., 2009. Understanding, scoping and defining user experience: A survey approach. Proceedings of the sigchi conference on human factors in computing systems. New York, NY, USA: Association for Computing Machinery, CHI ’09, p.719–728. Available from: https://doi.org/10.1145/1518701.1518813. DOI: https://doi.org/10.1145/1518701.1518813

Lazonder, A.W., 2001. Minimalist instruction for learning to search the World Wide Web. Education and information technologies, 6(3), pp.161–176. Available from: https://doi.org/10.1023/A:1012756223618. DOI: https://doi.org/10.1023/A:1012756223618

Luther, L., Tiberius, V. and Brem, A., 2020. User experience (ux) in business, management, and psychology: A bibliometric mapping of the current state of research. Multimodal technologies and interaction, 4(2), p.18. Available from: https://doi.org/10.3390/mti4020018. DOI: https://doi.org/10.3390/mti4020018

Mayhew, D., 1999. The usability engineering lifecycle: A practitioner’s handbook for user interface design. San Francisco, CA: Morgan Kaufmann Publishers Inc.

Moore, M., Sheffield, A., Robinson, H. and Phillips, A., 2014. Designing a course for teachers: Introduction to teaching online. In: M. Searson and M.N. Ochoa, eds. Proceedings of society for information technology & teacher education international conference 2014. Jacksonville, Florida, United States: Association for the Advancement of Computing in Education (AACE), pp.583–588. Available from: https://www.learntechlib.org/p/130815.

Moran, K., 2015. The characteristics of minimalism in web design. Available from: https://www.nngroup.com/articles/characteristics-minimalism/.

Nielsen, J., 2012. Usability 101: Introduction to Usability. Available from: https://www.nngroup.com/articles/usability-101-introduction-to-usability/.

Nielsen, J., 2020. Ten usability heuristics for user interface design. Available from: https://www.nngroup.com/articles/ten-usability-heuristics/.

Nielsen, J. and Molich, R., 1990. Heuristic evaluation of user interfaces. Proceedings of the sigchi conference on human factors in computing systems. New York, NY, USA: Association for Computing Machinery, CHI ’90, p.249–256. Available from: https://doi.org/10.1145/97243.97281. DOI: https://doi.org/10.1145/97243.97281

Norman, D. and Nielsen, J., 2018. The Definition of User Experience (UX). Available from: https://www.nngroup.com/articles/definition-user-experience/.

Notess, M., 2001. Usability, user experience, and learner experience. Available from: https://elearnmag.acm.org/archive.cfm?aid=566938. DOI: https://doi.org/10.1145/566933.566938

Pflugfelder, E.H., 2013. The minimalist approach to online instructional videos. Technical communication, 60(2), pp.131–146. Available from: https://www.ingentaconnect.com/contentone/stc/tc/2013/00000060/00000002/art00004.

PK, R., 2016. 10 top tips to achieve minimalism in your web design. Available from: https://acodez.in/minimalism-in-web-design/.

Prometheus, 2022. Available from: https://prometheus.org.ua.

Rubin, J. and Chisnell, D., 2008. Handbook of usability testing: how to plan, design, and conduct effective tests. 2nd ed. Indianapolis, IN: Wiley Publishing Inc.

Sani, S.M. and Shokooh, Y.K., 2016. Minimalism in designing user interface of commercial websites based on gestalt visual perception laws (case study of three top brands in technology scope). 2016 second international conference on web research (icwr). pp.115–124. Available from: https://doi.org/10.1109/ICWR.2016.7498455. DOI: https://doi.org/10.1109/ICWR.2016.7498455

Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N. and Diakopoulos, N., 2016. Designing the user interface: Strategies for effective human-computer interaction. 6th ed. New York: Pearson.

Squires, D., 1999. Usability and educational software design: Special issue of interacting with computers. Interacting with computers, 11(5), pp.463–466. Available from: https://doi.org/10.1016/S0953-5438(98)00062-9. DOI: https://doi.org/10.1016/S0953-5438(98)00062-9

Squires, D. and Preece, J., 1996. Usability and learning: Evaluating the potential of educational software. Computers & education, 27(1), pp.15–22. Available from: https://doi.org/10.1016/0360-1315(96)00010-3. DOI: https://doi.org/10.1016/0360-1315(96)00010-3

Ssemugabi, S. and Villiers, R. de, 2007. A comparative study of two usability evaluation methods using a web-based e-learning application. Proceedings of the 2007 annual research conference of the south african institute of computer scientists and information technologists on it research in developing countries. New York, NY, USA: Association for Computing Machinery, SAICSIT ’07, p.132–142. Available from: https://doi.org/10.1145/1292491.1292507. DOI: https://doi.org/10.1145/1292491.1292507

Van Greunen, D. and Wesson, J., 2002. Formal usability testing of interactive educational software: A case study. In: J. Hammond, T. Gross and J. Wesson, eds. Usability: Gaining a competitive edge. Boston, MA: Springer US, pp.161–176. Available from: https://doi.org/10.1007/978-0-387-35610-5_11. DOI: https://doi.org/10.1007/978-0-387-35610-5_11

Vlasenko, K., Kovalenko, D., Chumak, O., Lovianova, I. and Volkov, S., 2020. Minimalism in designing user interface of the online platform “Higher school mathematics teacher”. Ceur workshop proceedings, 2732, pp.1028–1043. Available from: http://ceur-ws.org/Vol-2732/20201044.pdf.

Vlasenko, K., Volkov, S., Sitak, I., Lovianova, I. and Bobyliev, D., 2020. Usability analysis of on-line educational courses on the platform “Higher school mathematics teacher”. E3s web of conferences, 166, p.10012. Available from: https://doi.org/10.1051/e3sconf/202016610012. DOI: https://doi.org/10.1051/e3sconf/202016610012

Vlasenko, K.V., Sitak, I.V., Kovalenko, D.A., Volkov, S.V., Lovianova, I.V., Semerikov, S.O. and Zahrebelnyi, S.L., 2022. Methodical recommendations for the development of online course structure and content. In: S. Semerikov, V. Osadchyi and O. Kuzminska, eds. Proceedings of the symposium on advances in educational technology, aet 2020. University of Educational Management, Kyiv: SciTePress. DOI: https://doi.org/10.5220/0010925300003364

Vlasenko, K.V., Volkov, S.V., Lovianova, I.V., Chumak, O.O., Sitak, I.V. and Bobyliev, D.Y., 2020. Management of online platform development and support process. Ceur workshop proceedings, 2879, pp.333–345. DOI: https://doi.org/10.55056/cte.274

Vlasenko, K.V., Volkov, S.V., Lovianova, I.V., Sitak, I.V., Chumak, O.O., Semerikov, S.O. and Bohdanova, N.H., 2022. The criteria of usability design for educational online courses. In: S. Semerikov, V. Osadchyi and O. Kuzminska, eds. Proceedings of the symposium on advances in educational technology, aet 2020. University of Educational Management, Kyiv: SciTePress. DOI: https://doi.org/10.5220/0010925200003364

Wesson, J., 2002. Usability evaluation of web-based learning. In: D. Passey and M. Kendall, eds. Tele-learning: The challenge for the third millennium. Boston, MA: Springer US, pp.357–363. Available from: https://doi.org/10.1007/978-0-387-35615-0_50. DOI: https://doi.org/10.1007/978-0-387-35615-0_50

Wolverton, C.C. and Guidry Hollier, B.N., 2019. A minimalist design for distance learning. International journal of educational management, 33(7), pp.1457–1465. Available from: https://doi.org/10.1108/IJEM-09-2017-0237. DOI: https://doi.org/10.1108/IJEM-09-2017-0237

Zaharias, P., 2006. A usability evaluation method for e-learning: Focus on motivation to learn. Chi ’06 extended abstracts on human factors in computing systems. New York, NY, USA: Association for Computing Machinery, CHI EA ’06, p.1571–1576. Available from: https://doi.org/10.1145/1125451.1125738. DOI: https://doi.org/10.1145/1125451.1125738






Cloud-based Learning Environments

How to Cite

Vlasenko, K.V., Lovianova, I.V., Volkov, S.V., Sitak, I.V., Chumak, O.O., Krasnoshchok, A.V., Bohdanova, N.G. and Semerikov, S.O., 2022. UI/UX design of educational on-line courses. CTE Workshop Proceedings [Online], 9, pp.184–199. Available from: https://doi.org/10.55056/cte.114 [Accessed 14 April 2024].
Received 2021-10-17
Accepted 2021-12-17
Published 2022-03-21

Similar Articles

1-10 of 361

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

Most read articles by the same author(s)

1 2 3 > >>