usabilidad web

Usabilidadn
QUÉ ES LO MÁS IMPORTANTE QUE DEBO HACER
PARA QUE UN SITIO SEA FÁCIL DE USAR?

No tengo qué pensar. J
Para poder usarlo

QUÉ ES LO MÁS IMPORTANTE QUE DEBO HACER
PARA QUE UN SITIO SEA FÁCIL DE USAR?

Obvio
Autoevidente
Autoexplicativo

HECHOS DE LA VIDA #1

No leemos… ESCANEAMOS

HECHOS DE LA VIDA #2

No hacemos búsquedas óptimas…
¿Por qué?
ESTAMOS APURADOSNO HAY PENALIDAD POR ADIVINAR MAL

ADIVINAR ES MÁS DIVERTIDO
J

HECHOS DE LA VIDA #3

No nos preocupamos cómo funciona
todo
RESOLVEMOS Y SEGUIMOS

¿Por qué?
Si encontramos algo que
funciona nos quedamos con ello

¿QUÉ ES USABILIDAD?
¡  Se refiere a la facilidad con que las personas pueden utilizar
una herramienta particular o cualquier otro objeto fabricado
por humanos conel fin de alcanzar un objetivo concreto.
¡  Jackob Nielsen definió la usabilidad como el atributo de
calidad que mide lo fáciles que son de usar las interfaces
Web.

BUENAS PRÁCTICAS DE
USABILIDAD
Organización Visual Jerárquica

¡ M UY IMPORTANTE
§ Medianamente Importante
§  Poco importante

BUENAS PRÁCTICAS DE
USABILIDAD
Organización Visual Jerárquica

BUENAS PRÁCTICAS DEUSABILIDAD
Uso de Convenciones
¡ ¿ Por qué usar convenciones?
§ Realmente son útiles
§ N o necesitamos reinventar la rueda

BUENAS PRÁCTICAS DE
USABILIDAD
Uso de Convenciones
¡ D isposición de contenido

BUENAS PRÁCTICAS DE
USABILIDAD
Uso de Convenciones
¡ N avegación

BUENAS PRÁCTICAS DE
USABILIDAD
Uso de Convenciones
¡ S elección

BUENAS PRÁCTICAS DE
USABILIDADDelimitación de áreas

BUENAS PRÁCTICAS DE
USABILIDAD

Resaltado de Alternativas

BUENAS PRÁCTICAS DE
USABILIDAD
Eliminación del Ruido
¡ N o llenarnos de contenido
¡ N o usar demasiadas distracciones
¡ D estaca lo que es importante
¡ P áginas breves sin necesidad de usar scroll

BUENAS PRÁCTICAS DE
USABILIDAD
¡ Hacer obvio lo que es clickable.
¡ La gente evita ver lapublicidad.
¡ Evita que los contenidos de tu sitio sean
confundidos con publicidad.
¡ Evita los títulos de enlace genéricos como "Ver
más", "Seguir leyendo" o "Click aquí«
¡ No uses Flash en menús y estructuras de
navegación.

BUENAS PRÁCTICAS DE
USABILIDAD
¡ Señala con claridad los vínculos que apuntan a
sitios externos.
¡ No uses texto con alineación justificada.
¡ No todo loque se mueve llama más la atención
del usuario.
¡ Evitar páginas intro o «splash».
¡ Di NO a multimedia autoejecutable.

TALLER

CASO 1. COMUNICACIONES.
¡  Un sistema Web para el envío de SMS con el contenido de
mensajes de correo electrónico.
¡  Público: Cualquiera con una cuenta de correo.
¡  Roles: Usuario del servicio.
¡  Secciones del sitio:
§  Registro (datospersonales)
§  Inicio de Sesión (Actualizar datos, agregar contactos, invitar a
amigos).

CASO 2. ENTRETENIMIENTO.
¡  Página Web Promocional de un personaje para niños.
¡  Público: Niños entre 6 y 10 años.
¡  Roles: Ninguno (no necesita iniciar sesión)
¡  Secciones:
§  Inicio
§  Conoce a los personajes
§  Juegos
§  Actividades y descargas
§  Videos
§  Comprar
§  Padres
§ Política de Privavidad

CASO 3. EDUCACIÓN.
¡  Sistema de aulas virtuales para cursos universitarios.
¡  Público: Alumnos y docentes universitarios.
¡  Roles: Alumnos, Docentes, Administradores
¡  Secciones:
¡  Mis cursos
§  Lecciones – Ejercicios – Videoconferencia – Documentos – Enlaces –
Anuncios

¡  Mi perfil
¡  Mi agenda
¡  Manual de usuario

CASO 4. NEGOCIOS.
¡ Restaurante de Cocina Japonesa.
¡  Público: Jóvenes y adultos.
¡  Roles: Clientes ocasionales y Clientes que quieren pedir online
¡  Secciones:
§  Empresa
§  Contacto
§  Concepto
§  Rollos Capeados
§  Rollos Naturales
§  Arroces
§  Política de Privacidad
§  Sucursales
§  Promociones
§  Pedir en línea

EJERCICIO DE EVALUACIÓN
¡  Cada uno revisará un layout de...