Este documento presenta una introducción a la usabilidad y el diseño centrado en el usuario para sitios web. Explica que la usabilidad se refiere a la efectividad, eficiencia y satisfacción con la que los usuarios pueden completar tareas en una aplicación o sitio web. También describe los principios básicos de usabilidad como la visibilidad del estado del sistema y la prevención de errores. Finalmente, destaca que el diseño de experiencia de usuario no es solo sobre la interfaz o usabilidad, sino sobre crear una experiencia memorable para los usuarios a

1. Introducción a Usabilidad para
web
Mejorando.la
María Isabel Murillo
Natalia Vivas Velasco

2. “Si la experiencia es
satisfactoria, la
tecnología es exitosa”.

4. «En el grado en que una persona
logra cumplir una tarea en una
aplicación o sitio web, justifica la
existencia de éste»

5. ¿Cuál es el propósito,
objetivo, necesidad o deseo
que tienen los usuarios del
software o sitios web que
ustedes desarrollan?

10. Cotizar
Jugar Participar
Buscar Enterarse
Pagar
Informarse
Vender
Expresarse
Comprar
Opinar
Hablar
Encontrar
Conocer
Reservar Agendar
Administrar
Mirar
¡Piensa en un verbo!

11. La antigua computación:
Qué puede hacer la
tecnología por el usuario
La nueva computación:
Qué puede hacer el usuario
con la tecnología

12. Cambio de paradigma

13. Contexto Teórico
¿Qué es una Interfaz?
“El lugar en que las máquinas y los
seres humanos se encuentran”
Nicholas Negroponte

15. Contexto Humano

16. ¿Qué es Usabilidad?
¿Qué es Usabilidad?
«La usabilidad se refiere a la capacidad
de un software (objeto) de ser
comprendido, aprendido, usado y ser
atractivo para el usuario, en condiciones
específicas de uso»
(9126/9241)
http://www.usabilitynet.org/tools/r_international.htm

17. ¿Qué es Usabilidad?
Es un atributo de
calidad de cualquier
producto diseñado para
el uso y beneficio de los
seres humanos que se
caracteriza por las
condiciones de facilidad
con que se entiende,
aprende y apropia.

18. ¿Qué es Usabilidad?
¿Qué es Usabilidad?
La efectividad
La eficiencia
Y satisfacción
Con que determinado grupo de
usuarios alcanza una tarea
específica en un ambiente
particular
Palabra clave:
Tiempo

19. Principios Básicos
de la facilidad de
uso
;)

20. Disclaimer
Los principios a continuación son la base para hacer
usabilidad sin usuarios. Sin embargo los últimos 5
años ha habido algunos contradictores como Jared
Spool que señalan que estos principios son un
pretexto para no hacer investigación con usuarios.
www.usaria.co

21. Principios básicos de usabilidad
1. Visibilidad del estado del sistema
www.usaria.co

22. 1. Visibilidad del estado del sistema

23. Principios básicos de usabilidad
1. Visibilidad del estado del sistema
www.usaria.co

24. Principios básicos de usabilidad
2. Conexión entre el sistema y el mundo real
www.usaria.co

25. 2. Conexión entre el sistema y el mundo real

26. Principios básicos de usabilidad
3. Control y libertad por parte del usuario
www.eltiempo.com
www.usaria.co

27. Principios básicos de usabilidad
3. Control y libertad por parte del usuario
www.usaria.co

28. Principios básicos de usabilidad
4. Consistencia y estándares
www.virtualexito.com
www.usaria.co

29. Principios básicos de usabilidad
4. Consistencia y estándares
www.usaria.co

30. Principios básicos de usabilidad
5. Prevención de Errores
www.colciencias.gov.co - Cvlac
www.usaria.co

31. Principios básicos de usabilidad
5. Prevención de Errores
www.usaria.co

32. Principios básicos de usabilidad
6. reconocer antes que recordar
www.usaria.co

33. 6. reconocer antes que recordar

34. Principios básicos de usabilidad
7. fexibilidad y eficiencia de uso
www.usaria.co

35. Principios básicos de usabilidad
7. fexibilidad y eficiencia de uso
www.usaria.co

36. Principios básicos de usabilidad
8. Estética y diseño minimalista
www.usaria.co

37. Principios básicos de usabilidad
8. Estética y diseño minimalista
www.usaria.co

38. Principios básicos de usabilidad
9. Ayuda a reconocer, diagnosticar y recuperarse de
errores
www.usaria.co

39. Principios básicos de usabilidad
10. Ayuda y documentación
www.usaria.co

40. ¿Usabilidad = UX?
www.usaria.co

41. Piensen:
¿Cuándo han vivido
una gran
experiencia?

42. El Contexto UX
El Contexto
UX

43. Vivirla
[Los Usuarios]

44. Diseñarla
[El equipo]

45. “An experience occurs when
a company intentionally uses
services as the stage, and
goods as props, to engage
individual customers in a
way that creates a
memorable event”
h,p://hbr.org/1998/07/welcome-­‐to-­‐the-­‐experience-­‐economy/ar/1
www.usaria.co

46. www.usaria.co

47. Que algo sea fácil de usar no
necesariamente es sinónimo
de buena experiencia.
La experiencia está
estrechamente ligada a las
emociones.

49. Experiencia de Usuario
Cómo se sienten las personas al interactuar
con un sistema.
h,p://uxdesign.smashingmagazine.com/2010/10/05/what-­‐is-­‐user-­‐experience-­‐design-­‐overview-­‐tools-­‐and-­‐resources/

50. Imagina que compraste en
línea unos zapatos…
…Amor a
primera vista <3

51. El proceso de compra fue muy sencillo y
seguro. Ya hasta lo recomendaste a tus
amigas.
Recibirás tus zapatos en
una semana (qué
conveniente porque es tu
cumpleaños) :D
Llegó el día y los zapato no aparecieron.
Envías un mail y te dicen que esa
referencia dejó de producirse hace 6
meses.
Te vendieron algo que no
existe :(

52. Entonces
¿Qué es Diseño de
Experiencia de Usuario?

53. ¿Qué es Usabilidad?
¿Qué es Diseño de
Experiencia de Usuario?
«La creación y sincronización de los elementos
que afectan la experiencia de los usuarios con
una empresa en particular, con la intención de
influir en sus percepciones y
comportamientos»

54. Ahora,
¿Qué NO es Diseño de
Experiencia de Usuario?

55. 10 Mitos más comunes sobre Diseño de UX
Diseño de Experiencia de Usuario NO es:
1. Diseño de interfaz de usuario
2. Un paso en el proceso
3. Acerca de tecnología
4. Sólo acerca de usabilidad
5. Sólo acerca del usuario
6. Caro
7. Fácil
8. El rol de una persona o departamento
9. Una sola disciplina
10. Una elección
Whitney
Hess
|
10
Most
Common
MisconcepIons
About
User
Experience
Design

56. Diseño centrado en la organización

57. Diseño centrado en el ingeniero

58. Diseño centrado en el diseñador

60. ¿Cuál es el proceso
para diseñar UX?
Metodología de
Diseño Centrado en el
Usuario

61. ¿Qué es Diseño Centrado en
el Usuario?
El Diseño Centrado en el usuario es un proceso derivado de
los estudios en Interacción Humano Computador (Ingeniería)
que se apoya en múltiples disciplinas (psicología, sociología,
antropología, diseño) y sus técnicas de análisis, observación,
ideación y evaluación para:
1. Mejorar la experiencia de la gente con las interfaces UX
2. Asegurar la facilidad de uso de las cosas Usabilidad
3. Comprobar ambas Pruebas con usuarios

62. Investigue
Analice
• Durante
todo
el
proceso
de
diseño,
tenga
en
cuenta
en
las
expecta4vas
que
él
4ene.
Usuarios
Evalúe
Solucione

63. «La premisa principal del Diseño Centrado
en el Usuario es que los mejores productos
de diseño son el resultado de entender las
necesidades de las personas que los
utilizan» -Design Council

65. ¿Qué es Usabilidad?
Un diseñador UX equilibra:
+
ü Metas financieras ü Límites de la
tecnología
de la
organización
+
ü Objetivos de las
personas

66. Lo que el usuario quiere
Tener una camisa nueva
UX
Lo que tu quieres
que haga
Lo que el sistema
permite
¡Que compre!
¡Que me deje sus datos!
¡Que vuelva a comprar!
¡Que le cuente a sus amigos!
Buscar
Registrarse
Pagar
Web
Usability
MX
-­‐
Todos
los
derechos
reservados

67. Personas
Interfaces
*
Negocio
Tecnología
Web
Usability
MX
-­‐
Todos
los
derechos
reservados

68. *Aclaro:
UX no se trata de la
interfaz.
Pero se vale de interfaces
para posibilitar
experiencias, a través de la
investigación, análisis y pruebas con
usuarios finales.
.

69. natalia.vivas@usaria.co
Isabel.murillo@usaria.co