UNAB – 1º sem 2009 1
Interfaces TecnológicasDe la teoría a la práctica del diseño
Prof. Marcelo Santos
Comunicación MultimediaUNIACC
1er semestre 2010
UNIACC – 1º sem 2009 2UNAB – 1º sem 2009 2
¿Cómo sintetizar todo el trabajo en
una interface?
UNIACC – 1º sem 2010 3Prof. Marcelo Santos
Métodos
• Referencias– Benchmark = mismo rubro– Otros rubros = mismo público, sensación, tipo de
interacción
• Tipos de referencias– Conceptuales– Visuales– Multimedia– Cinéticas– Perceptivas
UNIACC – 1º sem 2010 4Prof. Marcelo Santos
Referencias visuales
• Tipografía
• Paleta de colores• Geometría
• Diagramación
UNIACC – 1º sem 2010 5Prof. Marcelo Santos
AI + Diseño
UNIACC – 1º sem 2010 6Prof. Marcelo Santos
Map of the Market (13/11/08)
UNIACC – 1º sem 2010 7Prof. Marcelo Santos
Map of the Market (14/11/08)
UNIACC – 1º sem 2010 8Prof. Marcelo Santos
Referencias multimedia
• Texto
• Documentos• Audio
• Video
• Podcast
• Lenguajes híbridos
UNIACC – 1º sem 2010 10Prof. Marcelo Santos
Referencias cinéticas
• Movimiento
• Animación• Interacción
• Estructura narrativa
UNIACC – 1º sem 2010 11Prof. Marcelo Santos
Manifiesto Primo
UNIACC – 1º sem 2010 12Prof. Marcelo Santos
Cognitus – Diagrama de las ciencias
UNIACC – 1º sem 2010 13Prof. Marcelo Santos
Cognitus = Arte + Ciencia + Filosofía
UNIACC – 1º sem 2010 14Prof. Marcelo Santos
Amazing Amazon
UNIACC – 1º sem 2010 15Prof. Marcelo Santos
Referencias perceptivas
• “Look and Feel”
• Sentimientos • Sensaciones
UNIACC – 1º sem 2010 18Prof. Marcelo Santos
Última Tarea!!!
• Desarrollar el diseño basado en:– Wireframe (AI) home y una interna (subhome)
– Objetivos– Público– Referencias
• Empezar a preparar presentación– Presentación: Viernes, 09/julio, Sala O-114– Tiempo máximo = 30 minutos
UNIACC – 1º sem 2010 19Prof. Marcelo Santos
Última Tarea!!!
• Presentación (aprox. 15 slides)– Contexto (1)– Benchmark (1)– Objetivos (1)– Revisión de contenido (2)– Diseño de Información (5)
• Estructuras de clasificación• Jerarquía de contenido• Wireframes
– Diseño de Interface• Referencias (1)• Concepto (1)• Diseño (3)
UNIACC – 1º sem 2010 20Prof. Marcelo Santos
Próximas clases
• 21/06 (bloques a confirmar): 3 dimensiones del diseño multimedia– Modelo de análisis y diseño– Inspiración en la Semiología
• 25/06 – Bloques 5 y 6 solamente– Avance del trabajo: diseño y presentación– Ejemplos de presentación– Última revisión
UNIACC – 1º sem 2010 21Prof. Marcelo Santos
Próximas clases
• 09/07 – viernes, bloques 4 y 5 (11h10 – 13h10)
• Sala O-114– Examen = presentación del trabajo– Informe:
• Entrega hasta miércoles 07/07, 18h• Envío por e-campus para lectura previa