Skip to main content
SpringerLink
Log in

Design Principles for Increasing the Comprehensibility of Icons in HMIs Through Motion Design

  • Conference paper
  • First Online:
Advances in Usability and User Experience (AHFE 2019)

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 972))

Included in the following conference series:

  • 4014 Accesses

Abstract

Animation is a significant game changer for designing icons that can communicate their action or status without any additional elements in any design language. This can increase the comprehensibility of Human-Machine-Interfaces (HMI). In this paper, we introduce design principles on how to animate icons for HMIs to increase the comprehensibility and to draw the users’ attention. This initial paper builds the foundation for further research on this topic. The results of an expert review on animated icons are presented. The results show that there is a highly expected positive effect of animated icons on comprehensibility and reduction of error rate.

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

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 169.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 219.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. Peissner, M., Blank, D., Norgall, T., Wegele, M.: #Zukunftsarbeit - Zukunftsbilder und Handlungsfelder (2018)

    Google Scholar 

  2. Peissner, M., Hipp, C.: Potenziale der Mensch-Technik Interaktion für die effiziente und vernetzte Produktion von morgen. Fraunhofer Verlag, Stuttgart (2013). http://www.worldcat.org/oclc/862962502

  3. Deutsches Institut für Normung e.V.: Ergonomie der Mensch-System-Interaktion - Teil 11: Gebrauchstauglichkeit: Begriffe und Konzepte. Beuth, Berlin (2018)

    Google Scholar 

  4. Fronemann, N., Peissner, M.: User experience concept exploration. User needs as a source for innovation. In: Roto, V. (ed.) Proceedings of the 8th Nordic Conference on Human-Computer Interaction: Fun, Fast, Foundational, Helsinki, Finland, 26–30 October 2014, pp. 727–736. ACM, New York (2014)

    Google Scholar 

  5. Klinker, K., Berkemeier, L., Zobel, B., Wüller, H., Fries, V., Wiesche, M., Remmers, H., Thomas, O., Krcmar, H.: Structure for innovations: a use case taxonomy for smart glasses in service processes. In: Drews, P., Funk, B., Niemeyer, P., Xie, L. (eds.) Multikonferenz Wirtschaftsinformatik 2018. Data driven X - Turning Data into Value: Leuphana Universität Lüneburg, 6–9 März 2018, pp. 1599–1610. Leuphana Universität Lüneburg, Institut für Wirtschaftsinformatik, Lüneburg (2018)

    Google Scholar 

  6. Spath, D., Bierkandt, J. (eds.): Usability und Human-Machine Interfaces in der Produktion. Studie Qualitätsmerkmale für Entwicklungswerkzeuge. Fraunhofer-Verl., Stuttgart (2011)

    Google Scholar 

  7. Deutsches Institut für Normung e.V.: Graphische Symbole auf Einrichtungen - Index und Übersicht. Beuth, Berlin 01.080.20 (2008)

    Google Scholar 

  8. Deutsches Institut für Normung e.V.: Ergonomie der Mensch-System-Interaktion - Teil 110: Grundsätze der Dialoggestaltung. Beuth, Berlin 13.180; 35.080; 35.240.20 (2018)

    Google Scholar 

  9. Google: Understanding motion - Material Design. https://material.io/design/motion/understanding-motion.html#principles

  10. Microsoft: Motion and animation in UWP apps - Windows UWP applications. https://docs.microsoft.com/en-us/windows/uwp/design/motion/

  11. Thomas, F., Johnston, O.: Disney Animation. The Illusion of Life. Abbeville Press, New York (1981)

    Google Scholar 

  12. Wikipedia: Cutting on action - Wikipedia. https://en.wikipedia.org/w/index.php?oldid=835589061

  13. Wikipedia: Match Cut. https://de.wikipedia.org/w/index.php?oldid=177744643

  14. Wertheimer, M.: Untersuchungen zur Lehre von der Gestalt II. In: Psychologische Forschung. Zeitschrift für Psychologie und ihre Grenzwissenschaften, vol. 4, pp. 301–350. Springer, Berlin (1923)

    Article  Google Scholar 

  15. Nielsen, J.: Usability Engineering. Kaufmann, San Diego (1993/2000)

    Chapter  Google Scholar 

  16. Norman, D.A.: The way I see IT signifiers, not affordances. Interactions 15, 18 (2008)

    Article  Google Scholar 

  17. Norman, D.A.: The psychology of everyday things (1988)

    Google Scholar 

Download references

Acknowledgments

We thank all experts who provided feedback and expertise that greatly assisted the research and our intern, Annabel Müller for assistance with the animations and HMI prototype.

Author information

Authors and Affiliations

  1. Fraunhofer IAO, Institute for Industrial Engineering, Nobelstr. 12, 70569, Stuttgart, Germany

    David Blank

  2. Institute of Human Factors and Technology Management IAT, University of Stuttgart, Stuttgart, Germany

    Ravi Kanth Kosuru

Authors
  1. David Blank
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Ravi Kanth Kosuru
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to David Blank .

Editor information

Editors and Affiliations

  1. University of Central Florida, Orlando, FL, USA

    Tareq Ahram

  2. Catholic University of Pernambuco, Recife, Pernambuco, Brazil

    Christianne Falcão

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Blank, D., Kosuru, R.K. (2020). Design Principles for Increasing the Comprehensibility of Icons in HMIs Through Motion Design. In: Ahram, T., Falcão, C. (eds) Advances in Usability and User Experience. AHFE 2019. Advances in Intelligent Systems and Computing, vol 972. Springer, Cham. https://doi.org/10.1007/978-3-030-19135-1_44

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-19135-1_44

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-19134-4

  • Online ISBN: 978-3-030-19135-1

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics

Search

Navigation