Introducción a Usabilidad para
web
Mejorando.la

María Isabel Murillo
Natalia Vivas Velasco
“Si la experiencia es
satisfactoria, la
tecnología es exitosa”.
«En el grado en que una persona
logra cumplir una tarea en una
aplicación o sitio web, justifica la
existencia de éste»
¿Cuál es el propósito,
objetivo, necesidad o deseo
que tienen los usuarios del
software o sitios web que
ustedes desarroll...
Cotizar

Jugar Participar
Buscar Enterarse

Pagar

Informarse

Vender

Expresarse

Comprar
Opinar

Hablar

Encontrar

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

La nueva computación:
Qué puede hacer el usuario
con...
Cambio de paradigma
Contexto Teórico

¿Qué es una Interfaz?
“El lugar en que las máquinas y los
seres humanos se encuentran”
Nicholas Negropon...
Contexto Humano
¿Qué es Usabilidad?

¿Qué es Usabilidad?
«La usabilidad se refiere a la capacidad
de un software (objeto) de ser
comprendid...
¿Qué es Usabilidad?
Es un atributo de
calidad de cualquier
producto diseñado para
el uso y beneficio de los
seres humanos q...
¿Qué es Usabilidad?

¿Qué es Usabilidad?
La efectividad
La eficiencia
Y satisfacción
Con que determinado grupo de
usuarios ...
Principios Básicos
de la facilidad de
uso
;)
	
  
Disclaimer
Los principios a continuación son la base para hacer
usabilidad sin usuarios. Sin embargo los últimos 5
años ha...
Principios básicos de usabilidad
1.  Visibilidad del estado del sistema

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

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

www.usaria.co	
  
2. Conexión entre el sistema y el mundo real
Principios básicos de usabilidad
3. Control y libertad por parte del usuario

www.eltiempo.com

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

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

www.virtualexito.com

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

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

www.colciencias.gov.co - Cvlac

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

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

www.usaria.co	
  
6. reconocer antes que recordar
Principios básicos de usabilidad
7. fexibilidad y eficiencia de uso

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

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

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

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

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

www.usaria.co	
  
¿Usabilidad = UX?

www.usaria.co	
  
Piensen:
¿Cuándo han vivido
una gran
experiencia?
El Contexto UX
El Contexto
UX
Vivirla

[Los Usuarios]
Diseñarla
[El equipo]
“An experience occurs when
a company intentionally uses
services as the stage, and
goods as props, to engage
individual cu...
www.usaria.co	
  
Que algo sea fácil de usar no
necesariamente es sinónimo
de buena experiencia.
La experiencia está
estrechamente ligada a ...
Experiencia de Usuario

Cómo se sienten las personas al interactuar
con un sistema.

h,p://uxdesign.smashingmagazine.com/2...
Imagina que compraste en
línea unos zapatos…

…Amor a
primera vista <3
El proceso de compra fue muy sencillo y
seguro. Ya hasta lo recomendaste a tus
amigas.

Recibirás tus zapatos en
una seman...
Entonces

¿Qué es Diseño de
Experiencia de Usuario?
¿Qué es Usabilidad?

¿Qué es Diseño de
Experiencia de Usuario?
«La creación y sincronización de los elementos
que afectan ...
Ahora,

¿Qué NO es Diseño de
Experiencia de Usuario?
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 p...
Diseño centrado en la organización
Diseño centrado en el ingeniero
Diseño centrado en el diseñador
¿Cuál es el proceso
para diseñar UX?

Metodología de
Diseño Centrado en el
Usuario
¿Qué es Diseño Centrado en
el Usuario?
El Diseño Centrado en el usuario es un proceso derivado de
los estudios en Interacc...
Investigue	
  

Analice	
  

•  Durante	
  todo	
  el	
  proceso	
  de	
  diseño,	
  
tenga	
  en	
  cuenta	
  en	
  las	
...
«La premisa principal del Diseño Centrado
en el Usuario es que los mejores productos
de diseño son el resultado de entende...
¿Qué es Usabilidad?

Un diseñador UX equilibra:

+	
  
ü  Metas financieras ü  Límites de la
tecnología
de la
organizació...
Lo que el usuario quiere
Tener una camisa nueva

UX	
  
Lo que tu quieres
que haga

Lo que el sistema
permite

¡Que compre...
Personas

Interfaces
*	
  

Negocio

Tecnología

Web	
  Usability	
  MX	
  -­‐	
  Todos	
  los	
  derechos	
  
reservados	...
*Aclaro:
UX no se trata de la
interfaz.
Pero se vale de interfaces
para posibilitar
experiencias, a través de la
investiga...
natalia.vivas@usaria.co
Isabel.murillo@usaria.co
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux   mejorandola-natalia
Próxima SlideShare
Cargando en…5
×

Introducción usabilidad y ux mejorandola-natalia

1.888 visualizaciones

Publicado el

0 comentarios
6 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
1.888
En SlideShare
0
De insertados
0
Número de insertados
663
Acciones
Compartido
0
Descargas
100
Comentarios
0
Recomendaciones
6
Insertados 0
No insertados

No hay notas en la diapositiva.

Introducción usabilidad y ux mejorandola-natalia

  1. 1. Introducción a Usabilidad para web Mejorando.la María Isabel Murillo Natalia Vivas Velasco
  2. 2. “Si la experiencia es satisfactoria, la tecnología es exitosa”.
  3. 3. «En el grado en que una persona logra cumplir una tarea en una aplicación o sitio web, justifica la existencia de éste»
  4. 4. ¿Cuál es el propósito, objetivo, necesidad o deseo que tienen los usuarios del software o sitios web que ustedes desarrollan?
  5. 5. Cotizar Jugar Participar Buscar Enterarse Pagar Informarse Vender Expresarse Comprar Opinar Hablar Encontrar Conocer Reservar Agendar Administrar Mirar ¡Piensa en un verbo!
  6. 6. 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
  7. 7. Cambio de paradigma
  8. 8. Contexto Teórico ¿Qué es una Interfaz? “El lugar en que las máquinas y los seres humanos se encuentran” Nicholas Negroponte
  9. 9. Contexto Humano
  10. 10. ¿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
  11. 11. ¿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.
  12. 12. ¿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
  13. 13. Principios Básicos de la facilidad de uso ;)  
  14. 14. 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  
  15. 15. Principios básicos de usabilidad 1.  Visibilidad del estado del sistema www.usaria.co  
  16. 16. 1.  Visibilidad del estado del sistema
  17. 17. Principios básicos de usabilidad 1.  Visibilidad del estado del sistema www.usaria.co  
  18. 18. Principios básicos de usabilidad 2. Conexión entre el sistema y el mundo real www.usaria.co  
  19. 19. 2. Conexión entre el sistema y el mundo real
  20. 20. Principios básicos de usabilidad 3. Control y libertad por parte del usuario www.eltiempo.com www.usaria.co  
  21. 21. Principios básicos de usabilidad 3. Control y libertad por parte del usuario www.usaria.co  
  22. 22. Principios básicos de usabilidad 4. Consistencia y estándares www.virtualexito.com www.usaria.co  
  23. 23. Principios básicos de usabilidad 4. Consistencia y estándares www.usaria.co  
  24. 24. Principios básicos de usabilidad 5. Prevención de Errores www.colciencias.gov.co - Cvlac www.usaria.co  
  25. 25. Principios básicos de usabilidad 5. Prevención de Errores www.usaria.co  
  26. 26. Principios básicos de usabilidad 6. reconocer antes que recordar www.usaria.co  
  27. 27. 6. reconocer antes que recordar
  28. 28. Principios básicos de usabilidad 7. fexibilidad y eficiencia de uso www.usaria.co  
  29. 29. Principios básicos de usabilidad 7. fexibilidad y eficiencia de uso www.usaria.co  
  30. 30. Principios básicos de usabilidad 8. Estética y diseño minimalista www.usaria.co  
  31. 31. Principios básicos de usabilidad 8. Estética y diseño minimalista www.usaria.co  
  32. 32. Principios básicos de usabilidad 9. Ayuda a reconocer, diagnosticar y recuperarse de errores www.usaria.co  
  33. 33. Principios básicos de usabilidad 10. Ayuda y documentación www.usaria.co  
  34. 34. ¿Usabilidad = UX? www.usaria.co  
  35. 35. Piensen: ¿Cuándo han vivido una gran experiencia?
  36. 36. El Contexto UX El Contexto UX
  37. 37. Vivirla [Los Usuarios]
  38. 38. Diseñarla [El equipo]
  39. 39. “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  
  40. 40. www.usaria.co  
  41. 41. Que algo sea fácil de usar no necesariamente es sinónimo de buena experiencia. La experiencia está estrechamente ligada a las emociones.
  42. 42. 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/    
  43. 43. Imagina que compraste en línea unos zapatos… …Amor a primera vista <3
  44. 44. 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 :(
  45. 45. Entonces ¿Qué es Diseño de Experiencia de Usuario?
  46. 46. ¿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»
  47. 47. Ahora, ¿Qué NO es Diseño de Experiencia de Usuario?
  48. 48. 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  
  49. 49. Diseño centrado en la organización
  50. 50. Diseño centrado en el ingeniero
  51. 51. Diseño centrado en el diseñador
  52. 52. ¿Cuál es el proceso para diseñar UX? Metodología de Diseño Centrado en el Usuario
  53. 53. ¿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
  54. 54. Investigue   Analice   •  Durante  todo  el  proceso  de  diseño,   tenga  en  cuenta  en  las  expecta4vas  que  él   4ene.   Usuarios   Evalúe   Solucione  
  55. 55. «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
  56. 56. ¿Qué es Usabilidad? Un diseñador UX equilibra: +   ü  Metas financieras ü  Límites de la tecnología de la organización +   ü  Objetivos de las personas
  57. 57. 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  
  58. 58. Personas Interfaces *   Negocio Tecnología Web  Usability  MX  -­‐  Todos  los  derechos   reservados  
  59. 59. *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. .
  60. 60. natalia.vivas@usaria.co Isabel.murillo@usaria.co

×