Análisis de referentes metodológicos para la elaboración de una taxonomía de animación funcional
Resumen
El uso de animaciones en el diseño de interfaces ha experimentado un incremento vertiginoso en los últimos años. La animación ha pasado de ser denostada por los expertos en usabilidad a ser un elemento fundamental a la hora de configurar el diseño visual de las aplicaciones para móviles. Baecker y Small desarrollan en 1990 la que está considerada como la primera taxonomía general de la animación en la interfaz, recogiendo los usos presentes en las primeras interfaces gráficas de usuario. En este artículo revisamos la metodología seguida por los pioneros y analizamos la perspectiva adoptada por otros autores que elaboran taxonomías posteriores. El objetivo es establecer el método para abordar la elaboración de una taxonomía que recoja las funciones que puede desempeñar la animación para mejorar la usabilidad y la experiencia de usuario en teléfonos móviles inteligentes equipados con pantalla táctil. El análisis pone de manifiesto la importancia de establecer un método que ayude a tomar decisiones en cuanto al nivel de granularidad de las categorías y su nomenclatura, así como la conveniencia de definir un proceso de validación que respalde la propuesta.
Citas
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
Derechos de autor 2022 Raquel Ávila Muñoz et al.
Esta obra está bajo licencia internacional Creative Commons Reconocimiento-NoComercial-SinObrasDerivadas 4.0.
