Análisis de referentes metodológicos para la elaboración de una taxonomía de animación funcional
- Raquel Ávila Muñoz 1
- Jorge Clemente Mediavilla 1
- María José Pérez-Luque 2
-
1
Universidad Complutense de Madrid
info
- 2 ESNE
ISSN: 2659-9538
Année de publication: 2022
Titre de la publication: La relevancia del método
Volumen: 4
Número: 2
Pages: 40-54
Type: Article
D'autres publications dans: Comunicación & métodos
Résumé
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.
Références bibliographiques
- 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