Introducción al Diseño de la Experiencia del Usuario y disciplinas relacionadas presentada a estudiantes de diseño y programación web en Buenos Aires, Argentina.

1. Diseño de la Experiencia del Usuario
Octubre 2008
Gabriel Celemin Giro54
Giro54

2. La Experiencia del Usuario
Giro54

3. La Experiencia del Usuario abarca toda
la relación de una persona con una
empresa y sus productos y servicios.
Desde la comunicación y la compra, hasta el
uso, la atención post-venta y el descarte del
producto.
Giro54

4. Áreas:
– Diseño e identidad corporativa
– Marketing, publicidad y comunicación
– Producto y envase
– Locales y puntos de venta
– Atención al cliente
– Etcétera
Giro54

5. Giro54

6. Giro54

10. Giro54

13. La Experiencia del Usuario
en la web
Giro54

14. – Factores humanos y Ergonomía
– Interacción Humano-Computadora (HCI)
– Usabilidad
– Diseño industrial
– Diseño de interfases gráficas
– Diseño gráfico y de información
– Psicología cognitiva
– Antropología y sociología
– Ciencias de la computación
Giro54

15. La Experiencia del Usuario es el nivel
de satisfacción de una persona luego
de interactuar con un sitio web.
La experiencia será positiva si el producto le
resulta usable, útil y agradable al usuario.
Giro54

16. Modelos conceptuales
Giro54

17. útil
deseable
usable
valioso
fácil de
encontrar
accesible
creíble
Fuente: Peter Morville
Giro54

18. Fuente: Jesse James Garrett
Giro54

19. Beneficios del diseño de la
Experiencia del Usuario
Giro54

20. Diferenciación
Fidelidación y “costo de cambio”
Más clientes
Mayores conversiones y ventas
Menores costos
Giro54

27. Ventas de canciones en iTunes
Ventas de iPods
Giro54

28. Paso 1
Paso 2
Paso 3
Paso 4
Paso 5
Paso 6
Giro54

29. Paso 7
Paso 8
Paso 9
Giro54

30. Giro54

31. Una práctica multidisciplinaria
Giro54

32. Áreas:
– Arquitectura de la información
– Diseño de interacción
– Diseño gráfico y visual
– Usabilidad
Giro54

33. Arquitecto de información
Se ocupa de la organización, nomenclatura
y esquemas de navegación de sitios web y
aplicaciones de software con el objetivo de
ayudar a las personas a encontrar y manejar
información.
Giro54

34. Sitios donde los usuarios buscan
información y conocimiento
(universidades, empresas, instituciones
gubernamentales, medios, etc.)
Tareas:
– Organización de la información
– Estructura del sitio (mapa)
– Diseño de la navegación
– Nombres de secciones
– Definición de vocabulario
Giro54

35. Diseñador de interacción
Se ocupa de definir la manera en la cual un
producto responde a las acciones de los
usuarios de forma tal que este “diálogo” sea
lo más intuitivo, simple y claro posible.
Giro54

36. Sitios donde los usuarios “hacen cosas”
(webmail, redes sociales, banca online,
juegos, etc.)
Tareas:
– Creación de perfiles de usuarios
– Análisis de tareas
– Definición de escenarios de uso
– Estructura de las páginas (wireframes)
– Diseño de las interacciones
– Prevención y recuperación de errores
Giro54

37. Diseñador gráfico o visual
Encargado de definir el estilo gráfico de un
sitio web y producir el material necesario para
llevarlo a cabo.
Giro54

38. Conocimientos de diagramación, jerarquías
de información, tipografía, legibilidad, teoría
de color, identidad corporativa, ilustración y
fotografía.
Tareas:
– Definir familia tipográfica, colores, etc.
– Extender la identidad de marca a la interfaz.
– Definir estilos para la utilización de
imágenes.
Giro54

39. Especialista en usabilidad
Se ocupa de observar y evaluar, por medio
de diferentes métodos, el nivel de eficiencia,
eficacia y satisfacción de las personas al usar
un sitio web; y hacer recomendaciones para
mejorar la experiencia de uso.
Giro54

40. Tareas:
– Análisis competitivo
– Evaluación heurística
– Pruebas de usabilidad con usuarios
– Encuestas
– Reportes con recomendaciones
– Pruebas de accesibilidad
Giro54

41. Desarrollador de Front-End
Se encarga de traducir las maquetas y
bocetos estáticos a prototipos usables.
Su trabajo no es crear “representaciones”
del sitio sino avanzar hacia la versión final.
Utiliza HTML, CSS, JavaScript (Ajax), Flash,
ActionScript, etc.
Giro54

42. Tareas:
– Creación de prototipos
– Crear código válido, semánticamente
correcto
– Crear código accesible para personas con
discapacidades
– Explorar nuevos métodos de interacción
rica (Ajax, etc.)
Giro54

43. Otros roles
– Redactores y editores de textos
– Fotógrafos e ilustradores
– Programadores de Back-End (bases de
datos, sistemas de templates, etc.)
– Gerentes de proyecto
Giro54

44. Giro54

45. Giro54

46. Giro54

47. Un cambio de perspectiva
Giro54

48. Giro54

49. Una Experiencia del Usuario excelente
deberá responder a las expectativas
y necesidades del usuario y evocar
sentimientos y emociones positivas.
Giro54

50. Además:
– Objetivos y necesidades de la empresa o
institución
– Contexto de uso
Giro54

51. Diseño centrado en el usuario
(DCU)
Giro54

52. Método que se enfoca en las
necesidades, objetivos y limitaciones del
usuario desde el comienzo hasta el final del
desarrollo.
Es un proceso cíclico e iterativo en el
cual los diseñadores y los usuarios están en
contacto permanentemente.
Giro54

53. Contexto de
uso
Evaluación
Requerimientos
Diseño
Giro54

54. Muchas gracias.
Gabriel Celemin
gabriel@giro54.com
Giro54.com
Giro54