MEJORA LA USABILIDAD EN TU WEB
Gerardo Lagger @salxo www.salxo.com
Humanizando sitios webs
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.
Usabilidad. Introducción
¿ 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
La usabilidad se define por 5 componentes de calidad:
1. Facilidad de aprendizaje 2. Eficiencia 3. Memorabilidad 4. Eficacia. 5. Satisfacción
¿ Que es “Usabilidad”?
“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
Utilidad Vs Usabilidad
Utilidad + Usabilidad = Usable
Usabilidad. ¿Por qué es importante?
¿ Por que es importante la Usabilidad ?
Persuasive Technology Lab | Stanford University, 2001
Credibilidad:
Se podría obtener hasta un 45% de credibilidad simplemente haciendo las cosas mas simples
¿ Por que es importante la Usabilidad ?
Relanzamiento del sitio Straples.com año 2000
Ventas
Luego de relanzer el sitio Straples.com trabajando aspectos de la usabilidad las visitas se incrementaron en un 67%
¿ Por que es importante la Usabilidad ?
Y mucho más
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)
Las ventas de un sitio se pueden incrementar hasta un 225% proporcionando suficiente informacion del producto en el momento correcto. (UI Engineering)
Usabilidad. Técnicas de inspección
Técnicas de Inspección
• 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
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:
En este caso vamos a ver solamente “Evaluación Heurística” a modo de tips para aplicar hoy mismo.
Usabilidad. Evaluación Heurística.
(Desarrollado a partir del ensayo de Jakob Nielsen, "Ten Usability Heuristics").
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.
Evaluación Heurística ¿Qué es?
Visión de la situación en el sistema:
¿Dónde estoy dentro de la estructura del Web site? ¿Dónde puedo ir?
Evaluación Heurística
1
Similitud entre el sistema y el mundo real
Lenguaje manejado Controles “Afordables”
Evaluación Heurística
2
Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
Control y libertad
Deshacer, revertir
Evaluación Heurística
3
Consistencia y Estandares
Títulos, cabeceras y etiquetas de links. Seguimiento de estándares Web. Para lo mismo, lo mismo.
Evaluación Heurística
4
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.
Evaluación Heurística
5
Reconocer mejor que recordar
Evaluación Heurística
6
Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
Flexibilidad y Eficiencia de uso
Evaluación Heurística
7
Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rapida a caracteristicas.
Estética y diseño minimalista.
Evaluación Heurística
8
v
Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rápida a características.
Mensajes claros, “auto-explicativos”.
Evaluación Heurística
9
No utilizar códigos. No utilizar descripciones largas ni demasiado técnicas.
Ayuda y Documentación
Evaluación Heurística
10
Ayudas contextuales. Recordatorios o Referencias O acceso a página de Soporte.
Navegando algunos sitios Analicemos sitios que usamos frecuentemente.
Game over insert coins
¿Preguntas?
Gerardo Lagger @salxo http://salxo.com