Friday, September 14, 2007

Vamos Chile! | teoría

El usuario:


¿Qué es el diseño de información?

Selección, organización y presentación de la información para un audiencia determinada.

Su principal objetivo es la comunicación eficiente de información, para que de esta manera presentando todos los datos, el usuario tome algún tipo de decisión.


Técnicas de representación:

Que se considera como un diagrama de información: Gráficos barra, de torta, líneas de tiempo, dibujos de detalle, ilustraciones etiquetadas, mapas, planos y alguna ilustración diseñada para informar.

Se agrupan en: - Diagramas ilustrativos

- Diagramas estadísticos

- Diagramas relacionales

- Diagramas de organización

- Gráficos de tiempo

1) Diagramas ilustrativos: Utilizan la imagen para describir la situación o los eventos que muestran. Son usados para retratar conceptos físicos y abstractos.

a) símbolos: El uso de símbolos o pictogramas sustituye el uso de las palabras. Para no confundir al usuario, hay que ser coherente y constante con los estilos de estos.

b) Ilustración: Lo esencial es la claridad. También es importante agrupar los aspectos fundamentales y darles etiquetas claras, para que el usuario no se pierda y logre asimilar los contenidos de una forma ordenada.

La ilustración simplificada (como los símbolos) ayuda para explicar procesos complejos.

El uso de etiquetas (nombres) es esencial en procesos complejos. Se pueden unir a la ilustración por medio de números o líneas.

El uso del color y la técnica de ilustración deben ser pertinentes al usuario.

2) Diagramas estadísticos: Presentar datos de una forma clara y sin ambigüedades es la función del diseñador de información.

a) Tablas: Son de factura simple, pero lo principal es crear tablas que guíen la atención hacia la información importante

b) Gráficos de Línea: Puntos de valor secuenciales situados en una matriz, unidos después con una línea que muestra el índice de cambios. En ellos se puede jugar con diferentes posiciones, pero lo esencial es la línea y su variación. También el uso de un estilo gráfica puede ayudar a hacerlo más atractivo para el usuario.

c) Gráficos de dispersión: Parecido al de línea de tiempo, pero aquí los puntos se comportan de una manera individual.

d) Gráficos de Barra: Se presentan los valores como longitudes. Al colocarlos unos al lado del otro, la comparación de estos se hace más simple. La manera de disponerlos puede cambiar, siempre y cuando la información no se distorsione. Las barras también se pueden reemplazar por ilustraciones o pictogramas.

e) Gráficos de Área: Generalmente conocidos como los de torta. Aquí se muestran los valores como áreas en vez de longitudes.

f) Gráficos de Volumen: Son más complicados de crear, ya que necesitan cálculos más precisos. El volumen se convierte en la cantidad.

g) Gráficos Combinados: La combinación de 2 o más tipos de gráficos estadísticos crean una imagen más atractiva.

Diagramas Digitales: como diseñar y presentar información gráfica.

Trevor Bounfor. 2001

__________________________________________________________________

Técnicas para dar forma a la información:

- Énfasis o comprensión

- Comparación o estructuración

- Agrupación y ordenación

- Selección y omisión

- Opción por un reconocimiento inmediato o retardado

- Presentación de manera interesante

4 ejes de los esquemas:

a) grado de abstracción-iconicidad

b) grado de información-redundancia

c) grado de inteligibilidad- complejidad

d) grado de semanticidad- estética

Las etapas del proceso creativo de esquematización

  • Obtención de la información o documentación: lo principal es comprender el problema, lo que se debe comunicar y a quien, para hacerlo con eficacia.

  • Etapa Heurística: es la etapa creativa, imaginar soluciones posibles. <>. El proceso es más intuitivo que lógico.

  • Formación y corrección gramatical: corregir los trazos y en general todas las cosas que sobren o que no funcionen. Hasta que el fenómeno quede totalmente comprensible.

  • Realización definitiva: el realizamiento del diseño final siguiendo todas las normas y método aplicables. En esta etapa también interviene el agrado visual. Se buscara mejor el aspecto estético, pero sin cambiar la estructura topológica.

  • Verificación: Se prueba su legibilidad, su aceptación y comprensión. Esto se comprueba probándolo en el grupo objetivo.

Los componentes básicos de un esquema son los datos objetivos de base de un fenómeno real.

- El número de componentes determina el Nº de variables gráficas

- El aumento progresivo de componentes/variables aumenta el grado de complejidad de 1 esquema

Es también muy relevante la complejidad y la cantidad de la información, que puede ser medida por la formula de Shannon, que dice que hay 2 factores: el número de elementos y la originalidad (repetición de procesos)

Para que un esquema funcione tiene que estar estructurado en función de las lógicas del receptor.

Es también muy relevante la complejidad y la cantidad de la información, que puede ser medida por la formula de Shannon, que dice que hay 2 factores: el número de elementos y la originalidad (repetición de procesos).

La visualización de esquemas.

Joan Costa, 2000

__________________________________________________________________

Tips para una buena infografía

Exelencia gráfica:

- Ideas ideas complejas, comunicadas de una forma clara, precisa y eficaz.

- Mayor cantidad de datos explicados en el menor cantidad de espacio.

- Información real y verdadera.

Integridad gráfica: En un mundo lleno de información, es necesario que la información que presentemos sea verdadera y sobre todo completa.

- La gráfica no debe citar información fuera de contexto

- El diseño de ser claro, detallado. Los etiquetados debe ser usados para derrotar la distensión gráfica y la ambigüedad.

- Se debe mostrar variación de información, no variación diseñada.

a) Data-ink:

Sólo hay que mostrar lo esencial de la información, así el espectador solo se concentrará en lo importante y no en el decorado.

El uso de la tinta solo debe ser usado para la información. En ese sentido, en una gráfica buena, si es que algo fuera borrado, la información se perdería (como un electrocardiograma). Además mientras más tinta sea usada solo en información, mejor será.

Entonces:

§ Evitar todo menos el mostrar información

§ Maximizar la cantidad de tinta usada para información

§ Borrar lo que no sea información

§ Borrar toda la redundancia de información

§ Revisar y luego corregir

b) ChartJunk(decorado):

El uso de decorado no aporta al espectador, más bien lo estorba. La información termina siendo más compleja de lo que podría ser, por lo que no ayuda.

Dentro de esta categoría caen:

§ Arte Optico sin sentido(tramas)

§ La grilla(si es indispensable, quitarla)

§ The Duck(cuando la info. Pasa a un segundo plano)

c) Elementos gráficos multifuncionales:

Técnica en donde los elementos tengan varias funciones. En general muy difícil de generar. Pero bien usados sirven para maximizar el uso de tinta en la información.

d) Densidad de información

La cantidad de información mostrada debe ser la mayor en el espacio más reducido posible. Además poner poca información es sospechoso, ya que el usuario se podrá preguntar ¿qué pasa con la información que falta? ¿me estarán mintiendo? Mientras más información haya para comparar, más efectiva será.

Entonces:

o Maximizar la cantidad de información

o Siempre hacer gráficas comparativas

o Siempre poner solo información útil

e) Estética y técnica en la gráfica:

La gráfica debe ser elegante: Simplicidad de diseño, complejidad de información.

Para lograrlo se pueden seguir unos tips:

- Escoger bien el formato de diseño

- Reflejar un balance, una proporción, un sentido de una escala relevante.

- Usar complejidad de detalle entendible y accesible

- Evitar la decoración sin sentido

- Usar ilustraciones bien hechas, con cuidado.

- El uso de texto ayuda al usuario a centrar su atención en 1 punto.

- El uso del color debe ser utilizado para resaltar características relevantes

El texto debe tener las siguientes características para que sea bien visualizado:

- palabras bien escritas(enteras)

- Puestas en dirección correcta

- Evitar la decoración en gráficos (achurados, sombras etc) mejor nombrarlos.

- Usar altas y bajas con serif

Conclusiones finales:

- El diseño debe ser elegante, sensillo y muy claro.

- Mostrar información real

- Evitar el decorado

- Maximizar la información(mucha información en poco espacio)

- Usar elementos multifuncionales

- Usar la tipografía adecuadamente

The visual display of quantitative information

E. Tufte, 2000

Continuará…