Usabilidad

1. Periodismo Digital
Periodismo Digital
Prof. Marcelo Santos --@celoo
Prof. Marcelo Santos @celoo
Usabilidad conceptos básicos
UDD - 2012

2. ¿Qué medio es ese?
Internet =
UDD 2 Prof. Marcelo Santos - @celoo

3. Potencial del Ambiente Digital
Propiedad Posibilidades Técnicas
Virtual Reproductibilidad, transmisividad,
interoperabilidad
En línea Simultaneidad, conectividad
Interactivo Acción + Reacción, feedback
Non-lineal el usuario manda, co-autoría
Multimodal Poli-sensorial
(visión, audición, “tacto”, sinestesia)
Dinámico Base de datos, contenido ad-hoc, ¨vivo¨
UDD 3 Prof. Marcelo Santos - @celoo

4. El “contra-ejemplo”
UDD 4 Prof. Marcelo Santos - @celoo

5. 3 Dimensiones Sistemas
UDD 5 Prof. Marcelo Santos - @celoo

6. 3 “i” de los Sistemas
I nteractor
I nterface
I nformación
UDD 6 Prof. Marcelo Santos - @celoo

7. 3 Dimensiones Sistemas
I nteractor I nformación
I nterface
UDD 7 Prof. Marcelo Santos - @celoo

8. Tipos de sitios según el “objetivo”
INFORMAR
ENTRETE-
SERVIR
NER
WEB TAREA
SOCIABILI- SENSIBILI-
ZAR ZAR
ORIENTAR
UDD 8 Prof. Marcelo Santos - @celoo

9. Tarea = USO
Usabilidad!
¿Qué es?
Lo que mide la cualidad de las experiencias de
los usuarios en el momento el que interactúan
con algún producto o sistema, influenciando la
satisfacción de usuarios y consumidores (de
información, productos y/o servicios).
UDD 9 Prof. Marcelo Santos - @celoo

10. El ¨USUARIO¨
- Es humano
- Es heterogéneo
- Es un conjunto de ÚNICOS
Pero:
NO es tu ENEMIGO
UDD 10 Prof. Marcelo Santos - @celoo

11. Contexto histórico
• Disciplina surge durante la Segunda
Guerra Mundial
• Tornar la relación entre hombre y
máquina más rápida y eficiente
• A principio telecomunicaciones, luego
a informática y consecuentemente
Internet
UDD 11 Prof. Marcelo Santos - @celoo

12. Criterios de Calidad
• Curva de aprendizaje
• ¿Cuán rápido nuevos usuarios aprenden a usar el sitio?
• 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?
• Satisfacción
• Cuánto les gusta a los usuarios la interfaz del sitio?
UDD 12 Prof. Marcelo Santos - @celoo

13. Entrenando el OJO

14. UDD 14 Prof. Marcelo Santos - @celoo

15. Vereda y flujo
Problema:
No se consideran los
flujos de peatones en
el diseño
UDD 15 Prof. Marcelo Santos - @celoo

16. 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
UDD 16 Prof. Marcelo Santos - @celoo
%C3%ADlia+-+Brazilian+Federal+District,+Brazil&ll=-15.797255,-

17. ¿Qué es más importante?
Problema:
Publicidad tapa
información
relevante
UDD 17 Prof. Marcelo Santos - @celoo

18. Aeropuerto I: qué me enseñan las
cámaras?
Problema:
Punto de Vista!
UDD 18 Prof. Marcelo Santos - @celoo

19. Aeropuerto II: Otra vez la publicidad...
Problema: Punto de Vista!
UDD 19 Prof. Marcelo Santos - @celoo

20. Señalética básica
Problema:
Y el 209???
UDD 20 Prof. Marcelo Santos - @celoo

21. ¿Dónde está el Norte?
Problema:
Inconsistencia
entre los
mapas
UDD 21 Prof. Marcelo Santos - @celoo

22. Hacia lo Digital...

23. ¿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
UDD 23 Prof. Marcelo Santos - @celoo

24. 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
UDD 24 Prof. Marcelo Santos - @celoo

25. ¿Dónde está el Norte?
Problema:
Incoherencia entre los mapas
Ejemplo(s) Digital(es):
- Menú cambia en
diferentes páginas
UDD 25 Prof. Marcelo Santos - @celoo

26. EN lo Digital...
UDD 26 Prof. Marcelo Santos - @celoo

27. 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
UDD 27 Prof. Marcelo Santos - @celoo

28. ¨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
UDD 28 Prof. Marcelo Santos - @celoo

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

30. Actividad
Caza Problemas de Diseño en el Campus
- En duplas/tríos
- Tiempo = 10 minutos
- Buscar 3-5 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
UDD 30 Prof. Marcelo Santos - @celoo

31. Métodos de Evaluación

32. Principales Métodos de Evaluación
Métodos Descripción
Basándose en la experiencia práctica de expertos en usabilidad, es realizado un
Evaluación análisis fundamentado en reglas y directrices consagradas como “buenas prácticas”.
Heurística
Análisis de 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.
accesos
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).
Seguimiento y observación de hábitos de uso del software por usuarios en sus
Estudio de ambientes originarios. Método recomendado para evaluar la real utilización y redefinir
campo métodos y interfaces a partir de públicos específicos.
Selección y reclutamiento de diferentes perfiles de usuarios para el cumplimiento de
Tests con tareas previamente designadas. Deben ser hechos apuntes por especialistas que
usuarios monitorean los tests.
UDD 32 Prof. Marcelo Santos - @celoo

33. Métodos de Evaluación Mais Usados*
Métodos %
Test con 63%
usuarios
Evaluación 53%
Heurística
Prototipos 38%
Estudio de 34%
Campo
Cuestionarios 31%
*Fuente: NN/g Usability Week 2004
UDD 33 Prof. Marcelo Santos - @celoo

34. 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
UDD 34 Prof. Marcelo Santos - @celoo

35. “Experto”?
- Cuáles son los criterios para evaluar?
- Quién los define?
- Cómo aplicar?
UDD 35 Prof. Marcelo Santos - @celoo

36. Modelo de Evaluación
• Modelo base 100 © TerraForum
• Desarrollado en 2005
• Aplicado en decenas de clientes
(bancos, mineras, gobierno etc)
UDD 36 Prof. Marcelo Santos - @celoo

37. 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
UDD 37 Prof. Marcelo Santos - @celoo

38. Nota + (Fortalezas x Debilidades)
 Se indica la fecha de la noticia, dándole contexto temporal
 El área de noticias es actualizado con frecuencia diaria
Fortalezas  No hay contenido desactualizado o “vencido”
Nota
Contenido
 El sitio no segmenta sus contenidos según los diferentes perfiles de
usuario
Debilidades  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.
UDD 38 Prof. Marcelo Santos - @celoo

39. 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 –  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
objetivo 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.
UDD 39 Prof. Marcelo Santos - @celoo

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
UDD 40 Prof. Marcelo Santos - @celoo

41. Blog “De Volta Ao Mundo”
UDD 41 Prof. Marcelo Santos - @celoo

42. Blog “De Volta Ao Mundo”
UDD 42 Prof. Marcelo Santos - @celoo

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...
UDD 43 Prof. Marcelo Santos - @celoo

44. UDD 44 Prof. Marcelo Santos - @celoo

45. Arquitectura de Páginas y los indicadores
UDD 45 Prof. Marcelo Santos - @celoo

46. 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)
UDD 46 Prof. Marcelo Santos - @celoo

47. Encuestas de Usuario
UDD 47 Prof. Marcelo Santos - @celoo

48. Formatos alternativos de “encuesta”
• Wikigoogle
• ¿Esta
información
es útil?
UDD 48 Prof. Marcelo Santos - @celoo

49. Skype = control de cualidad
UDD 49 Prof. Marcelo Santos - @celoo

50. ¿Qué quieres? = Percepción Subjetiva
UDD 50 Prof. Marcelo Santos - @celoo

51. ¿Qué usas? = Resultados Objetivos
RH
Informativo
UDD 51 Prof. Marcelo Santos - @celoo

52. 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
UDD 52 Prof. Marcelo Santos - @celoo

53. Ejemplo de Prototipo en PowerPoint
UDD 53 Prof. Marcelo Santos - @celoo

54. Ejemplo de Prototipo en JPEG
UDD 54 Prof. Marcelo Santos - @celoo

55. Ejemplo de Diseño Final/Funcional
UDD 55 Prof. Marcelo Santos - @celoo

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
UDD 56 Prof. Marcelo Santos - @celoo

57. Soportes…
UDD 57 Prof. Marcelo Santos - @celoo

58. Soportes…
UDD 58 Prof. Marcelo Santos - @celoo

59. Personas x soportes
UDD 59 Prof. Marcelo Santos - @celoo

60. 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)
UDD 60 Prof. Marcelo Santos - @celoo

61. Test con Usuarios – Cómo se hace
• ¿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
UDD 61 Prof. Marcelo Santos - @celoo

62. Test con Usuarios
Diferentes niveles de sofisticación
UDD 62 Prof. Marcelo Santos - @celoo

63. Test con Usuarios
Diferentes niveles de sofisticación
UDD 63 Prof. Marcelo Santos - @celoo

64. Test con Usuarios
Diferentes niveles de sofisticación
UDD 64 Prof. Marcelo Santos - @celoo