Skip to main content

A Quantitative Method to Measure Noticeability of Animations in Mobile Interfaces

  • Conference paper
  • First Online:
Human-Computer Interaction. Design and User Experience (HCII 2020)

Part of the book series: Lecture Notes in Computer Science ((LNISA,volume 12181))

Included in the following conference series:

Abstract

Animations are widely used in mobile user interface design nowadays. By exploiting the noticeability of Motion Garaphics, interface designers can rapidly draw a user’s attention to salient objects. Such effects can be achieved by a variety of different visual stimuli including color, shape, size, motion, luminance, and flashing. However, it needs to be better understood and precisely assessed how the different animations affect user attention. In this paper, we analyzed and compared the noticeability of ten different animations. We investigated the extent to which they attract users’ attention and generate quantitative indications accordingly. We propose a quantitative method to measure the noticeability of animations in mobile interfaces and point out possible directions for future studies.

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

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 84.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 109.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. Baumann, K.: User Interface Design of Electronic Appliances. CRC Press, Boca Raton (2001)

    Book  Google Scholar 

  2. Chevalier, F., Riche, N.H., Plaisant, C., et al.: Animations 25 years later: new roles and opportunities. In: Proceedings of the International Working Conference on Advanced Visual Interfaces, pp. 280–287 (2016)

    Google Scholar 

  3. Franconeri, S.L., Simons, D.J.: Moving and looming stimuli capture attention. Percept. Psychophys. 65(7), 999–1010 (2003)

    Article  Google Scholar 

  4. Gallivan, J.P., Chapman, C.S.: Three-dimensional reach trajectories as a probe of real-time decision-making between multiple competing targets. Front. Neurosci. 8, 215 (2014)

    Article  Google Scholar 

  5. Gutwin, C., Cockburn, A., Coveney, A.: Peripheral popout: the influence of visual angle and stimulus intensity on popout effects. In: Proceedings of the. CHI Conference on Human Factors in Computing Systems, pp. 208–219 (2017)

    Google Scholar 

  6. Heer, J., Robertson, G.: Animated transitions in statistical data graphics. IEEE Trans. Visual. Comput. Graph. 13(6), 1240–1247 (2007)

    Article  Google Scholar 

  7. Hudson, S.E., Stasko, J.T.: Animation support in a user interface toolkit: flexible, robust, and reusable abstractions. In: Proceedings of the 6th annual ACM symposium on User interface software and technology, pp. 57–67 (1993)

    Google Scholar 

  8. Laurel, B., Mountford, S.J.: The Art of Human-Computer Interface Design. Addison-Wesley Longman Publishing Co., Inc., Boston (1990)

    Google Scholar 

  9. Leung, J.: Understanding the noticeability and distraction of interactive highlighting techniques (2017)

    Google Scholar 

  10. Liddle, D.: Emerging guidelines for communicating with animation in mobile user interfaces. In: Proceedings of the 34th ACM International Conference on the Design of Communication, pp. 1–9 (2016)

    Google Scholar 

  11. Moher, J., Anderson, B.A., Song, J.H.: Dissociable effects of salience on attention and goal-directed action. Curr. Biol. 25(15), 2040–2046 (2015)

    Article  Google Scholar 

  12. Oh, J., Sundar, S.S.: User engagement with interactive media: a communication perspective. In: O’Brien, H., Cairns, P. (eds.) Why Engagement Matters, pp. 177–198. Springer, Cham (2016). https://doi.org/10.1007/978-3-319-27446-1_8

    Chapter  Google Scholar 

  13. Schlienger, C., Conversy, S., Chatty, S., Anquetil, M., Mertz, C.: Improving users’ comprehension of changes with animation and sound: an empirical assessment. In: Baranauskas, C., Palanque, P., Abascal, J., Barbosa, S.D.J. (eds.) INTERACT 2007. LNCS, vol. 4662, pp. 207–220. Springer, Heidelberg (2007). https://doi.org/10.1007/978-3-540-74796-3_20

    Chapter  Google Scholar 

  14. Thomas, B.H., Calder, P.: Applying cartoon animation techniques to graphical user interfaces. ACM Trans. Comput.-Hum. Interact. (TOCHI) 8(3), 198–222 (2001)

    Article  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Yingqing Xu .

Editor information

Editors and Affiliations

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

Xu, Q., Liu, Y., Xu, Y. (2020). A Quantitative Method to Measure Noticeability of Animations in Mobile Interfaces. In: Kurosu, M. (eds) Human-Computer Interaction. Design and User Experience. HCII 2020. Lecture Notes in Computer Science(), vol 12181. Springer, Cham. https://doi.org/10.1007/978-3-030-49059-1_37

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-49059-1_37

  • Published:

  • Publisher Name: Springer, Cham

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

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

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics