LC3-2010-Clase No.1

1,205 views

Published on

Diseño Centrado en las Personas
Lenguaje Computacional 3
Diseño Gráfico
Escuela de Arquitectura y Diseño
Pontificia Universidad Católica de Valparaíso
Chile

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,205
On SlideShare
0
From Embeds
0
Number of Embeds
214
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

LC3-2010-Clase No.1

  1. 1. Diseño de Medios Digitales @jorgebarahona junio, 2010 miércoles 30 de junio de 2010
  2. 2. Qué es un MD? • Pantallas • Internet • Móviles • TV • Juegos • Consolas de comando miércoles 30 de junio de 2010
  3. 3. miércoles 30 de junio de 2010
  4. 4. Evaluación Heurística > Eye ev iew > trac pert R k in g Ex Dis g eñ kin od ar eC hm 2 on enc te ni >B 3 d or os id > m M su ap on C O M P O RTA M I E N TO as lC de DE LAS De Na to veg PERSONAS ien ac i E S T R AT E G I A am ar ón > port ur Wire ct Com ru frames st Briefing > e planificar de Contenidos ARQUITECTURA DE 1 DISEÑO DE LA INFORMACIÓN 4 CÓDIGOS DE INTERFAZ s Prog e ram DISEÑO DE ra iref ma DISEÑO DE pr INTERACCIÓN >W ció od nX INTERFAZ n uc ció HT ir ac ML er nt > eI CS d S as >C ap pa 6 M a Aj Dise l > ño de Exp riencia Digita METODOLOGÍA ax es al T ip e 5 e nt og sM raf ía d elo > Cr Mo omá ión t ica > etac D iseño de Iconografía > Maqu miércoles 30 de junio de 2010
  5. 5. Estrategia • Breif • Entrevistas guiadas • Benchmark miércoles 30 de junio de 2010
  6. 6. miércoles 30 de junio de 2010
  7. 7. tra Brief > Con CON r ief VER eB SA CIO f >D NE rie S >> E F >> B tn I E og BR ra f ía >P er AR so na IC ¿c BRIEFING sy uá NIF Es nd cen PLA o? ? ario es E S T R AT E G I A én s ui ¿q ¿qué? CONVERSACIONES GUIADAS 1 ca ¿cómo? la mar g de BENCHMARK kin C O M P O R TA M I E N T O rac DE LAS >T to PERSONAS er xp le de e s n io 2 t ac A no > ios BEN er vic CHM e los s A R K >> C alificación d miércoles 30 de junio de 2010
  8. 8. Comportamiento de las personas • Expert Review • Personas & Escenarios • Evaluación Heurística • Eyetracking miércoles 30 de junio de 2010
  9. 9. miércoles 30 de junio de 2010
  10. 10. 2 C O M P O R TA M I E N T O DE LAS PERSONAS R E S T R AT E G I A ICA PLANIF EXPERT REVIEW 1 ARQUITECTURA DE LA INFORMACIÓN E VA L U A C I Ó N HEURÍSTICA EYETRACKING ES TR CT 3 U UR AR miércoles 30 de junio de 2010
  11. 11. Arquitectura de la Información • Diseño de Contenidos • Mapas de Navegación • Wireframes miércoles 30 de junio de 2010
  12. 12. miércoles 30 de junio de 2010
  13. 13. CT URAR R U E ST DI SE ÑO 3 DE CO N TE N ID ARQUITECTURA O S DE LA >> C INFORMACIÓN ar dso rtin R E S T R AT E G I A ICA g >L PLANIF ingû DISEÑO DE istica CONTENIDOS 1 DISEÑO DE INTERACCIÓN M A PA S D E N AV E G A C I Ó N WIREFRAMES DE CONTENIDOS 4 miércoles 30 de junio de 2010
  14. 14. Diseño de Interacción • Mapas de la Interacción • Wireframes ricos • Modelos mentales miércoles 30 de junio de 2010
  15. 15. miércoles 30 de junio de 2010
  16. 16. CT URAR T RU ES 4 DISEÑO DE INTERACCIÓN R E S T R AT E G I A ICA PLANIF MODELOS M E N TA L E S 1 DISEÑO DE INTERFACES M A PA S D E INTERACCIÓN WIREFRAMES RICOS CO NS TR 5 UI R miércoles 30 de junio de 2010
  17. 17. Diseño Visual • Diseño Tipográfico • Diseño Cromático • Lenguaje de Iconos • Maquetación miércoles 30 de junio de 2010
  18. 18. miércoles 30 de junio de 2010
  19. 19. R ST RUI C ON 5 DISEÑO DE INTERFAZ R E S T R AT E G I A ICA PLANIF TIPOGRAFÍA DISEÑO DE 1 CÓDIGOS DE INTERFAZ M A Q U E TA C I Ó N CROMÁTICA DISEÑO DE ICONOGRAFÍA 6 miércoles 30 de junio de 2010
  20. 20. Diseño de Códigos de la Interfaz • XHTML • CSS • Ajax miércoles 30 de junio de 2010
  21. 21. miércoles 30 de junio de 2010
  22. 22. R ST RUI N CO 6 DISEÑO DE CÓDIGOS DE INTERFAZ R ICA PLANIF E S T R AT E G I A PROGRAMACIÓN 1 XHTML OTROS LENGUAJES PROGRAMACIÓN CSS PROGRAMACIÓN C A PA A J A X miércoles 30 de junio de 2010
  23. 23. preguntas miércoles 30 de junio de 2010

×