Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Diseño de Interfaces

544 views

Published on

Introducción al Diseño de Interfaces.

Taller de Diseño Industrial 2, Cátedra Rondina.
Septiembre 2016

Published in: Design
  • Be the first to comment

  • Be the first to like this

Diseño de Interfaces

  1. 1. DISEÑO DE INTERFACES CREANDO PRODUCTOS AMABLES Pablo Fernández Vallejo @ FADU.UBA 01.09.2016
  2. 2. ¿Qué es una interfaz? ¿Cómo es el proceso de diseño? Recursos
  3. 3. INTERFAZ INTERACCIÓNUSUARIO OBJETO
  4. 4. “[El diseño de interfaces] se ocupa de describir el comportamiento del usuario y definir cómo el sistema lo tendrá en cuenta y dará respuesta al mismo” “[Interaction design] is concerned with describing user behaviour and defining how the system will accommodate and respond to that behaviour” Jesse James Garrett, 2011
  5. 5. ¿Qué hace a una buena interfaz?
  6. 6. UN BUEN MODELO CONCEPTUAL Las personas, cuando usamos un objeto u operamos con una interfaz de usuario, nos formamos un modelo conceptual de su funcionamiento.
  7. 7. MODELO CONCEPTUAL DEL USUARIO UN BUEN MODELO CONCEPTUAL IMAGEN DEL SISTEMA SISTEMA USUARIO MODELO CONCEPTUAL DEL DISEÑADOR DISEÑADOR
  8. 8. La relación entre las intenciones del usuario, las acciones requeridas y los resultados son: Razonables No arbitrarias Significativas HACER LAS COSAS VISIBLES
  9. 9. HACER LAS COSAS VISIBLES Es la cualidad de un objeto que permite a un individuo percibir la posibilidad realizar una acción. AFFORDANCE PRESTACIONES / OFRECIMIENTO
  10. 10. AFFORDANCE PRESTACIONES / OFRECIMIENTO Posibilidad de acción Percepción SINO NO SI Rechazo correcto Affordance escondido Affordance percibido Affordance falso HACER LAS COSAS VISIBLES
  11. 11. ¿Qué es una interfaz? ¿Cómo es el proceso de diseño? Recursos
  12. 12. INVESTIGACIÓN ARQUITECTURA DE LA INFORMACIÓN DISEÑO DE INTERACCIÓN TESTEO CON USUARIOS
  13. 13. INVESTIGACIÓN
  14. 14. INVESTIGACIÓN OBTENER INFORMACIÓN Entrevistas Estudios de campo Testeos con usuarios
  15. 15. INVESTIGACIÓN
  16. 16. INVESTIGACIÓN MODELAR LA INFORMACIÓN Definición de objetivos Definición de usuarios Personas
  17. 17. ARQUITECTURA DE LA INFORMACIÓN
  18. 18. ARQUITECTURA DE LA INFORMACIÓN
  19. 19. ARQUITECTURA DE LA INFORMACIÓN ESTRUCTURAR LA EXPERIENCIA Secuencia de Uso / Flujo Mapa de experiencia Card Sorting
  20. 20. DISEÑO DE INTERACCIÓN
  21. 21. DISEÑO DE INTERACCIÓN
  22. 22. DISEÑO DE INTERACCIÓN Ideación Bocetos Definiciones Modelado Diseño Visual Terminaciones
  23. 23. TESTEO CON USUARIOS
  24. 24. TESTEO CON USUARIOS
  25. 25. TESTEO CON USUARIOS Prototipado Testeo de Usabilidad Iteraciones del diseño
  26. 26. INVESTIGACIÓN ARQUITECTURA DE LA INFORMACIÓN DISEÑO DE INTERACCIÓN TESTEO CON USUARIOS
  27. 27. ¿Qué es una interfaz? ¿Cómo es el proceso de diseño? Recursos
  28. 28. DON NORMAN
  29. 29. JAKOB NIELSEN
  30. 30. 100 cosas sobre la gente que todo diseñador debe saber SUSAN WEINSCHENK No me hagas pensar STEVE KRUG La psicología de los objetos cotidianos DON NORMAN
  31. 31. Preguntas :)
  32. 32. GRACIAS! Pablo Fernández Vallejo @ FADU.UBA 01.09.2016

×