Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
DISEÑO DE INTERFACES
CREANDO PRODUCTOS AMABLES
Pablo Fernández Vallejo @ FADU.UBA 01.09.2016
¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos
INTERFAZ
INTERACCIÓNUSUARIO OBJETO
“[El diseño de interfaces] se ocupa de describir el
comportamiento del usuario y definir cómo el sistema lo tendrá
en cuen...
¿Qué hace a una buena interfaz?
UN BUEN MODELO CONCEPTUAL
Las personas, cuando usamos un objeto u
operamos con una interfaz de usuario, nos
formamos un mo...
MODELO
CONCEPTUAL
DEL USUARIO
UN BUEN MODELO CONCEPTUAL
IMAGEN
DEL
SISTEMA
SISTEMA
USUARIO
MODELO
CONCEPTUAL
DEL
DISEÑADOR...
La relación entre las intenciones del usuario, las acciones requeridas y los resultados son:
Razonables
No arbitrarias
Sig...
HACER LAS COSAS VISIBLES
Es la cualidad de un objeto que
permite a un individuo percibir la
posibilidad realizar una acció...
AFFORDANCE
PRESTACIONES / OFRECIMIENTO
Posibilidad de acción
Percepción
SINO
NO
SI
Rechazo
correcto
Affordance
escondido
A...
¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos
INVESTIGACIÓN
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO DE INTERACCIÓN
TESTEO CON USUARIOS
INVESTIGACIÓN
INVESTIGACIÓN
OBTENER INFORMACIÓN
Entrevistas
Estudios de campo
Testeos con usuarios
INVESTIGACIÓN
INVESTIGACIÓN
MODELAR LA INFORMACIÓN
Definición de objetivos
Definición de usuarios
Personas
ARQUITECTURA DE LA INFORMACIÓN
ARQUITECTURA DE LA INFORMACIÓN
ARQUITECTURA DE LA INFORMACIÓN
ESTRUCTURAR LA EXPERIENCIA
Secuencia de Uso / Flujo
Mapa de experiencia
Card Sorting
DISEÑO DE INTERACCIÓN
DISEÑO DE INTERACCIÓN
DISEÑO DE INTERACCIÓN
Ideación
Bocetos
Definiciones
Modelado
Diseño Visual
Terminaciones
TESTEO CON USUARIOS
TESTEO CON USUARIOS
TESTEO CON USUARIOS
Prototipado
Testeo de Usabilidad
Iteraciones del diseño
INVESTIGACIÓN
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO DE INTERACCIÓN
TESTEO CON USUARIOS
¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos
DON
NORMAN
JAKOB
NIELSEN
100 cosas sobre la gente que
todo diseñador debe saber
SUSAN WEINSCHENK
No me hagas pensar
STEVE KRUG
La psicología de los...
Preguntas :)
GRACIAS!
Pablo Fernández Vallejo @ FADU.UBA 01.09.2016
Diseño de Interfaces
Diseño de Interfaces
Diseño de Interfaces
Diseño de Interfaces
Diseño de Interfaces
Diseño de Interfaces
Prochain SlideShare
Chargement dans…5
×

Diseño de Interfaces

571 vues

Publié le

Introducción al Diseño de Interfaces.

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

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×