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

  • David BlankEmail author
  • Ravi Kanth Kosuru
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 972)


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.


Human-Machine-Interface Icons Usability User experience Animation Motion design Design principles Design 



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.


  1. 1.
    Peissner, M., Blank, D., Norgall, T., Wegele, M.: #Zukunftsarbeit - Zukunftsbilder und Handlungsfelder (2018)Google Scholar
  2. 2.
    Peissner, M., Hipp, C.: Potenziale der Mensch-Technik Interaktion für die effiziente und vernetzte Produktion von morgen. Fraunhofer Verlag, Stuttgart (2013).
  3. 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. 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. 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. 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. 7.
    Deutsches Institut für Normung e.V.: Graphische Symbole auf Einrichtungen - Index und Übersicht. Beuth, Berlin 01.080.20 (2008)Google Scholar
  8. 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. 9.
    Google: Understanding motion - Material Design.
  10. 10.
    Microsoft: Motion and animation in UWP apps - Windows UWP applications.
  11. 11.
    Thomas, F., Johnston, O.: Disney Animation. The Illusion of Life. Abbeville Press, New York (1981)Google Scholar
  12. 12.
    Wikipedia: Cutting on action - Wikipedia.
  13. 13.
  14. 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)CrossRefGoogle Scholar
  15. 15.
    Nielsen, J.: Usability Engineering. Kaufmann, San Diego (1993/2000)CrossRefGoogle Scholar
  16. 16.
    Norman, D.A.: The way I see IT signifiers, not affordances. Interactions 15, 18 (2008)CrossRefGoogle Scholar
  17. 17.
    Norman, D.A.: The psychology of everyday things (1988)Google Scholar

Copyright information

© Springer Nature Switzerland AG 2020

Authors and Affiliations

  1. 1.Fraunhofer IAO, Institute for Industrial EngineeringStuttgartGermany
  2. 2.Institute of Human Factors and Technology Management IATUniversity of StuttgartStuttgartGermany

Personalised recommendations