Skip to main content

Optimizing Visual Cues in Educational Software

  • Conference paper
  • First Online:
Augmented Cognition (HCII 2022)

Part of the book series: Lecture Notes in Computer Science ((LNAI,volume 13310))

Included in the following conference series:

  • 1369 Accesses

Abstract

This study examined the effects of software graphical user interface (GUI) visual cues in educational software on user performance. It specifically studied the effectiveness of three distinct and commonly used visual cues -- bolded text, buttons, and arrows to guide a software application user through a series of tasks. The study attempted to prove the hypothesis that specific visual cues in educational software applications could decrease task time.

The study population consisted of a group of 134 post-secondary undergraduate students in Honolulu, Hawaiʻi, that engaged in a web-based educational software simulation which recorded response times when prompted by each of the three distinct visual cues.

The web-based simulation consisted of six steps. Each step consisted of a simple question and the appearance of a new visual cue to lead the participant to the next step only after selecting the correct answer. Each step of the experiment was automatically timed and recorded in milliseconds from the moment the participant selected the correct answer until the moment they clicked on the visual cue to proceed to the next step.

Slower response times indicated that during the first two steps, participants were still scanning the screen for the visual cue after they selected the correct answer. Of the three cues studied on the first two steps of the simulation, the Arrows and Bolded text were clearly the most quickly recognized cues among participants, while the response times for the Button cue were significantly slower.

However, in the last four steps of the simulation, no visual cue could be identified as the leader in participant response times. This would indicate that, since the visual cues were consistently in the same position, the participants acclimated to the position of the cue. At this point, there was no notable differences in response times among the different cues.

This study suggests that using arrows and/or bolded text in educational software are better choices for visual cues than buttons. It also suggests that keeping visual cues for common functions in a consistent location is optimal.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Subscribe and save

Springer+ Basic
$34.99 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

References

  1. Agee, R.: Are we really training computer teachers? Technol. Horizans Educ. J. 12, 96–99 (1985)

    Google Scholar 

  2. Awidi, I.T.: Critical factors in selecting a course management system for higher education in Ghana. Educase Q. 31(1), 24–32 (2008)

    Google Scholar 

  3. Beale, R., Sharples, M.: Proceedings of the 8th European Conference on Information Technology Evaluation, pp. 2–29. Vienna: ECIS (2001)

    Google Scholar 

  4. Bell, R.L., Trundle, K.C.: The use of a computer simulation to promote scientific conceptions of moon phases. J. Res. Sci. Teach. 45(3), 346–372 (2008)

    Article  Google Scholar 

  5. Boldyreff, C.: UNIX on a micro. ACM SIGSMALL Newsl. 7(1), 7–8 (1981)

    Article  Google Scholar 

  6. Brant, G., Hooper, E., Sugrue, B.: Which comes first the simulation or the lecture? J. Educ. Comput. Res. 7(4), 469–481 (1991)

    Article  Google Scholar 

  7. Brickell, G.: Navigation and learning style. Aust. J. Educ. Technol. 9(2), 103–114 (1993)

    Google Scholar 

  8. Bullynck, M., De Mol, L.: Setting-up early computer programs: D. H. Lehmer’s ENIAC computation. Arch. Math. Logic 42(2), 123–146 (2010)

    Article  MathSciNet  Google Scholar 

  9. Chung, P.H.: Visual Cues to Reduce Error in Computer-based Routine Procedural Tasks. Rice University, Houston (2004)

    Google Scholar 

  10. Fishkin, K.P.: Embodied user interfaces for really direct manipulation. Commun. ACM 43(9), 74–80 (2000)

    Article  Google Scholar 

  11. Flemming, J.: Web Navigation: Designing the User Experience. O’Reilly and Associates, Sebastapol (1998)

    Google Scholar 

  12. Fleming, E., Pritchett, A.: SRK as a framework for the development of training for effective interaction with multi-level automation. Cogn. Technol. Work 18(3), 511–528 (2016). https://doi.org/10.1007/s10111-016-0376-0

    Article  Google Scholar 

  13. Frank, M.C.: Instructional Software (2008). Accessed 4 Jan 2012, from Boise State University: http://edtech2.boisestate.edu/frankm/EDTECH575/home_is.html

  14. Hodges, M.S.: Computers: Systems, Terms and Acronyms, 17th edn. SemCo Enterprises Inc., Winter Springs (2007)

    Google Scholar 

  15. HyperOffice. Selecting Software (2008). Accessed 10 Jan 2011, www.hyperoffice.com/files/pdf/selectingsoftware.pdf

  16. Joch, A.: Interfacing the facts. Inc. 19(9), 39 (1997)

    Google Scholar 

  17. Jonassen, D.H., Grabinger, R.S.: Designing Hypermedia for Learning. Springer, London (1990). https://doi.org/10.1007/978-3-642-75945-1_1

  18. Kim, S., Brock, D.M., Orkland, A., Astion, M.L.: Design implications from a usability study of GramStain-Tutor. Br. J. Edu. Technol. 32(5), 595–605 (2001)

    Article  Google Scholar 

  19. Kippenberg, H.G., Van Den, B., Leertouwer, L.: The Image of Writing. Brill Academic Publishers, Boston (1988)

    Google Scholar 

  20. Koneman, P.A., Jonassen, D.H.: Hypertext interface design and structural knowledge acquisition. In: Proceedings of the National Convention of the Association for Educational Communication and Technology, pp. 349–355 (1994)

    Google Scholar 

  21. Lawless, K.A., Brown, S.W.: Multimedia learning environments: issues of learner control and navigation. Instr. Sci. 25(2), 117–131 (1997)

    Article  Google Scholar 

  22. Litchfield, B.C.: Design factors in multimedia environments: research findings and implications for instructional design. In: Annual Meeting of the American Educational Research Association, Atlanta, pp. 2–16 (1993)

    Google Scholar 

  23. Marshal, C., Nelson, C., Gardiner, M.M.: Applying Cognitive Psychology to User-interface Design. Wiley, Chichester (1987)

    Google Scholar 

  24. Molnar, A.S.: Computers in education: a brief history. Technol. Horizons Educ. 24, 63–68 (1997)

    Google Scholar 

  25. Moore, A.: Iconography of Religions: An Introduction. Fortress Press, Minneapolis (1977)

    Google Scholar 

  26. Moore, B.: Waiting at the terminal. J. Acad. Librarianship 4(6), 443 (1979)

    Google Scholar 

  27. Nico, R., van Joolingen, W.R., van der Veen, J.T.: The learning effects of computer simulations in science education. Comput. Educ. 58(1), 136–153 (2012)

    Article  Google Scholar 

  28. Pandhi, D.: How to create the best user experience for your application (2006). Accessed Dec 2011, from MSDN (Microsoft Developer Network): http://msdn.microsoft.com/en-us/library/aa468595.aspx#humanux_topic9

  29. Park, I., Hannafin, M.J.: Empirically-based guidelines for the design of interactive multimedia. Educ. Tech. Res. Dev. 41(3), 63–85 (1993)

    Article  Google Scholar 

  30. Percisco, D.: Methodological constants in courseware design. Br. J. Edu. Technol. 28(2), 111–123 (1997)

    Article  Google Scholar 

  31. Powell, J., Wright, T., Newland, P., Creed, C., Logan, B.: Fire play: ICCARUS—intelligent command and control, acquisition and review using simulation. Br. J. Edu. Technol. 39(2), 369–389 (2008)

    Article  Google Scholar 

  32. Rasmussen, J.: Skills, rules, and knowledge; signals, signs, and symbols, and other distinctions in human performance models. IEEE Trans. Syst. Man Cybern. 13(3), 257–266 (1983)

    Article  Google Scholar 

  33. Ritchie, D.M.: The evolution of the unix time-sharing system. In: Tobias, J.M. (ed.) Language Design and Programming Methodology. LNCS, vol. 79, pp. 25–35. Springer, Heidelberg (1980). https://doi.org/10.1007/3-540-09745-7_2

    Chapter  Google Scholar 

  34. Ruiz, J.G., Mintzer, M.J., Leipzig, R.M.: The impact of e-learning in medical education. Acad. Med. 81(3), 207–212 (2006)

    Article  Google Scholar 

  35. Schacter, J.: The impact of education technology on student achievement what the most current research has to say. The Milken Exchange on Education Technology, Santa Monica (1999)

    Google Scholar 

  36. Seffah, A., Gulliksen, J., Desmarais, M.C. (eds.): Human-Centered Software Engineering — Integrating Usability in the Software Development Lifecycle. Springer, Dordrecht (2005). https://doi.org/10.1007/1-4020-4113-6

    Google Scholar 

  37. Serenko, A.: The development of an instrument to measure animation predisposition of users of animated agents in ms office applications. McMaster University. DeGroote School of Business, Quebec (2004)

    Google Scholar 

  38. Sutch, L.A.: “You know more than you think you do”: helping participants transfer knowledge. In: Proceedings of the 35th Annual ACM SIGUCCS Fall Conference. SIGUCCS, New York (2007)

    Google Scholar 

  39. Thomas, E., Piemme, M.: Computer-assisted learning and evaluation in medicine. J. Am. Med. Assoc. 260, 367–372 (1988)

    Article  Google Scholar 

  40. Venkatesh, V.: Determinants of perceived ease of use: integrating control, intrinsic motivation, and emotion into the technology acceptance model. Inf. Syst. Res. 11(4), 342–365 (2000)

    Article  Google Scholar 

  41. Wild, M., Quinn, C.: Implications of educational theory for the design of instructional multimedia. Br. J. Educ. Technol. 29(1), 73–82 (1998)

    Article  Google Scholar 

Download references

Acknowledgement

This material is based upon work supported by the National Science Foundation under Grant No. 1662487. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the authors and do not necessarily reflect the views of the NSF.

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to David Stevens .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2022 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Stevens, D. (2022). Optimizing Visual Cues in Educational Software. In: Schmorrow, D.D., Fidopiastis, C.M. (eds) Augmented Cognition. HCII 2022. Lecture Notes in Computer Science(), vol 13310. Springer, Cham. https://doi.org/10.1007/978-3-031-05457-0_23

Download citation

  • DOI: https://doi.org/10.1007/978-3-031-05457-0_23

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-031-05456-3

  • Online ISBN: 978-3-031-05457-0

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics