Análisis de referentes metodológicos para la elaboración de una taxonomía de animación funcional

  1. Raquel Ávila Muñoz 1
  2. Jorge Clemente Mediavilla 1
  3. María José Pérez-Luque 2
  1. 1 Universidad Complutense de Madrid
    info

    Universidad Complutense de Madrid

    Madrid, España

    ROR 02p0gd045

  2. 2 ESNE
Journal:
Comunicación & métodos

ISSN: 2659-9538

Year of publication: 2022

Issue Title: La relevancia del método

Volume: 4

Issue: 2

Pages: 40-54

Type: Article

DOI: 10.35951/V4I2.165 DIALNET GOOGLE SCHOLAR lock_openOpen access editor

More publications in: Comunicación & métodos

Abstract

The use of animations in interface design has experienced a significant increase inrecent years. Animation, criticised by usability experts in the past, has become afundamental element in shaping the visual design of mobile applications. In 1990,Baecker and Small collected the emerging uses of animation present in the firstgraphical user interfaces, configuring what is considered to be the first generaltaxonomy of animation at the interface. In this article we review the methodologyfollowed by the pioneers and analyse the perspective adopted by other authors whodeveloped later taxonomies. The aim is to establish the method for approaching thedevelopment of a taxonomy that captures the roles that animation can play in improvingusability and user experience on touchscreen smartphones. The analysis highlights theimportance of establishing a method to help make decisions on the level of granularityand nomenclature of the categories, as well as the convenience of defining a validationprocess to support the proposal

Bibliographic References

  • Baecker, R., y Small, I. (1990). Animation at the Interface. En B. Laurel y S. J. Mountford (Eds.), The Art of Human-Computer Interface Design (pp. 251-267). Addison-Wesley Publishing Co., Inc.
  • Baecker, R., Small, I., y Mander, R. (1991). Bringing icons to life. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 1-6. https://doi.org/10.1145/108844.108845
  • Bartram, L. (1997). Perceptual and interpretative properties of motion for information visualization. Proceedings of the 1997 workshop on New paradigms in information visualization and manipulation, 3-7. https://doi.org/10.1145/275519.275520
  • Bartram, L. (2001). Enhancing Information Visualization with Motion [Doctoral dissertation, Simon Fraser University]. https://citeseerx.ist.psu.edu/viewdoc/download? doi=10.1.1.21.5486&rep=rep1&type=pdf
  • Boyarski, D. (2018). Liberating Words from the Printed Page. En R. B. Stone y L. Wahlin (Eds.), The Theory and Practice of Motion Design: Critical Perspectives and Professional Practice (pp. 4-14). Routledge.
  • Chalbi, A. (2018). Understanding and designing animations in the user interfaces [Doctoral dissertation, Université lille1]. tel-01881889. https://hal.archives- ouvertes.fr/tel-01881889/
  • Chang, B.-W., y Ungar, D. (1993). Animation: From cartoons to the user interface. Proceedings of the 6th Annual ACM Symposium on User Interface Software and Technology, 45-55. https://doi.org/10.1145/168642.168647
  • Chatty, S. (1992). Defining the dynamic behaviour of animated interfaces. Proceedings of the IFIP TC2/WG2.7 Working Conference on Engineering for Human- Computer Interaction, 95-111.
  • Chevalier, F., Riche, N. H., Plaisant, C., Chalbi, A., y Hurter, C. (2016). Animations 25 Years Later: New Roles and Opportunities. Proceedings of the International Working Conference on Advanced Visual Interfaces, 280-287. https://doi.org/10.1145/2909132.2909255
  • Cooper, A., Reinmann, R., Cronin, D., y Noessel, C. (2014). About Face: The Essentials of Interaction Design (4.a ed.). Wiley.
  • De la Torre - Arenas, I., y Cruz, P. (2017). A taxonomy of motion applications in data visualization. Proceedings of the symposium on Computational Aesthetics, 1-2. https://doi.org/10.1145/3092912.3122798
  • Ford, R. (2019). Web Design: The Evolution of the Digital World 1990–Today (1a). Taschen.
  • Froehlich. (2010). Motion for Interface: A Taxonomy [Masters in Fine Art Thesis]. Dynamic Media Institute at Massachusetts College of Art and Design.
  • Froehlich, E. (2018). Motion Attracts Attention. En R. B. Stone y L. Wahlin (Eds.), The Theory and Practice of Motion Design: Critical Perspectives and Professional Practice (pp. 114-126). Routledge.
  • Froehlich, E., Lucid, B., Shaw, H., Froehlich, E., Lucid, B., y Shaw, H. (2013). The language of motion: A taxonomy for interface. En M. Kurosu y M. Kurosu (Eds.), Proceedings of the 15th international conference on Human-Computer Interaction: Interaction modalities and techniques. Vol. IV (pp. 668-677). Springer-Verlag. https://doi.org/10.1007/978-3-642-39330-3_72
  • Harrington, T. L., Bidyuk, P. I., y Harrington, M. K. (1994). Motion as a Variable of Visual Communication. En Human-Machine Communication for Educational Systems Design (pp. 17-24). Springer Berlin Heidelberg.
  • Head, V. (2016). Designing Interface Animation. Rosenfeld Media. https://rosenfeldmedia.com/books/designing-interface-animation.
  • Laubheimer, P. (2020a). Executing UX Animations: Duration and Motion Characteristics. Nngroup. https://www.nngroup.com/articles/animation- duration.
  • Laubheimer, P. (2020b). The Role of Animation and Motion in UX. Nngroup. https://www.nngroup.com/articles/animation-purpose-ux
  • Laurel, B., y Mountford, S. J. (1990). The Art of human-computer interface design. Addison-Wesley Publishing. http://archive.org/details/artofhumancomput00laur
  • Liddle, D. (2016). Emerging Guidelines for Communicating with Animation in Mobile User Interfaces. Proceedings of the 34th ACM International Conference on the Design of Communication, 1-9. https://doi.org/10.1145/2987592.2987614
  • Loranger, H., Schade, A., y Nielsen, J. (2013). Website Tools and Applications with Flash. https://www.nngroup.com/reports/website-tools-and-applications-flash/
  • Myers, B. A. (1985). The importance of percent-done progress indicators for computer- human interfaces. ACM SIGCHI Bulletin, 16, 11-17. https://doi.org/10.1145/317456.317459
  • Nabors, R. (2017). Animation at Work. A Book Apart.
  • Nekrasov, A. (2022). UI Animation and Effects. En A. Nekrasov (Ed.), Swift Recipes for iOS Developers: Real-Life Code from App Store Apps (pp. 287-317). Apress. https://doi.org/10.1007/978-1-4842-8098-0_7
  • Nielsen, J. (2005). Top 10 Web Design Mistakes of 2005. Nielsen Norman Group - Articles. https://www.nngroup.com/articles/top-ten-web-design-mistakes-of- 2005
  • Nielsen, J., y Budiu, R. (2013). Mobile Usability. New Riders.
  • Novick, D., Rhodes, J., y Wert, W. (2011). The communicative functions of animation in user interfaces. Proceedings of the 29th ACM international conference on Design of communication, 1-8. https://doi.org/10.1145/2038476.2038478
  • Saffer, D. (2013). Microinteractions. O’Reilly Media, Inc.
  • Salter, A., y Murray, J. (2014). Flash: Building the Interactive Web. The MIT Press.
  • Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., y Diakopoulos, N. (2018). Designing the User Interface: Strategies for Effective Human-Computer Interaction, Global Edition (Edición: 6). Pearson Education Limited.
  • Sosa-Tzec, O., y Stolterman Bergqvist, E. (2021). Delight by Motion: Investigating the Role of Animation in Microinteractions. MODE Motion Design Education.
  • Stasko, J. T. (1993). Animation in user interfaces: Principles and techniques. En L. Bass y P. Dewan (Eds.), User Interface Software (pp. 81-101). John Wiley & Sons.
  • Vistisen, P. (2021). Science Visualization: Guiding Principles for the Motion Design of Scientific Disseminations. Re Connect - 2021 Motion Design Education Summit, 9
  • Wigdor, D., y Wixon, D. (2011). Brave NUI World: Designing Natural User Interfaces for Touch and Gesture (1st ed.). Morgan Kaufmann Publishers Inc.
  • Wu, Z., Kim, T., Li, Q., y Ma, X. (2019). Understanding and Modeling User-Perceived Brand Personality from Mobile Application UIs. Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems, 1-12. https://doi.org/10.1145/3290605.3300443
  • Wu, Z., Jiang, Y., Liu, Y., y Ma, X. (2020). Predicting and Diagnosing User Engagement with Mobile UI Animation via a Data-Driven Approach. Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems, 1-13. https://doi.org/10.1145/3313831.3376324
  • Ye, G. (2021). Interface Design Element Analysis and Data Perception for Mobile Platforms. 2021 5th International Conference on Electronics, Communication and Aerospace Technology (ICECA), 1188-1191. https://doi.org/10.1109/ICECA52323.2021.9676118
Data source: Dialnet