1. DISEÑO DE INTERFACES
CREANDO PRODUCTOS AMABLES
Pablo Fernández Vallejo @ FADU.UBA 01.09.2016

2. ¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos

3. INTERFAZ
INTERACCIÓNUSUARIO OBJETO

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

9. ¿Qué hace a una buena interfaz?

10. 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.

11. MODELO
CONCEPTUAL
DEL USUARIO
UN BUEN MODELO CONCEPTUAL
IMAGEN
DEL
SISTEMA
SISTEMA
USUARIO
MODELO
CONCEPTUAL
DEL
DISEÑADOR
DISEÑADOR

12. La relación entre las intenciones del usuario, las acciones requeridas y los resultados son:
Razonables
No arbitrarias
Significativas
HACER LAS COSAS VISIBLES

13. 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

14. AFFORDANCE
PRESTACIONES / OFRECIMIENTO
Posibilidad de acción
Percepción
SINO
NO
SI
Rechazo
correcto
Affordance
escondido
Affordance
percibido
Affordance
falso
HACER LAS COSAS VISIBLES

17. ¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos

18. INVESTIGACIÓN
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO DE INTERACCIÓN
TESTEO CON USUARIOS

19. INVESTIGACIÓN

20. INVESTIGACIÓN
OBTENER INFORMACIÓN
Entrevistas
Estudios de campo
Testeos con usuarios

21. INVESTIGACIÓN

22. INVESTIGACIÓN
MODELAR LA INFORMACIÓN
Definición de objetivos
Definición de usuarios
Personas

23. ARQUITECTURA DE LA INFORMACIÓN

24. ARQUITECTURA DE LA INFORMACIÓN

25. ARQUITECTURA DE LA INFORMACIÓN
ESTRUCTURAR LA EXPERIENCIA
Secuencia de Uso / Flujo
Mapa de experiencia
Card Sorting

26. DISEÑO DE INTERACCIÓN

27. DISEÑO DE INTERACCIÓN

28. DISEÑO DE INTERACCIÓN
Ideación
Bocetos
Definiciones
Modelado
Diseño Visual
Terminaciones

29. TESTEO CON USUARIOS

30. TESTEO CON USUARIOS

31. TESTEO CON USUARIOS
Prototipado
Testeo de Usabilidad
Iteraciones del diseño

32. INVESTIGACIÓN
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO DE INTERACCIÓN
TESTEO CON USUARIOS

33. ¿Qué es una interfaz?
¿Cómo es el proceso de diseño?
Recursos

34. DON
NORMAN

35. JAKOB
NIELSEN

36. 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

37. Preguntas :)

38. GRACIAS!
Pablo Fernández Vallejo @ FADU.UBA 01.09.2016