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