Document Type

Article

Publication Title

Review of Communication Research (RCR)

Abstract

Cada vez que un usuario realiza una tarea o se comunica a través de su computadora o dispositivo, se le guía mediante señales visuales para interactuar exitosamente con la interfaz. Esta interacción persona-computadora está, por tanto, mediada por la comunicación que se establece entre diseñador y usuario a través de los textos, elementos gráficos y animaciones que componen el diseño visual de la interfaz. La animación es un elemento del lenguaje visual de los elementos gráficos de una interfaz. Este estudio tiene como objetivo establecer las funciones de la animación. Revisamos la literatura y discutimos las deficiencias identificadas en las taxonomías existentes de animación funcional. Luego propusimos una clasificación actualizada, en parte inspirada en las funciones presentadas en el modelo de comunicación de Jakobson. Con base en un análisis de contenido de las pautas de diseño de los principales desarrolladores de teléfonos móviles y comparando estas fuentes, proponemos la siguiente lista de categorías: Identificativa, Estructural, Guía, Retroalimentación, Didáctica, Estética y Emotiva. Esta nueva taxonomía pretende contribuir a los marcos teóricos utilizados en la comunicación visual al estudiar el diseño de interfaces. Será útil, por ejemplo, para ayudar a detectar, clasificar y evaluar la idoneidad de las animaciones en función de las funciones que proporcionan una interfaz.

First Page

120

Last Page

146

DOI

https://doi.org/10.12840/ISSN.2255-4165.030

Publication Date

2021

Comments

Computadora Apple, I. (1987). Directrices de interfaz humana: la interfaz de escritorio de Apple. Addison Wesley Publishing Company, Inc. http://archive.org/details/applehumaninterf00appl

Apple Inc. (sin fecha). Temas—IOS - Pautas de interfaz humana—Desarrollador de Apple. Obtenido el 6 de julio de 2018 de https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/#//apple_ref/doc/uid/TP40006556-CH57-SW1

Audi. (Dakota del Norte). Interfaz de usuario / Animación UI / Animación funcional. Obtenido el 7 de octubre de 2020 de https://www.audi.com/ci/en/guides/user-interface/ui-animation/functional-animation.html

Baecker, R. (1998). Clasificación de clasificación: un estudio de caso de visualización de software para la enseñanza de informática. En Visualización de software: programación como experiencia multimedia (págs. 369–381). ¿Cambridge, Massachusetts?: MIT Press. http://archive.org/details/softwarevisualiz0000unse

Baecker, R. (2002). Mostrar en lugar de contar. Actas de la vigésima conferencia internacional anual sobre documentación informática, 10-16. https://doi.org/10.1145/584955.584957

Baecker, R. y Small, I. (1990). Animación en la Interfaz. En B. Laurel y SJ Mountford (Eds.), El arte del diseño de interfaz hombre-computadora (págs. 251–267). Addison-Wesley Publishing Co., Inc.

Baecker, R., Small, I. y Mander, R. (1991). Dando vida a los iconos. Actas de la Conferencia SIGCHI sobre factores humanos en sistemas informáticos, 1–6. https://doi.org/10.1145/108844.108845

Baek, YK y Layne, BH (1988). Color, gráficos y animación en una lección tutorial de aprendizaje asistido por computadora. Revista de instrucción basada en computadora, 15 (4), 131–135.

Bartram, L. (1997a). Propiedades perceptuales e interpretativas del movimiento para la visualización de información (Informe técnico CMPT-TR:1997-15; p. 35). Universidad Simón Fraser. https://www.researchgate.net/publication/221615053_Perceptual_and_Interpretative_Properties_of_Motion_for_Information_Visualization

Bartram, L. (2001). Mejora de la visualización de información con movimiento [Tesis doctoral, Universidad Simon Fraser]. https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.21.5486&rep=rep1&type=pdf

Bartram, L. (1997b). Propiedades perceptuales e interpretativas del movimiento para la visualización de información. Actas del taller de 1997 sobre nuevos paradigmas en visualización y manipulación de información, 3–7. https://doi.org/10.1145/275519.275520

Bartram, L., Ware, C. y Calvert, T. (2003). Moticonos: Detección, distracción y tarea. Revista internacional de estudios humanos-computadores, 58(5), 515–545. https://doi.org/10.1016/S1071-5819(03)00021-1

Bétrancourt, M. y Tversky, B. (2000). Efecto de la animación por computadora en el desempeño de los usuarios: una revisión. Le Travail Humain: una revista bilingüe y multidisciplinaria sobre factores humanos, 63 (4), 311–329.

Biørn-Hansen, A., Grønli, T.-M. y Ghinea, G. (2019). Animaciones en aplicaciones móviles multiplataforma: una evaluación de herramientas, métricas y rendimiento. Sensores, 19(9), 2081. https://doi.org/10.3390/s19092081

Chalbi, A. (2018). Comprender y diseñar animaciones en las interfaces de usuario [Tesis doctoral, Université lille1]. tel-01881889. https://hal.archives-ouvertes.fr/tel-01881889/

Chang, B.-W. y Ungar, D. (1993). Animación: de los dibujos animados a la interfaz de usuario. Actas del sexto simposio anual de ACM sobre tecnología y software de interfaz de usuario, 45–55. https://doi.org/10.1145/168642.168647

Chevalier, F., Riche, NH, Plaisant, C., Chalbi, A. y Hurter, C. (2016). Animaciones 25 años después: nuevos roles y oportunidades. Actas de la Conferencia Internacional de Trabajo sobre Interfaces Visuales Avanzadas, 280–287. https://doi.org/10.1145/2909132.2909255

de la Torre - Arenas, I., & Cruz, P. (2017). Una taxonomía de aplicaciones de movimiento en visualización de datos. Actas del Simposio sobre Estética Computacional, 1–2. https://doi.org/10.1145/3092912.3122798

de Souza, CS, Leitão, CF, Prates, RO, Amélia Bim, S. y da Silva, EJ (2010). ¿Pueden los métodos de inspección generar nuevos conocimientos válidos en HCI? El caso de la inspección semiótica. Revista internacional de estudios humanos-computadores, 68(1), 22–40. https://doi.org/10.1016/j.ijhcs.2009.08.006

Djajadiningrat, T., Geurts, L., Munniksma, PR, Christiaansen, G. y de Bont, J. (2009). Racionalizador: un espejo de emociones para los comerciantes en línea. Actas de la Conferencia sobre Diseño y Semántica de la Forma y el Movimiento - DeSForM 2009, 39–48.

Fang, Y.-M., Chun, L. y Chu, B.-C. (2019). Usabilidad y reacciones emocionales de los adultos mayores hacia interfaces de texto, diagramas, imágenes y animaciones para mostrar información de salud. Ciencias Aplicadas, 9(6), 1058. https://doi.org/10.3390/app9061058

Pescador, D. (2010). Animación para visualización: oportunidades e inconvenientes. En Hermosa visualización (págs. 329–352). O'Reilly Media Inc.

Froehlich. (2010). Movimiento para interfaz: una taxonomía [tesis de maestría en bellas artes]. Instituto de Medios Dinámicos de la Facultad de Arte y Diseño de Massachusetts.

Froehlich, E. (2018). El movimiento atrae la atención. En RB Stone y L. Wahlin (Eds.), La teoría y práctica del diseño de movimiento: perspectivas críticas y práctica profesional (págs. 114-126). Rutledge.

Froehlich, E., Lucid, B. y Shaw, H. (2013). El lenguaje del movimiento: una taxonomía para la interfaz. En M. Kurosu (Ed.), Actas de la 15ª conferencia internacional sobre interacción persona-computadora: modalidades y técnicas de interacción: vol. IV (págs. 668–677). Springer-Verlag. https://doi.org/10.1007/978-3-642-39330-3_72

González, C. (1996). ¿La animación en las interfaces de usuario mejora la toma de decisiones? Actas de la Conferencia SIGCHI sobre factores humanos en sistemas informáticos, 27–34. https://doi.org/10.1145/238386.238396

Google. (Dakota del Norte). material.io: comprensión del movimiento. Diseño de materiales. Obtenido el 14 de junio de 2018 de https://material.io/design/motion/understanding-motion.html#principles

Artillero. (Dakota del Norte). Aplicación Google Home. Obtenido el 9 de octubre de 2020 de https://www.gunner.work/googlehome

Harrington, TL, Bidyuk, PI y Harrington, MK (1994). El movimiento como variable de la comunicación visual. En Comunicación hombre-máquina para el diseño de sistemas educativos (págs. 17-24). Springer Berlín Heidelberg.

Cabeza, V. (2016). Diseño de animación de interfaz. Medios Rosenfeld. https://rosenfeldmedia.com/books/designing-interface-animation/

Heer, J. y Robertson, G. (2007). Transiciones animadas en gráficos de datos estadísticos. Transacciones IEEE sobre visualización y gráficos por computadora, 13 (6), 1240–1247. https://doi.org/10.1109/TVCG.2007.70539

Heer, J. y Shneiderman, B. (2012). Dinámica interactiva para análisis visual. Cola, 10(2), 30–55. https://doi.org/10.1145/2133416.2146416

Jakobson, R. (1960). Lingüística y Poética. En TA Sebeok (Ed.), Estilo en el lenguaje (págs. 350–377). La prensa del MIT. http://archive.org/details/styleinlanguage00confrich

Jakobson, R. (1984). Lingüística y poética. En Ensayos de lingüística general (págs. 347–395). Ariel.

Kurosu, M. y Kashimura, K. (1995). Usabilidad aparente versus usabilidad inherente: Análisis experimental sobre los determinantes de la usabilidad aparente. Compañero de conferencia sobre factores humanos en sistemas informáticos, 292–293. https://doi.org/10.1145/223355.223680

Li, W., Wang, Y., Zhang, H. y Qu, H. (2020). Mejora de la participación de la visualización animada con presagios visuales. ArXiv:2009.03784 [Cs]. http://arxiv.org/abs/2009.03784

Li, Y., Tú, F., Ji, M. y Tú, X. (2020). La influencia del método de entrada de texto, la postura y el entorno de los teléfonos inteligentes en la experiencia del usuario. Revista internacional de interacción persona-computadora, 36(12), 1110–1121. https://doi.org/10.1080/10447318.2020.1719465

Liddle, D. (2016). Directrices emergentes para la comunicación con animación en interfaces de usuario móviles. Actas de la 34ª Conferencia Internacional ACM sobre Diseño de la Comunicación, 1–9. https://doi.org/10.1145/2987592.2987614

López-Jaquero, VM, González, P., Montero, F., & Molina, JP (2020). UML2App: Avanzando en la generación automática de interfaces de usuario para dispositivos móviles. Revista de la Asociación Interacción Persona Ordenador (AIPO), 1, 9–21.

Loranger, H., Schade, A. y Nielsen, J. (2013). Herramientas y aplicaciones web con Flash. https://www.nngroup.com/reports/website-tools-and-applications-flash/

Ma, J., Chen, C.-C. y Lin, Y.-C. (2018). Evaluación emocional y cognitiva del uso de la animación funcional. Actas de la Conferencia Internacional sobre Aplicaciones y Visión Artificial, 61–65. https://doi.org/10.1145/3220511.3220516

Marshall, J., Dancu, A. y Mueller, F. "Floyd". (2016). Interacción en movimiento: diseño de una interacción verdaderamente móvil. Actas de la Conferencia ACM de 2016 sobre diseño de sistemas interactivos, 215–228. https://doi.org/10.1145/2901790.2901844

Myers, Licenciatura en Letras (1984). La interfaz de usuario de Sapphire. Aplicaciones y gráficos por computadora IEEE, 4 (12), 13–23. https://doi.org/10.1109/MCG.1984.6429376

Myers, Licenciatura en Letras (1985). La importancia de los indicadores de progreso porcentual realizados para las interfaces computadora-humano. Boletín ACM SIGCHI, 16, 11-17. https://doi.org/10.1145/317456.317459

Nabors, R. (2017). Animación en el trabajo. Un libro aparte.

Nicol, A. (1990). Interfaces para el aprendizaje: ¿Qué saben los buenos profesores que nosotros no? En B. Laurel (Ed.), El arte del diseño de interfaz hombre-computadora (págs. 251–267). Addison-Wesley.

Nielsen, J. (1995). Directrices para multimedia en la web. Grupo Nielsen Norman - Artículos. https://www.nngroup.com/articles/guidelines-for-multimedia-on-the-web/

Nielsen, J. (2005). Los 10 errores principales de diseño web de 2005. Nielsen Norman Group - Artículos. https://www.nngroup.com/articles/top-ten-web-design-mistakes-of-2005/

Nielsen, J. (1994). Mejorar el poder explicativo de las heurísticas de usabilidad. Actas de la Conferencia SIGCHI sobre factores humanos en sistemas informáticos, 152-158. https://doi.org/10.1145/191666.191729

Norman, DA (2004). Diseño emocional: por qué amamos (u odiamos) las cosas cotidianas. Libros básicos.

Norman, DA (2013). El diseño de las cosas cotidianas (Edición revisada y ampliada). Libros básicos.

Norman, DA y Nielsen, J. (2010). Interfaces gestuales: Un paso atrás en usabilidad. Interacciones, 17(5), 46–49. https://doi.org/10.1145/1836216.1836228

Novick, D., Rhodes, J. y Wert, W. (2011). Las funciones comunicativas de la animación en las interfaces de usuario. Actas de la 29ª Conferencia Internacional ACM sobre Diseño de Comunicación, 1–8. https://doi.org/10.1145/2038476.2038478

Parhi, P., Karlson, AK y Bederson, BB (2006). Estudio del tamaño objetivo para el uso del pulgar con una sola mano en dispositivos pequeños con pantalla táctil. Actas de la octava conferencia sobre interacción persona-computadora con dispositivos y servicios móviles, 203–210. https://doi.org/10.1145/1152215.1152260

Pelayo, N. y Cabrera, A. (2001). Lenguaje y comunicación: Conceptos básicos, aspectos teóricos generales, características, estructura, naturaleza y funciones del lenguaje y la comunicación oral y escrita. El Nacional.

Rheinfrank, J. y Evenson, S. (1996). Lenguajes de diseño. En T. Winograd (Ed.), Bringing Design to Software (págs. 63–85). Addison Wesley Publishing Company, Inc. https://doi.org/10.1145/229868.230034

Saffer, D. (2013). Microinteracciones. O'Reilly Media, Inc.

Scolari, C. (2018). Las leyes de la interfaz: Diseño, ecología, evolución, tecnología. Gedisa.

Shannon, CE (1948). Una teoría matemática de la comunicación. Revista técnica de Bell System, 27 (3), 379–423.

Shannon, CE y Weaver, W. (1963). La teoria matematica de la comunicacion. ¿Urbana?: Prensa de la Universidad de Illinois. http://archive.org/details/mathematicaltheo00shan

Shneiderman, B. (1987). Diseño de la interfaz de usuario: estrategias para una interacción eficaz entre humanos y computadoras. Addison Wesley Publishing Company, Inc.

Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N. y Diakopoulos, N. (2018). Diseño de la interfaz de usuario: estrategias para una interacción eficaz entre personas y computadoras, edición global (Edición: 6). Pearson Educación Limitada.

Spallazzo, D., Sciannamè, M. y Ceconello. (2019). La forma doméstica de la IA: una reflexión sobre los asistentes virtuales. Actas de la Conferencia sobre Diseño y Semántica de la Forma y el Movimiento - DeSForM 2019, 52–59.

Stasko, JT (1993). Animación en interfaces de usuario: Principios y técnicas. En L. Bass y P. Dewan (Eds.), Software de interfaz de usuario (págs. 81-101). John Wiley & Sons, Inc.

Stasko, JT (1990). Un lenguaje de animación práctico para el desarrollo de software. Actas. 1990 Conferencia internacional sobre lenguajes informáticos, 1–10. https://doi.org/10.1109/ICCL.1990.63755

Thompson, J., Liu, Z. y Stasko, J. (2020). Comprensión del espacio de diseño y paradigmas de creación de gráficos de datos animados. Foro de gráficos por computadora, 39 (3), 207–218. https://doi.org/10.1111/cgf.13974

Tractinsky, N, Katz, AS e Ikar, D. (2000). Lo que es bello es utilizable. Interactuar con computadoras, 13(2), 127–145. https://doi.org/10.1016/S0953-5438(00)00031-X

Tractinsky, Noam. (1997). Estética y usabilidad aparente: evaluando empíricamente cuestiones culturales y metodológicas. Actas de la Conferencia ACM SIGCHI sobre factores humanos en sistemas informáticos, 115-122. https://doi.org/10.1145/258549.258626

Vermeulen, J., Luyten, K., van den Hoven, E. y Coninx, K. (2013). Cruzando el puente sobre el Golfo de Ejecución de Norman: Revelando la verdadera identidad de feedforward. Actas de la Conferencia SIGCHI sobre factores humanos en sistemas informáticos, 1931-1940. https://doi.org/10.1145/2470654.2466255

Walker, J. (1990). Através del espejo. En B. Laurel y SJ Mountford (Eds.), El arte del diseño de interfaz hombre-computadora (págs. 439–448). Addison-Wesley Publishing Co., Inc.

Artículos, C. (2020). Visualización de información: percepción para el diseño (4a). Morgan Kaufman. https://doi.org/10.1016/C2016-0-02395-1

Wasserman, AI (2010). Problemas de ingeniería de software para el desarrollo de aplicaciones móviles. Actas del taller FSE/SDP sobre el futuro de la investigación en ingeniería de software, 397–400. https://doi.org/10.1145/1882362.1882443

Weiss, RE, Knowlton, DS y Morrison, GR (2002). Principios para el uso de la animación en la instrucción basada en computadora: heurística teórica para un diseño eficaz. Computadoras en el comportamiento humano, 18 (4), 465–477. https://doi.org/10.1016/S0747-5632(01)00049-8

Wigdor, D. y Wixon, D. (2011). Brave NUI World: Diseño de interfaces de usuario naturales para tacto y gestos (1ª ed.). Morgan Kaufmann Editores Inc.

Wroblewski, L. (2011). Móvil primero. Un libro aparte.

Wu, Z., Jiang, Y., Liu, Y. y Ma, X. (2020). Predecir y diagnosticar la participación del usuario con la animación de la interfaz de usuario móvil mediante un enfoque basado en datos. Actas de la Conferencia CHI de 2020 sobre factores humanos en sistemas informáticos, 1–13. https://doi.org/10.1145/3313831.3376324

Wu, Z., Kim, T., Li, Q. y Ma, X. (2019). Comprender y modelar la personalidad de marca percibida por el usuario a partir de las interfaces de usuario de aplicaciones móviles. Actas de la Conferencia CHI de 2019 sobre factores humanos en sistemas informáticos, 1–12. https://doi.org/10.1145/3290605.3300443

Download

Share

COinS