Upload
marcelo-santos
View
381
Download
10
Embed Size (px)
DESCRIPTION
Algunas breves orientaciones para pautar el diseño digital de interfaces
Citation preview
Diseño de InteracciónDiseño de InteracciónProf. Marcelo Santos Prof. Marcelo Santos - @celoo- @celoo
Diseño de InteracciónDiseño de InteracciónProf. Marcelo Santos Prof. Marcelo Santos - @celoo- @celoo
Metodología de Diseño Digital
1er semestre - 2012
¿Cómo sintetizar todo el trabajo en
una interface?
3 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Métodos
• Referencias– Benchmark = mismo rubro– Otros rubros = mismo público, sensación, tipo de
interacción
• Tipos de referencias1.Conceptuales2.Visuales3.Multimedia4.Cinéticas5.Perceptivas
4 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
1. Referencias conceptuales
• Más que el mismo ¨rubro¨, identificar mismo ¨concepto¨
• Creatividad
• Seguridad
• Cercanía
• Sencillez, etc.
5 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
2. Referencias visuales
• Tipografía
• Paleta de colores
• Geometría
• Diagramación
6 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
AI + Diseño
7 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
3. Referencias multimedia
• Texto
• Documentos
• Audio
• Video
• Podcast
• Lenguajes híbridos
http://www.pbs.org/wgbh/pages/frontline/digitalnation/view/
9 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
4. Referencias cinéticas
• Movimiento
• Animación
• Interacción
• Estructura narrativa
10 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Map of the Market (13/11/08)
11 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Map of the Market (14/11/08)
12 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Manifiesto Primo
13 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Cognitus – Diagrama de las ciencias
14 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Cognitus = Arte + Ciencia + Filosofía
15 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Amazing Amazon
16 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
5. Referencias perceptivas
• “Look and Feel”
• Sentimientos
• Sensaciones
17 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
18 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
19 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Examen
• Desarrollar el diseño basado en:– Wireframe (AI) home y una interna (subhome)
– Objetivos– Público-objetivo– Referencias (inspiración)
• Empezar a preparar presentación– Presentación: Lunes, 25/06– Tiempo máximo = 30 minutos
20 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Examen – 25/06
• Presentación (aprox. 15-20 diapositivas)– Contexto (1)– Benchmark (2)– Objetivos (1)– Metodología (1)– Inventario de contenido (1)– Diseño de Información (6)
• Estructuras de clasificación• Card Sorting• Jerarquía de contenido• Wireframes
– Diseño de Interfaz• Referencias (2)• Concepto (1)• Diseño (3)