Estrategias para evaluar la usabilidad de interfaces digitales.

1. Taller de Nuevos SoportesTaller de Nuevos Soportes
Prof. Marcelo dos Santos - @celooProf. Marcelo dos Santos - @celoo
Taller de Nuevos SoportesTaller de Nuevos Soportes
Prof. Marcelo dos Santos - @celooProf. Marcelo dos Santos - @celoo
Experiencia de Usuario
UFT- 2016

2. Tiempo gasto buscando info
(Peter Morville)
Funcionarios gastan 35% de su tiempo productivo
buscando información online.
Working Council for Chief Information Officers
Basic Principles of Information Architecture
Gestores gastan 17% de su tiempo
(6 semanas x año) buscando información.
Information Ecology
Thomas Davenport and Lawrence Prusak

4. El “contra-ejemplo”

5. Definición: NN Group
• Curva de aprendizaje
• ¿Cuán rápido nuevos usuarios aprenden a usar el sitio?
• Eficiencia y facilidad de uso
• ¿Cuán rápido usuarios frecuentes consiguen realizar las
tareas más comunes?
• Facilidad de memorizar
• Los usuarios logran usar el sitio sin tener que re-aprender
constantemente?
• Tendencia a errores
• ¿Cuán fácil es cometer errores?
• ¿Qué tan fácil corregirlos?
• Satisfacción
• Cuánto les gusta a los usuarios la interfaz del sitio?

6. Pero... ¿por qué?
- El usuario es una caja de sorpresas, es
impredecible, es creativo, es original, es
inteligente, es ignorante, es correcto, es
loquillo, es calmo, es atento, es bacán, es
diferente, es igual, es tolerante, es
interesado, es.....
HUMANOHUMANO

7. El famoso "USUARIO"
- Es humano
- Es heterogéneo
- Es un conjunto de ÚNICOS
Pero:
NONO es tu ENEMIGO

8. Entrenando el OJO

10. Vereda y flujo
Problema:
No se consideran los
flujos de peatones en
el diseño

11. http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Brasilia+-+Distrito+Federal,
+Brazil&aq=0&sll=-16.299051,-51.855469&sspn=70.401397,103.183594&g=brasilia&ie=UTF8&hq=&hnear=Bras
%C3%ADlia+-+Brazilian+Federal+District,+Brazil&ll=-15.797255,-

12. ¿Qué es más importante?
Problema:
Publicidad tapa
información
relevante

13. Aeropuerto I: qué me enseñan las
cámaras?
Problema: Punto de Vista del usuario

14. Aeropuerto II: Otra vez la publicidad...
Problema: Punto de Vista del usuario

15. Señalética básica
Problema:
Y el 209???

16. ¿Dónde está el Norte?
Problema:
Inconsistencia
entre los
mapas

17. Hacia lo Digital...

18. ¿Qué es más importante?
Problema:
Publicidad tapa información
relevante
Ejemplo(s) Digital(es):
- Menú desplegable que esconde
información necesaria
- Rediseño de un área del sitio
interfiere de forma negativa en
otra área

19. Vereda y flujo
Problema:
No se consideran los flujos de
peatones en el diseño
Ejemplo Digital:
Formulario o secuencia de compra
de un producto que no considera
como piensa o actúa el usuario

20. ¿Dónde está el Norte?
Problema:
Incoherencia entre los mapas
Ejemplo(s) Digital(es):
- Menú cambia en diferentes
páginas

21. EN lo Digital...

22. Servicio y Plazo
Problema:
Al solicitar un servicio
es fundamental
establecer plazo
(dado el carácter
interactivo de la
web)
Solución
Establecer plazo
en la misma
solicitud

23. "Especulación Inmobiliaria"
Problema:
Mal uso de un espacio noble: home de banco en
línea
Solución
Usar el área para
informaciones
relevantes
para el día a día
del cliente

24. Gestión de Cambio
Problema:
Cambio de diseño es un momento
complicado:
como hacerlo?
Solución
Avisar el cliente,
justificando cambios
(1) y orientando
para facilitar la
adaptación a lo
nuevo
(1)
(2)

25. ActividadActividad
Caza Problemas de Diseño en el Campus
- En tríos
- Tiempo = 15 minutos
- Buscar 3 problemas de diseño (físico) de
interfaz en los alrededores
(y en la misma sala)
(a) Fotografiar, dibujar o describir
(b) Encontrar paralelo en lo digital
(c) Proponer solución
(d) Publicar en FB

26. Métodos de Evaluación

27. Principales Métodos de Evaluación
Métodos Descripción
Evaluación
Heurística
Basándose en la experiencia práctica de expertos en usabilidad, es realizado un
análisis fundamentado en reglas y directrices consagradas como “buenas prácticas”.
Análisis de
accesos
Evaluación de los informes de acceso y uso del software, para averiguar las
funciones más utilizadas por los usuarios e identificar posibles deficiencias.
Cuestionarios Evaluación de puntos o problemas específicos de usabilidad a través de entrevistas
presenciales, cuestionarios y/o encuestas.
Prototipos Tests con usuarios desde prototipos rudimentales (pueden incluso ser de papel y
lápiz, en un primer momento). El objetivo principal es evaluar no la interfaz sino la
navegación del sistema (arquitectura de la información).
Estudio de
campo
Seguimiento y observación de hábitos de uso del software por usuarios en sus
ambientes originarios. Método recomendado para evaluar la real utilización y redefinir
métodos y interfaces a partir de públicos específicos.
Tests con
usuarios
Selección y reclutamiento de diferentes perfiles de usuarios para el cumplimiento de
tareas previamente designadas. Deben ser hechos apuntes por especialistas que
monitorean los tests.

28. Métodos de Evaluación Más Usados*
Métodos %
Test con
usuarios
63%
Evaluación
Heurística
53%
Prototipos 38%
Estudio de
Campo
34%
Cuestionarios 31%
*Fuente: NN/g Usability Week 2004

29. Pero... ¿Qué Test usar, cuándo y por qué?

30. "Actitudinal" vs "Comportamental"
- Actitud: qué se dice
- Comportamiento: qué se hace
- Cuantitativo: respuestas indirectas,
cumulativas, general
- Cualitativo: observación o respuesta
directa, particular

31. 1. Evaluación Heurística1. Evaluación Heurística

32. Evaluación Heurística
Tipo de evaluación en la que un
experto en usabilidad examina un
sitio desde ciertos principios
(heurísticas) que determinan las
mejores prácticas según
determinados parámetros

33. “Experto”?
- Cuáles son los criterios para evaluar?
- Quién los define?
- Cómo aplicar?

34. Ejemplo Modelo de Evaluación
• Modelo base 100 © TerraForum
• Desarrollado en 2005
• Aplicado en decenas de clientes
(bancos, mineras, gobierno etc)

35. Evaluación hecha a través de notas (0 a 4) dadas a
categorías que tienen pesos diferentes
Categorías Peso Nota Máxima Máximo de
Puntos
Contenido
16
Navegación
16
Texto
12
Página Inicial
12
Enlaces
12
Lenguaje
8
Interacción
8
Búsqueda
8
Políticas
4
Peso de los Archivos
4
Total de Puntos 100

36. Nota + (Fortalezas x Debilidades)
Contenido
Nota
Fortalezas
Debilidades
 El sitio no segmenta sus contenidos según los diferentes perfiles de
usuario
 Hay un menú muy genérico que podría ser agrupado en grandes
áreas que atendiesen demandas y públicos específicos.
 Hay determinadas áreas sin contenido o en construcción.
 Se indica la fecha de la noticia, dándole contexto temporal
 El área de noticias es actualizado con frecuencia diaria
 No hay contenido desactualizado o “vencido”

37. En un nivel más profundo están los criterios que componen
cada categoría con sus respectivas notas y fundamento que
as justifica
Criterio Justificativa
Público –
objetivo
 El sitio no presenta el contenido de forma segmentada según sus principales
públicos-objetivo dificultando la navegación por los intereses de cada grupo de
usuarios.
Actualidad  Se observa actualización diaria del contenido.
 No hay nuevas fotos desde hace 8 meses.
 Los últimos informes anuales de gestión son del 2004.
Mantención  La fecha de publicación del contenido es visible.
 Hay eventos antiguos que siguen en destaque (2006).
 El ordenamiento de documentos no es consistente – por veces del más nuevo
para el más antiguo y por veces al revés.
Diseño  Las grandes áreas temáticas no están bien definidas graficamente.
 El submenu (menu lateral) es poco útil, podría cambiar según el contexto para
apoyar la navegación de forma más eficaz.

38. Cómo se aplica?
- Grupo de expertos para generar consenso
(nunca individualmente!)
- Navegación exhaustiva sin contexto
- Navegación con contexto (qué es, cuáles
son los ítems, cuáles son las
informaciones relevantes etc)
- Navegación sistemática y evaluación
(con metodología)

39. 2. Análisis de Accesos2. Análisis de Accesos

40. Análisis de Accesos
• Informes de uso del sitio para identificar áreas y
páginas más y menos visitadas
• Informe de peaks de uso de determinados
servicios (días y horas). Ej: servicios incontinuos
como Declaración de Renta (anual)
• Informe sobre el uso del mecanismo de búsqueda
– Ayuda a indicar lo que se busca pero no se encuentra
– Ayuda a direccionar determinados flujos de navegación
hacia determinados tipos de contenido
• Otros (se creativo!)

41. UFT 41 Prof. Marcelo Santos - @celoo

42. Blog “De Volta Ao Mundo”

43. Blog “De Volta Ao Mundo”
• Sumario indica gran actividad.
• Pero... No hay comentarios.. Y el blog no
es actualizado.
• 85% se quedaron menos de 1 segundo!!!
• 95% oriundos de mecanismo de busca
• Hmmm… ¡¡¡Visitas son únicamente error
de usuarios de mecanismo de busca!!!
Trampa de las Keywords...

45. Domadores.cl

46. 3. Cuestionarios3. Cuestionarios

47. Cuestionarios
• Cuestionarios de evaluación y encuestas de
satisfacción relacionados al sitio,
principalmente intranets
• Entrevistas presenciales para levantamiento
de problemas y sugerencias (resultados de
mayor cualidad)
• Cuestionarios enviados por e-mail para
determinados grupos de usuarios (resultados
cuantitativos)

48. ¿Qué quieres? = Percepción Subjetiva =
Actitud

49. ¿Qué usas? = Resultados Objetivos =
Comportamiento
RH
Informativo

50. 4. Prototipos

51. Prototipos
• Indicado para etapas de creación o rediseño del sitio
• Importante testar estructura de menús, colores y otros
aspectos visuales del sitio antes de codificar las
páginas (CSS, HTML, programación y BD)
• Prototipos pueden tener diferentes niveles de
sofisticación (arte final)
– Hojas de papel hechas a mano
– Páginas en GIF o JPEG
– Páginas en PowerPoint
– Páginas en HTML

52. Ejemplo de Prototipo en PowerPoint

53. Ejemplo de Prototipo en JPEG

54. Ejemplo de Diseño Final/Funcional

55. 5. Estudios de Campo (en terreno)5. Estudios de Campo (en terreno)

56. Estudio de Campo
• Monitoreo in situ del usuario en su
ambiente de trabajo/uso
• Evaluar las limitaciones impuestas
por el ambiente/soportes que
pueden interferir en la experiencia
de uso do sitio

57. Soportes…

58. Soportes…

59. Personas x soportes

60. 6. Tests con Usuarios

61. Test con Usuarios
• Principal objetivo es observar el
comportamiento del usuario al utilizar el sitio
para cumplir tareas previamente definidas
• Testar hipótesis de diseño, rediseño o fallas
en diseño de interfaces
• Revela padrones/modelos mentales (cómo
piensa el usuario)

62. Test con Usuarios – Cómo se hace
• Principal objetivo es observar el
comportamiento del usuario al utilizar el sitio
para cumplir tareas previamente definidas
• ¿Qué se necesita?
– Definir un grupo de usuarios (4 a 6 promedio)
– Escribir un “guión” de tareas
– Un “facilitador” para el test
– Observador(es)
– Cámara, micrófono y software de captura de
movimiento del mouse sincronizados

63. Test con Usuarios
Diferentes niveles de sofisticación

64. Test con Usuarios
Diferentes niveles de sofisticación