inter tecno diseno interfaz

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