EMOVLE: An Interface Design Guide

Through the Design of Emotive Virtual Learning Environments
  • Angela Villareal-FreireEmail author
  • Andrés F. Aguirre
  • César A. Collazos
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 10289)


There are numerous studies that discuss the importance of developing a good interface design including elements that evoke positive emotions in the user; however little has been said about how to link these elements within the field of Virtual Learning Environments. In this article the development of a guide is proposed, which condenses a set of good practices of interface design coupled with the theories of design for emotions so that not only the developer is facilitated the task of designing for these specific environments, but also will take into account the emotions of learners while designing. This article describes the creation process of the EMOVLE Guide, its application and how it was evaluated from different approaches. In addition it describes one of the guidelines that conforms it.


Virtual Learning Environment Interface design Emotion Human-computer interaction Guidelines 


  1. 1.
    Laurier, C., Sordo, M., Serra, J., Herrera, P.: Music mood representations from social tags. In: ISMIR, pp. 381–386 (2014)Google Scholar
  2. 2.
    Kumar, R.L., Smith, M.A., Bannerjee, S.: User interface features influencing overall ease of use and personalization. Inf. Manage. 41, 289–302 (2004)CrossRefGoogle Scholar
  3. 3.
    Nielsen, J.: Designing Web Usability (2001)Google Scholar
  4. 4.
    Palmer, J.: Designing for web site usability. Computer 35, 102–103 (2002)CrossRefGoogle Scholar
  5. 5.
    Wang, Y., Emurian, H.: Trust in e-commerce: consideration of interface design factors. J. Electron. Commer. Organ. 3, 42 (2005)CrossRefGoogle Scholar
  6. 6.
    Zhang, P., Von Dran, G.M.: Satisfiers and dissatisfiers: a two-factor model for website design and evaluation. J. Am. Soc. Inf. Sci. 51, 1253–1268 (2000)CrossRefGoogle Scholar
  7. 7.
    Éthier, J., Hadaya, P., Talbot, J., Cadieux, J.: Interface design and emotions experienced on B2C web sites: empirical testing of a research model. Comput. Hum. Behav. 24, 2771–2791 (2008)CrossRefGoogle Scholar
  8. 8.
    Buschke, L.: The basics of building a great web site. Training Dev. 51, 46–49 (1997)Google Scholar
  9. 9.
    Liu, S., Tucker, D., Koh, C., Kappelman, L.: Standard user interface in e-commerce sites. Ind. Manage. Data Syst. 103, 600–610 (2003)CrossRefGoogle Scholar
  10. 10.
    Rayport, J.: Best face forward. Harvard Bus. Rev. 82, 47–59 (2004)Google Scholar
  11. 11.
    Shneiderman, B., Plaisant, C.: Designing The User Interface: Strategies for Effective Human-Computer Interaction. Addison Wesley, Boston (2005)Google Scholar
  12. 12.
    Norman, D.: The Design of Everyday Things. Basic Books, New York (2002)Google Scholar
  13. 13.
    Bastien, J.M. Christian Scapin, D.L.: Ergonomic criteria for the evaluation of human-computer interfaces, p. 79 (1993)Google Scholar
  14. 14.
    Witt, H., Nicola, T., Kenn, H.: Designing a wearable user interface for hands-free interaction in maintenance applications. In: Pervasive Computing and Communications Workshops, pp. 652–655 (2006)Google Scholar
  15. 15.
    Mignonneau, L., Sommerer, C.: Designing emotional, metaphoric, natural and intuitive interfaces for interactive art, edutainment and mobile communications. Comput. Graph. 29, 837–851 (2005)CrossRefGoogle Scholar
  16. 16.
    Chen, Y., Pu, P.: Designing emotion awareness interface for group recommender systems. In: Proceedings of the 2014 International Working Conference on Advanced Visual Interfaces, pp. 347–348. ACM, New York (2014)Google Scholar
  17. 17.
    Laurier, C., Sordo, M., Serra, J., Herrera, P.: Music mood representations from social tags. In: ISMIR, pp. 381–386 (2009)Google Scholar
  18. 18.
    Mayer, R., Estrella, G.: Benefits of emotional design in multimedia instruction. Learn. Instruction 33, 12–18 (2014)CrossRefGoogle Scholar
  19. 19.
    Plass, J., Heidig, S., Hayward, E., Homer, B., Um, E.: Emotional design in multimedia learning: effects of shape and color on affect and learning. Learn. Instruction 29, 128–140 (2014)CrossRefGoogle Scholar
  20. 20.
    Villareal, A.P., Aguirre, A.F., Collazos, C.A.: Propuesta metodológica para la inclusión del aspecto emocional dentro del diseño de interfaces de un entorno virtual de aprendizaje. Revista Colombiana de Computación. pp. 89–99 (2014)Google Scholar
  21. 21.
    Clarke, A.: The Principles of Screen Design for Computer-Based Learning Materials (1994)Google Scholar
  22. 22.
    Um, E., Plass, J.L., Hayward, E.O., Homer, B.D.: Emotional design in multimedia learning. J. Educ. Psychol. 104, 485 (2012)CrossRefGoogle Scholar
  23. 23.
    Peters, D.: Interface Design for Learning: Design Strategies for the Learning Experience. New Riders (Voices that Matter), San Francisco (2014)Google Scholar
  24. 24.
    Weinschenk, S.: The Grid: 100 Things Every Designer Needs to Know About People. Pearson Education, Upper Saddle River (2011)Google Scholar
  25. 25.
    Lidwell, W., Holden, K., ButleR, J.: Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design. Rockport Pub, Beverly (2010)Google Scholar
  26. 26.
    Skaalid, B.: A compilation of guidelines for the design of web pages and sites. Web Design Guidelines. University of Saskatchewan (1998)Google Scholar
  27. 27.
    Levie, W., Lentz, R.: Effects of text illustrations: a review of research. ECTJ 30, 195–232 (1982)Google Scholar
  28. 28.
    Houseman, J.: If You build it will They come: or, do You have to give a mark for it. In: Association for Media and Technology in Education (1997)Google Scholar
  29. 29.
    Misanchuk, E., Schwier, R., Boling, E.: Visual design for instructional multimedia. In: 1999 Proceedings of World Conference on Educational Media and Technology, p. 1621 (1999)Google Scholar
  30. 30.
    Reeves, B., Nass, C.: The Media Equation: How People Treat Computers, Television, and New Media Like Real People and Places. Computers & Mathematics with Applications (1997)Google Scholar
  31. 31.
    Horton, W.: The Icon Book: Visual Symbols for Computer Systems and Documentation (1994)Google Scholar
  32. 32.
    Nielsen, J.: Guidelines for multimedia on the web. World Wide Web J. 2, 157–162 (1997)Google Scholar
  33. 33.
    The Interaction Design Foundation.

Copyright information

© Springer International Publishing AG 2017

Authors and Affiliations

  • Angela Villareal-Freire
    • 1
    Email author
  • Andrés F. Aguirre
    • 1
  • César A. Collazos
    • 1
  1. 1.Grupo de Investigación y Desarrollo en Ingeniería de Software IDISUniversidad del CaucaPopayánColombia

Personalised recommendations