El documento aborda la usabilidad en el diseño web, enfatizando la importancia de comprender diferentes tipos de usuarios y facilitar su interacción. Se presentan metodologías como el benchmarking y el test de usuarios para mejorar la experiencia y la arquitectura de la información en plataformas digitales. Además, se reconoce la evolución de la web y la necesidad de adaptarse a nuevos dispositivos y formas de comunicación.

1. EN LA CLASE PASADA...
La web, los usuarios y la arquitectura de la información

2. 1.- LA WEB LA HACEMOS LAS
PERSONAS.
MR
SPLASHY
PANTS.

3. 2.- DEBEMOS RECONOCER A LOS
DISTINTO TIPOS DE USUARIOS.

4. 3.- PARA PENSAR COMO
PIENSAN NUESTROS USUARIOS

6. CLASE2: USABILIDAD
Hacer la vida más fácil a los usuarios.

7. ¿DE QUÉ FORMA SE PONE
CORRECTAMENTE?

8. HACIA ADELANTE
Fuente: EngineeringDegree.net

9. HACIA ATRÁS
Fuente: EngineeringDegree.net

10. USABILIDAD
"Es la facilidad con que las personas pueden utilizar
una herramienta particular o cualquier otro objeto
fabricado por humanos con el fin de alcanzar un
objetivo concreto."
Fuente: Wikipedia

11. USABILIDAD
QUE CUMPLA
CON EL OBJETIVO
ESPERADO...
EFICIENCIA
FACILIDAD
EFICACIA DE
APRENDIZAJE
ASIMILAR EN EL
QUE TAN RÁPIDO MENOS TIEMPO
Y FÁCIL..... POSIBLE.....

12. USABILIDAD
Fuente: Wikipedia

13. MENOS ES MÁS
No me hagas pensar.

15. USABILIDAD
"la usabilidad es estar realmente seguro de que
algo funciona bien: que una persona con
habilidades promedio pueda realizar una cosa para
su intención sin terminar frustrado"
Fuente: Steve Krug

16. Disciplina que facilita el acceso de los usuarios a
los contenidos de la forma más fácil posible.

17. USABILIDAD SEGÚN NIELSEN
"Es el atributo de calidad que mide lo fáciles de usar que son las
interfaces web."
Un sitio web debe cumplir las siguientes
características:
• Entendible
• Novedoso
• Comprensible
• Inteligente
• Atractivo
Jakob Nielsen
El padre de la Usabilidad web.

19. ¿CÓMO LOGRAMOS ESTO?
Metodología

20. OBSERVAR

21. ANALIZAR

22. PLASMAR

23. HERRAMIENTAS DE TRABAJO

24. OBSERVAR

25. BENCHMARK
Técnica de investigación, realizada
por uno o más expertos que
consiste en realizar un análisis
comparativo de diversos sistemas
digitales bajo diversos criterios.
Objetivo
Recopilar buenas prácticas para
realizar definiciones estratégicas
o prototipos.

26. BENCHMARK

27. CARDSORTING
Herramienta de investigación
psicológica, que se basa en la
observación de los usuarios y como
estos agrupa y asocian un grupo de
tarjetas con diversas categorías de
temáticas de un sitio web.
Objetivo
Reconocer los diversos modelos
mentales de los usuarios, para la
generación una arquitectura de
información orientada a los usuario.

28. CARDSORTING
http://www.youtube.com/watch?v=-89cj71-Vfg

29. TEST DE USUARIO
Herramienta de investigación cualitativa que se
basa en la interacción de las personas con una
interfaz digital, ya sea éste un sitio Web,
aplicación, programa, cajero automático, sistema
de auto atención o dispositivo móvil.
Objetivos
• Observar a usuarios representativos
interactuar con el sitio en el marco de
escenarios de uso claves.
• Analizar
el comportamiento de los usuarios
observados en las diversas plataformas .
• Identificarproblemas de usabilidad y medir
niveles de satisfacción.

30. TEST DE USUARIO
http://www.youtube.com/watch?v=zL-HmsHwvN8

31. ANALIZAR

32. INTERPRETACIÓN Y
DOCUMENTACIÓN
Toda nuestra investigación
debe ser interpretada, analizada
y resumida para que sea
comprendida.
Muchas veces el resultado final
es un documento estratégico el
cual define todos lineamientos
a seguir en las siguientes etapas
de un proyecto.

33. PLASMAR

34. ARQUITECTURA DE LA
INFORMACIÓN
Disciplina preocupada de la
organización, disposición y
estructuración de la información
dentro de un espacio de
interacción.
Objetivo
Hacer que la compresión de la
información y las acciones que
los usuarios realizan sean fáciles
de alcanzar.

35. DISEÑO DE INFORMACIÓN
Es la forma en que disponemos los
diversos contenidos definiendo las
distintas jerarquías que estos
dispondrán dentro de nuestra web,
aplicación o sistema.
Estos prototipos tienen el nombre
de WIREFRAMES (próxima
clase, prepárense)

36. ETAPAS POSTERIORES DE UN
PROYECTO
• Diseño de interfaces
• Maquetación HTML/CSS/Javascript
• Desarrollo del plataforma (PHP, Phyton, Ruby and Rails, etc..)
• Marcha blanca y testeo de la plataforma.

37. EXPERIENCIA DE USUARIO
Como hacemos la diferencia

38. Todos los factores que involucran la interacción de
una persona ya sea con un servicio, un sitio web, una
aplicación o un dispositivo tecnológico.
Y como nosotros pensamos y la hacemos distinta
para nuestros usuario.

39. NO ES LO MISMO...
Callcenter de Movistar

40. PERO...EL MUNDO ESTA
CAMBIANDO
• Ya no solo hablamos de sitios web
• Tenemos nuevos dispositivos.
• La web la llevamos en el bolsillo.
• Existen nuevas formas de
comunicarnos.

41. LOS CONTEXTOS HAN CAMBIADO

42. LA WEB ESTA MURIENDO...
Como la conocemos hasta ahora

43. SMARTHPHONES

44. http://youtu.be/GzEnGGdhgIs

45. TABLETS

46. http://youtu.be/aXV-yaFmQNk

47. SMARTTV

48. http://youtu.be/Yiv_NNJJkRE

49. GESTOS

50. http://youtu.be/T_QLguHvACs

51. REDES SOCIALES

52. http://www.youtube.com/watch?v=znxZ8h-z3rk

53. ENTONCES MIREMOS AL
FUTURO HOY

54. http://www.youtube.com/watch?v=6Cf7IL_eZ38

55. MUCHAS GRACIAS.
Benjamín Preller Diharce
@benjapreller