Curso de Infografía Multimedia: Caso 1

Como comenté en el anterior post en el curso de Infografía Multimedia nos dividieron por grupos para la realización de dos prácticas. En el nuestro estábamos los siguientes alumnos:

Ernesto Olivares, Freelance, Barcelona
Yanina Roncori, Diario La Nación, Argentina
Liana Sujin Ha, UOL Universo online, Brasil
José Antonio Bautista López, C. Enseñanzas Virtuales de la Univ. de Granada (un servidor)

Para la primera práctica se dispuso de documentos, material gráfico y audiovisual cedidos por el Ayuntamiento de Valencia, la entidad gestora del futuro circuito, entre otros. El grueso de la información era meramente política y versaba sobre las nuevas infraestructuras que se van a necesitar para la ubicación del segundo circuito urbano del mundial de automovilismo, más que de las características deportivas del trazado ya que este todavía no existe como tal.

El tiempo de elaboración de esta práctica que en principio era de 12 horas y media pero por cuestiones de la naturaleza del curso y problemas técnicos se vio limitado en unas 4 horas, fue finalmente de 8 horas y media para discutir y desarrollar el trabajo. Las primeras cuatro horas las dedicamos a la preproducción de la infografía tratando de llegar a una decisión común ante el planteamiento de la misma y el cómo abordar la ejecución. Tras revisar la documentación hicimos una selección de lo que queríamos reflejar en nuestro gráfico, un esquema de valor de la información y un storyboard. Sobre el story dividimos el trabajo sin saber muy bien los fuertes de los miembros del equipo confiando en que todos ibamos a cumplir nuestra tarea dentro de los límites de tiempo establecidos para su finalización. De la siguiente manera:

Yanina elaboró la primera parte de la presentación de carga del gráfico.
Ernesto, infógrafo de papel, compuso la segunda parte de la presentación donde aparece una perspectiva isométrica trazada con Illustrator.
Liana maquetó las pantallas de información de los diferentes puntos relevantes del circuito e insertó los vídeos.
Y yo programé la animación del circuito, la herramienta de zoom, el timeline superior, botones, saltos de información, etc… y recogí el material de mis compañeros para integrarlo en el gráfico.

El objetivo del gráfico es mostrar las nuevas infraestructuras y aportaciones que la adecuación de las zonas de la ciudad de Valencia que atravesará el circuito, ubicándolas en un entorno donde la información deportiva tenga también su peso (mostrar la trazada real del coche en pista, relación fiel entre la animación y la velocidad de un coche en el recorrido del circuito, incluir datos de tiempo, fuerza G, marchas, posición kilométrica en pista, etc.). Este matiz deportivo quedó incompleto por la falta de tiempo y la escasa información que disponíamos de ese área.

Tal y como se muestra aquí se expuso ante los otros dos grupos de trabajo y los profesores, donde discutimos y revisamos el gráfico. Ahora cuando lo reviso en frio y pienso en los detalles que se puntualizaron en la exposición del trabajo puedo sacar una lista de las deficiencias del gráfico y hacer algo de autocrítica en pro de un mejor trabajo en futuras ocasiones.

Deficiencias del gráfico:

Precarga inexistente: La entrada al gráfico debería estar limitada en un punto inicial de la animación, utilizándose como precarga del documento dando una pista informativa al usuario de lo que se va a desarrollar dentro.
Sonido en la presentación: hay que evitar la autoreproducción de un sonido tras la carga del gráfico en un navegador y más cuando se trata del que manejamos en este ejemplo. Lo único que conseguiremos con esto es sobresaltar al usuario.
Replanteamiento de la localización: El precipitado comienzo de la animación hace que el usuario no pueda ver la localización. Asimismo no aporta información que ayude a ubicar valencia dentro de los mapas previos que aparecen, ni una referencia de escala métrica.
Efecto “blink”: El contínuo flash del trazado del circuito en la vista isométrica que indica el click para el siguiente paso de la animación, satura al lector y distrae de la lectura visual del resto del mapa. Se debería haber optado por una solución menos agresiva visualmente.
Escasa información visual en el trazado: Cuando vemos que el coche recorre el circuito se nos ofrece muy poca información, por cuestiones que ya he comentado, pero éste se vería enriquecido si hubieramos marcado la linea de salida, la trazada y el resto de la información que anteriormente citaba.
Botones adelante y atrás: Debería darse la posibilidad de volver atrás y poder recorrer el gráfico desde sus primeras pantallas.
Lectura lineal condicionada: Creo que fue un fallo “obligar” al lector a tragarse la información de los puntos marcados. Se podría dar la opción al lector de desactivar los saltos tipo pop-up, por si quiere ver la información del coche en pista sin que se pare el coche en los puntos marcados; ya que la lectura de esa información está siempre disponible haciendo click en la línea de progreso y los indicadores del circuito.
Inclusión de las fuentes y los créditos: Siempre ha de incluirse esta información.

Errores del trabajo en grupo:

Deficiencias en la organización del trabajo: En general el planteamiento fue claro y bien dividido. Se cubrieron los objetivos generales marcados. Pero aún así aparecieron los siguientes fallos de coordinación: No se plantearon inicialmente todas las características técnicas del archivo flash y nos encontramos con archivos con diferente velocidad de frames. Se dipuso de muy poco tiempo para el montaje final de las partes y no tuvimos oportunidad de revisarlo en grupo antes de su exposición para limar fallos como la precarga, el flasheo, etc que saltaban a primera vista.

En definitiva fue un buen trabajo para el tiempo del que dispusimos. Muy bien valorado por los profesores y los compañeros, pero siempre mejorable.

4 thoughts on “Curso de Infografía Multimedia: Caso 1

  1. Espero que finalmente lo puedas enlazar aquí, me ha gustado leer como se hace una cosa de esas “en serio”, me gustaría ver el resultado final.

    La curiosidad, que mató al gato, ya sabes.

  2. COmpañero, excelente tu blog, me encanta la narrativa y la crítica a nuestro gráfico y también me encanta el link del videoclip infografico
    No te cortes y mete el de los osos panda tambien
    Un abrazo
    Ernesto

  3. Pingback: JABlog » Blog Archive » Curso de Infografía Multimedia: Caso 2

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>