INFORMACION 07

Diseño de la Información visualización interactiva

Competencias 1. Escoge el formato y sustrato de informaciĂłn de acuerdo a las caracterĂ­sticas del usuario y requerimientos del proyecto.

2da unidad

Recepción del mensaje 1. Formatos de información: Infografías, gráficos de visualización de datos, presentaciones multimedia.

2. Creación de bocetos digitales: wireframes.

La informaciรณn de interfaz visualizaciรณn de datos e informaciรณn para el usuario y sus requerimientos

REPRESENTACIÓN VISUAL

visualización de la información

gran cantidad de data numérica y no–numérica

información cualitativa y cuantitativa

diseño de la información

visualización científica

3D y representaciones realistas

infografías

representación estética de la información

visualización de datos explora y descubre data numérica

gráficas de estadísticas

cartografía temática

análisis de estadísticas

mapas y lo espacial

Vídeos instructivos

Diaporamas

PRESENTACIONES

SITIOS WEB Diagramas animados

Mapas interactivos

Diagramas interactivos

Afiches

APPS

CONFERENCIAS

EXPLORACIÓN

3. El usuario tiene una libertad aparentemente absoluta (el diseñador siempre es el que decide lo que el lector va a ver, aunque no en qué momento).

MANIPULACIÓN

2. El usuario puede cambiar características físicas de ciertos objetos en el mundo virtual. Es un tipo de instrucción, porque se realiza por medio de botones.

INSTRUCCIÓN

1. El usuario indica al dispositivo qué hacer por medio de botones.

http://politics.nytimes.com/election-guide/2008/results/votes/index.html

http://politics.nytimes.com/interactive/2007/09/03/business/20070903_DELAY_GRAPHIC.html

http://politics.nytimes.com/interactive/2007/09/06/world/middleeast/ 20070907_BUILDUP_MAIN_GRAPHIC.html

http://politics.nytimes.com/interactive/2007/10/26/magazine/ 20071028_KILIMANJARO_GRAPHIC.html

http://www.informationisbeautiful.net

https://www.good.is/infographics

https://ernestoolivares.com/2016/01/16/best-interactiveinfographics-examples/

https://fathom.info/miles-web/

Encargo No5

Identificar lo interactivo 1. Análisis de una infografía interactiva.

2. Identificar sus recursos narrativos: mapas, estadísticas, listas, fotografías, audios, vídeos, diagramas, etc.

3. Identificar el número de pasos horizontales (diapositivas) y el número de pasos verticales (profundidad).

4. Utilizar la información extraída del encargo No4 (se puede rehacer con algún otro tema de interés personal) y secuenciar un storyboard (formato blueprint) de una infografía interactiva.

5. Exposición y corrección en sala.

Pauta de evaluación Consta de 6 puntos que dan un total de 100% (100%= 7.0 / 0%= 1.0), variando en sus proporciones. Cada punto, a su vez, tiene una escala de valoración de 4 puntos: sobresaliente, logrado, semilogrado e insuficiente. a. [20%] Presentación: factura y cuidado en la entrega. b. [20%] Conceptualización: comprensión del encargo (uso de los conceptos y materia asociada a la asignatura). c. [20%] Análisis gráfico: uso adecuado de los elementos visuales propios del diseño de la información. d. [15%] Profundización: aplicación correcta y deliberada de conceptos relativos a la Conceptualización y Análisis gráfico del encargo. e. [15%] Plasticidad: uso adecuado del material. f. [10%] Concreción: realizar el trabajo dentro del tiempo asignado y de la forma en que se asignó.

Insuficiente

Semilogrado

Presentación

0–5

6–10

11–15

16–20

Conceptualización

0–5

6–10

11–15

16–20

Análisis gráfico

0–5

6–10

11–15

16–20

Plasticidad

0

1–5

6–10

11–15

Profundización

0

1–5

6–10

11–15

Concreción

0

0

5

10

15%

40%

70%

100%

máximo posible

Calificaciones

Logrado

Sobresaliente

0%

1.0

25%

2.5

50%

4.0

75%

5.5

5%

1.3

30%

2.8

55%

4.3

80%

5.8

10%

1.6

35%

3.1

60%

4.6

85%

6.1

15%

1.9

40%

3.4

65%

4.9

90%

6.4

20%

2.2

45%

3.7

70%

5.2

95%

6.7

Bibliografía Baer, Kim. “Information design workbook” / COD: 741.6 B141I McCandless, David. “Information is beautiful” / COD: 741.6 M478I De Bono, Edward. “Seis sombreros para pensar” / COD: 153.9 D340S Nielsen, Jacob. “Usabilidad: prioridad en el diseño web” / COD: 005.72 N554U Cairo, Alberto. “Infografía 2.0: visualización interactiva …” / COD: 741.65 C136I