11 - diseno interaccion - metodologia de diseno
DESCRIPTION
Algunas breves orientaciones para pautar el diseño digital de interfacesTRANSCRIPT
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)