Introducción a la Usabilidad, la experiencia de usuario y Heurísticas de J. Nielsen para aplicar en tu sitio.

1. MEJORA LA USABILIDAD
EN TU WEB
Humanizando sitios webs
Gerardo Lagger
@salxo
www.salxo.com

2. Temario
1- QUE ES "USABILIDAD" Y POR QUÉ ES IMPORTANTE
2 – TIPS PARA MEJORAR LA USABILIDAD DE TU SITIO (ANÁLISIS HEURÍSTICO)
3 – MIREMOS ALGUNOS SITIOS.
3 - REFLEXIONES Y PREGUNTAS.

3. Usabilidad.
Introducción

4. ¿ Que es “Usabilidad”?
Usabilidad es lo que define la facilidad con
que las personas pueden utilizar una
herramienta particular o cualquier otro objeto,
en un contexto especifico con el fin de
alcanzar un objetivo concreto

5. ¿ Que es “Usabilidad”?
La usabilidad se define por 5 componentes de calidad:
1.
2.
3.
4.
5.
Facilidad de aprendizaje
Eficiencia
Memorabilidad
Eficacia.
Satisfacción

6. “Si la facilidad de uso fuera el único criterio válido, las
personas se quedarían en sus triciclos y nunca
probarían las bicicletas” - Fischer

7. Utilidad Vs Usabilidad
Utilidad + Usabilidad = Usable

8. Usabilidad.
¿Por qué es importante?

9. ¿ Por que es importante la Usabilidad ?
Credibilidad:
Se podría obtener hasta un 45% de
credibilidad simplemente haciendo las
cosas mas simples
Persuasive Technology Lab | Stanford University, 2001

10. ¿ Por que es importante la Usabilidad ?
Ventas
Luego de relanzer el sitio Straples.com
trabajando aspectos de la usabilidad
las visitas se incrementaron en un
67%
Relanzamiento del sitio Straples.com año 2000

11. ¿ Por que es importante la Usabilidad ?
Y mucho más
Las ventas de un sitio se pueden
incrementar hasta un 225%
proporcionando suficiente informacion
del producto en el momento correcto.
(UI Engineering)
Las mejoras en el sitio de Ford
deribadas de un estudio de Usabilidad
redujeron las llamadas a su call-center
ahorrando a la compania unos
$100.000 USD
(KitSuse)

12. Usabilidad.
Técnicas de inspección

13. Técnicas de Inspección
Alguna de las técnicas de inspección que actualmente se utilizan para la inspección de un
sitio o aplicación, entre otros, son:
•
•
•
•
Evaluación Heurística
Ensayo Cognoscitivo
Ensayo Pluralista
Inspecciones Formales de Usabilidad
•
•
•
•
Inspección de Características
Inspección de Consistencia
Inspección de Estándares
Guías de Consulta y Checklists
En este caso vamos a ver solamente “Evaluación
Heurística” a modo de tips para aplicar hoy mismo.

14. Usabilidad.
Evaluación Heurística.
(Desarrollado a partir del ensayo de Jakob
Nielsen, "Ten Usability Heuristics").

15. Evaluación Heurística ¿Qué es?
En el año 1990 R. Molich y J. Nielsen (Bellcore, IBM y Sun Microsystems, entre otras) acuñaron una serie de
“papers” a los que denominaron “Heurísticas”. Cuatro años mas tardes Nielsen presenta un conjunto mínimo
de heurísticas simples, el cual se basa en este trabajo inicial realizado con Molich obtenido en la observación
de esos 249 problemas de usabilidad pertenecientes a el diseño centrado en el usuario.
La evaluación heurística se basa en fundamentos generales de estructuración / diseño cuyo seguimiento es
recomendable para cualquier Web.

16. Evaluación Heurística
1
Visión de la situación en el sistema:
¿Dónde estoy dentro de la
estructura del Web site?
¿Dónde puedo ir?

17. Evaluación Heurística
2
Similitud entre el sistema y el mundo real
Lenguaje manejado
Controles “Afordables”

18. Evaluación Heurística
3
Control y libertad
Deshacer, revertir
Significados de iconos e imágenes.
Situación en el Web y trayectoria.
Fundamental buenas etiquetas y enlaces descriptivos.

19. Evaluación Heurística
4
Consistencia y Estandares
Títulos, cabeceras y etiquetas de links.
Seguimiento de estándares Web.
Para lo mismo, lo mismo.

20. Evaluación Heurística
5
Prevención de errores
Aportar información "ad hoc" precisa
para evitar errores.
(Evitar la reiterada devolución de formularios para
re-introducción de datos por incorrecto / falta de
campos).
Cuidar los mensajes de error devueltos,
aportando vías de solución.
Evitar borrados accidentales.

21. Evaluación Heurística
6
Reconocer mejor que recordar
Significados de iconos e imágenes.
Situación en el Web y trayectoria.
Fundamental buenas etiquetas y enlaces
descriptivos.

22. Evaluación Heurística
7
Flexibilidad y Eficiencia de uso
Utilizar aceleradores para los usuarios
expertos o mas antiguos.
Permitir acceder de forma rapida a
caracteristicas.

23. Evaluación Heurística
8
Estética y diseño minimalista.
Utilizar aceleradores para los usuarios
expertos o mas antiguos.
Permitir acceder de forma rápida a
características.
v

24. Evaluación Heurística
9
Mensajes claros, “auto-explicativos”.
No utilizar códigos.
No utilizar descripciones largas
ni demasiado técnicas.

25. Evaluación Heurística
10
Ayuda y Documentación
Ayudas contextuales.
Recordatorios o Referencias
O acceso a página de Soporte.

26. Navegando algunos sitios
Analicemos sitios que usamos frecuentemente.

27. Game over
insert coins
¿Preguntas?
Gerardo Lagger
@salxo
http://salxo.com