Este documento contiene diapositivas de una presentación sobre diseño de interfaces tecnológicas dictada por el Profesor Marcelo Santos. La presentación introduce diferentes métodos y tipos de referencias para el diseño de interfaces como referencias visuales, multimedia, cinéticas y perceptivas. También presenta ejemplos como mapas del mercado y diseños conceptuales. Por último, asigna como tarea final para los estudiantes el desarrollo del diseño de una página de inicio y una interna basándose en wireframes, objetivos y referencias.

1. UNAB – 1º sem 2009 Interfaces Tecnológicas De la teoría a la práctica del diseño Prof. Marcelo Santos Comunicación Multimedia UNIACC 1er semestre 2010

2. UNIACC – 1º sem 2010 UNAB – 1º sem 2009 ¿Cómo sintetizar todo el trabajo en una interfaz ?

3. UNIACC – 1º sem 2010 Prof. 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

4. UNIACC – 1º sem 2010 Prof. Marcelo Santos Referencias visuales Tipografía Paleta de colores Geometría Diagramación

5. UNIACC – 1º sem 2010 Prof. Marcelo Santos AI + Diseño Paleta de colores

6. UNIACC – 1º sem 2010 Prof. Marcelo Santos Map of the Market (13/11/08)

7. UNIACC – 1º sem 2010 Prof. Marcelo Santos Map of the Market (14/11/08)

8. UNIACC – 1º sem 2010 Prof. Marcelo Santos Referencias multimedia Texto Documentos Audio Video Podcast Lenguajes híbridos

9. Multimedia o híbrido ? UNIACC – 1º sem 2010 Prof. Marcelo Santos

10. La TV no es la misma… UNIACC – 1º sem 2010 Prof. Marcelo Santos

11. UNIACC – 1º sem 2010 Prof. Marcelo Santos Referencias cinéticas Movimiento Animación Interacción Estructura narrativa

12. UNIACC – 1º sem 2010 Prof. Marcelo Santos Manifiesto Primo

13. UNIACC – 1º sem 2010 Prof. Marcelo Santos Toshiba Planet – público + concepto

14. UNIACC – 1º sem 2010 Prof. Marcelo Santos Cognitus = Arte + Ciencia + Filosofía

15. Brasil Adentro: narrativa y estética de exploración UNIACC – 1º sem 2010 Prof. Marcelo Santos

16. UNIACC – 1º sem 2010 Prof. Marcelo Santos Referencias perceptivas “ Look and Feel” Sentimientos Sensaciones

17. UNIACC – 1º sem 2010 Prof. Marcelo Santos

18. UNIACC – 1º sem 2010 Prof. Marcelo Santos

19. UNIACC – 1º sem 2010 Prof. 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

20. UNIACC – 1º sem 2010 Prof. 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)

21. 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 Prof. Marcelo Santos

22. 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 UNIACC – 1º sem 2010 Prof. Marcelo Santos