Diseño de la Información el proyecto de información
Competencias 1. Identifica tipo de producto y su propósito comunicativo, en función del contexto de uso y usuario. 2.Identifica características del público objetivo al que está dirigido el producto, de acuerdo a los requerimientos del proyecto.
1ra unidad
Tipologías de información 1. Productos de información: Documentos, Interfaz digital, Interfaz física. 2. Público objetivo y sus características: Perfiles de usuario, Focus group, Encuestas/entrevistas.
Proyecto y prototipo identificaciรณn de usuario y primer alcance
Baer, Kim. “Politics: Information design workbook”, 2008.
¿Qué necesita saber y por qué necesita saberlo?
Usuario
¿Cómo queremos que responda a la información? inspiración motivación seguridad
Usuario
¿Cómo es el escenario/soporte? ¿Estará trabajando, en reposo o caminando? ¿Le gusta leer? ¿Leerán de una vez o por partes? ¿Será desechable o de consulta? ¿Será en español o adoptará otros idiomas? ¿Cómo funciona su visión? ¿ve bien? ¿La densidad de información es un problema?
Al pan, pan, y al vino, vino
Usar lenguaje claro y directo Ser económicos en el uso de palabras, usar palabras que el usuario entienda. Debe ser fácil de leer, cómo si leerlo fuera su única función. No se trata de acortar las frases, oraciones o párrafos. Se debe repensar la información ¿qué queremos decir? ¿a quién se lo decimos? ¿por qué?
Alcances
Benchmarking
Analizar
concepto procedimiento proceso principio hecho estructura clasificación
Diseño
Testeo/ refinamiento
Organizar
Idea que concibe el entendimiento. Método de ejecución. Transcurso de tiempo. Norma o idea que rige pensamiento o conducta. Realidad inmutable. Disposición de las partes de un conjunto. Ordenar con jerarquías.
Implementación
Secuenciar
Monitoreo
Visualizar
Alcances
Benchmarking
Analizar
Diseño
Organizar
Testeo/ refinamiento
Secuenciar
¿Qué va primero? ¿Qué partes de la información son más relevantes? ¿Qué dejamos fuera?
Implementación
Monitoreo
Visualizar
Alcances
Analizar
Benchmarking
Diseño
Organizar
Testeo/ refinamiento
Implementación
Secuenciar
Mapas de visualización Blueprints Wireframes Focus groups
Monitoreo
Visualizar
Alcances
Analizar
Benchmarking
Diseño
Organizar
Testeo/ refinamiento
Implementación
Secuenciar
Monitoreo
Visualizar
Definición de materiales/soporte Definición de estructura gráfica (information graphics) Definición de elementos de comunicación visual Diseño final
Ejemplo casero Mi colección de música y cómo la uso
concepto procedimiento proceso
Afición musical Escuchar música en un tocadiscos Coleccionismo
principio
Cuidado al escoger qué adquirir
hecho
La colección es amplia y variada
estructura clasificación
Gustos musicales Discos, bandas, estilos musicales
Zero Freitas, dueño de la colección de vinilos más grande del mundo.
Catรกlogo de ventas de discos por correo.
www.chartingthebeatles.com
Mapas
Tiempo
Tiempo–espacio
Diagramas
Plano
Día
Calendario/mapa
Cilindro
Semana
Relación por variables múltiples
Cono
Mes Año Década Siglo
Relación por jerarquía
Meirelles, Isabel. “La información en el diseño”. 2013.
Meirelles, Isabel. “La información en el diseño”. 2013.
Meirelles, Isabel. “La información en el diseño”. 2013.
Meirelles, Isabel. “La información en el diseño”. 2013.
Meirelles, Isabel. “La información en el diseño”. 2013.
Entrega No1
Blueprints 1. Con el tema escogido y el usuario identificado levantar un informe con la data analizada y organizada. 2. A través de un benchmarking (estudio de referentes) en la etapa de secuenciar, escoger un tipo de estructura apropiada para la visualización de la información. 3. En una lámina de 50 x 80 cms. ilustrar el trabajo de esquemas previos (blueprints).
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