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