Curso de Infografía Multimedia: Caso 2

Tras finalizar la primera práctica se nos dio a conocer el tema del segundo ejercicio y se nos facilitó parte de la documentación que utilizaríamos. La segunda infografía que tuvimos que desarrollar versaba sobre la pareja de pandas gigantes que el gobierno de China ha cedido al zoo de Madrid. Se incorporó al grupo de trabajo Andrea Pahim, de Grupo Estado, Brasil. Para recabar más información y material multimedia nos desplazamos al zoo, donde entrevistamos a dos de los trabajadores que están en contacto con los pandas.

Volvimos a las aulas, pusimos sobre la mesa todo el material bruto y durante hora y media discutimos la forma de enfocar la infografía teniendo muy en cuenta el limitado tiempo del que disponíamos. Teníamos ocho horas escasas y mucho trabajo por delante. Se generó un ambiente de tensión porque el planteamiento que algunos queríamos aplicar no era lo suficientemente claro para todos los integrantes del grupo. Finalmente, con la ayuda de algunos profesores, llegamos a un acuerdo.

Determinamos que queríamos mostrar cómo viven los pandas gigantes en el zoo, cómo son las instalaciones, quienes los cuidan, cómo se alimentan… y complementar esa información con otros datos relacionados con estos animales. Para mostrar toda esa información, dividir el trabajo y poder recopilarlo fácilmente optamos por una estructura modular en flash. En primer lugar creamos una amplia zona de trabajo y la retícula sobre la que se ubicarían los contenidos, 1000 x 550 píxeles; y sobre esta se trazarían los módulos sobre los que trabajaríamos cada uno.

Curso de infografia multimedia

Los módulos de la parte superior irían relacionados entre si de la siguiente manera: La vista en isométrica (izquierda) nos mostraría el hábitat actual de los pandas en el zoo, y sobre él iríamos seleccionando cada uno de los elementos que lo componen para obtener información multimedia (derecha). Mientras que en la parte inferior se ubicaría el resto de la documentación complementaria de los pandas.

El reparto de tareas se hizo de la siguiente manera:

Yanina se encargó de la edición de los vídeos.
Ernesto dibujó la perspectiva isométrica del entorno de los pandas.
Liana maquetó y programó las pestañas de la parte inferior.
Andrea colaboró con Liana en la maquetación de la parte inferior.
Y yo definí el espacio de trabajo en flash, dibujé los elementos independientes del dibujo isométrico (pandas y cuidador), elaboré las fichas de la parte superior derecha, programé la interacción del plano en isométrica con las fichas de información y la carga de todos los elementos en la película principal para su integración en el gráfico.

El trabajo fue mucho más fluido y más fácil de recopilar. Todo el mundo trabajó bajo unas pocas pistas de estilo (color, tipografía, etc) y al juntar los elementos se consiguió un producto visualmente armónico. Es cierto que de haber tenido más tiempo hubiéramos completado con más información, pero esto es lo que finalmente se mostró y se puso en común ante el resto de los compañeros y profesores.

Link: Curso de Infografía Multimedia: Gráfico 2

Deficiencias del gráfico:

Animación de presentación: No incluimos una animación de entrada al gráfico porque preferimos que se mostrara tal cual nada más cargar, pero hubiera sido aconsejable dar algunas pistas de navegación para los usuarios. Con hacer un pequeño flash inicial de los elementos clicables hubiera bastado para que el lector inexperto reconociera el funcionamiento del gráfico.
Escasez de información en la parte superior: La información que se quería mostrar en la parte superior quedó incompleta por razones de tiempo.
Falta de interrelación entre elementos (arriba y abajo): Sí, en la parte inferior aparece información que ayuda a comprender algo más sobre la especie y estos pandas en concreto, pero no interactua con la navegación que planteamos arriba. Es como si tuvieramos dos gráficos distintos en uno.
Ausencia de dinamismo y multimedia en la parte inferior: La escasez de tiempo nos llevó a economizar en la parte inferior y mostrar la idea haciendo gráficos estáticos en esa zona. De haber tenido más tiempo esta información se hubiera mostrado con animación.

Como conclusión destacaría de la elaboración del gráfico el panteamiento modular que nos permitió dividir la información, trabajar independientemente y unificar el trabajo en un producto bastante acertado.

2 thoughts on “Curso de Infografía Multimedia: Caso 2

  1. Oye Jose, es genial que compartas tus experiencias en este curso de Infografía Multimedia. A tí te sirven de análisis posterior y a los demás nos dejan con la boca abierta y un pensamiento rondando la cabeza: “aaaahm, con que así se hacen esas cosas (cara de bobo aquí)”

    En serio, muy buenos posts que ayudan a desmitificar la idea de que en el diseño gráfico solo hay ideas felices y talento y no hay trabajadores que se lo curran muchísimo por detrás.

    Un abrazo a Marina y a vuestro churumbel!

  2. Me gusta mucho más como os ha quedado este que el del coche, es mucho más “usable” -y mira que no me gusta la palabra- útil.

    De las pegas que le pones tú, quizá la principal que veo yo es que cuando carga el gráfico te quedas un poco sin saber que hacer hasta que no pasas por encima de los pandas y el edificio. “Algo” debería haber indicado ahí que se podía pinchar. Pero como tu mismo apuntas, ya habíais caido en eso, así que nada.

    Lo dicho, se ve que os está aprovechando la cosa, me gusta más.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>