inter tecno diseno interfaz
TRANSCRIPT
![Page 1: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/1.jpg)
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
![Page 2: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/2.jpg)
UNIACC – 1º sem 2009 2UNAB – 1º sem 2009 2
¿Cómo sintetizar todo el trabajo en
una interface?
![Page 3: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/3.jpg)
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
![Page 4: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/4.jpg)
UNIACC – 1º sem 2010 4Prof. Marcelo Santos
Referencias visuales
• Tipografía
• Paleta de colores• Geometría
• Diagramación
![Page 5: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/5.jpg)
UNIACC – 1º sem 2010 5Prof. Marcelo Santos
AI + Diseño
![Page 6: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/6.jpg)
UNIACC – 1º sem 2010 6Prof. Marcelo Santos
Map of the Market (13/11/08)
![Page 7: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/7.jpg)
UNIACC – 1º sem 2010 7Prof. Marcelo Santos
Map of the Market (14/11/08)
![Page 8: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/8.jpg)
UNIACC – 1º sem 2010 8Prof. Marcelo Santos
Referencias multimedia
• Texto
• Documentos• Audio
• Video
• Podcast
• Lenguajes híbridos
![Page 9: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/9.jpg)
![Page 10: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/10.jpg)
UNIACC – 1º sem 2010 10Prof. Marcelo Santos
Referencias cinéticas
• Movimiento
• Animación• Interacción
• Estructura narrativa
![Page 11: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/11.jpg)
UNIACC – 1º sem 2010 11Prof. Marcelo Santos
Manifiesto Primo
![Page 12: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/12.jpg)
UNIACC – 1º sem 2010 12Prof. Marcelo Santos
Cognitus – Diagrama de las ciencias
![Page 13: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/13.jpg)
UNIACC – 1º sem 2010 13Prof. Marcelo Santos
Cognitus = Arte + Ciencia + Filosofía
![Page 14: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/14.jpg)
UNIACC – 1º sem 2010 14Prof. Marcelo Santos
Amazing Amazon
![Page 15: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/15.jpg)
UNIACC – 1º sem 2010 15Prof. Marcelo Santos
Referencias perceptivas
• “Look and Feel”
• Sentimientos • Sensaciones
![Page 16: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/16.jpg)
![Page 17: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/17.jpg)
![Page 18: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/18.jpg)
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
![Page 19: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/19.jpg)
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)
![Page 20: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/20.jpg)
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
![Page 21: Inter tecno diseno interfaz](https://reader034.vdocuments.pub/reader034/viewer/2022042715/559c7dad1a28aba6288b471c/html5/thumbnails/21.jpg)
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