Usabilidad Web 101

Armonía Alvarado
Introducción a la usabilidad web
USABILIDAD 101

Usabilidad en relación con:
@webethnographer - #usabilidad101
Deﬁne
el
comportamiento
de

los
productos
y
sistemas
con
los

que
interactúa
el
usuario,

sa7sfaciendo
necesidades
de
la

experiencia
total
del
usuario.

Deﬁnir
estrategias
para
dirigir

cómo
se
sienten
determinadas

personas
antes,
durante
y

después
de
usar
un
producto,

sistema
o
servicio.

Experiencia de usuario (UX) Diseño de Interacción (IxD)

¿Qué es Usabilidad?

La usabilidad de una interfaz es una medida de la
efectividad, eficiencia y satisfacción con la cual
determinados usuarios pueden alcanzar
determinados objetivos en un entorno particular
con dicha interfaz.
(ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)

Eficacia
El usuario logra lo que quiere
Eficiencia
Lo logra rápidamente
Satisfacción
Al navegar el sitio

¿Cuál es el Objetivo?
Se
trata
de
lograr
facilidad
de
uso
y
aprendizaje,

diseñando
con
claridad
y
elegancia
la
interacción

sujeto
-‐
interfaz.

PropelLerHeads

“Hágalo más usable…”
Son
atributos
cualita,vos
intrínsecos
al
producto

•
Como
el
performance,
no
se
pueden
“agregar”.

•
Son
afectados
por
todos
los
que
construyen
el

producto.

•
A
un
producto
no
le
“falta”
diseño
o
usabilidad.

En
todo
caso,
su
diseño
o
usabilidad
son
malos.

•
Hay
diseños
intencionales…
y
diseños
que
“llegan

a
ser.”

La usabilidad se refiere a la capacidad de un
software de ser comprendido, aprendido, usado y
ser atractivo para el usuario, en condiciones
específicas de uso.
(ISO/IEC9126)
Un
producto
no
es
en
ningún
caso
intrínsecamente
usable,
sólo
tendrá
la

capacidad
de
ser
usado
en
un
contexto
par7cular
y
por
usuarios
par7culares.

10 Heurísticas de Usabilidad
1.
Visibilidad
del
estado
del
sistema.

2.
U7lizar
el
lenguaje
de
los
usuarios.

3.
Control
y
libertad
para
el
usuario.

4.
Consistencia
y
estándares.

5.
Prevención
de
errores.

6.
Minimizar
la
carga
de
la
memoria
del
usuario.

7.
Flexibilidad
y
eﬁciencia
de
uso.

8.
Los
diálogos
esté7cos
y
diseño
minimalista.

9.
Ayudar
a
los
usuarios
a
reconocer,
diagnos7car
y

recuperarse
de
los
errores.

10.
Ayuda
y
documentación.

Mejorando la Usabilidad
Efec)vidad

•
Diseño
Centrado
en
el
Usuario

Eﬁciencia

•
Op7mización
de
la
operación

•
Menor
carga
cogni7va

•
Prevención
de
errores,
bajo
costo
de
recuperación

Sa)sfacción

•
Previsibilidad

•
Consistencia
interna
y
con
la
plataforma

•
Elementos
funcionan
cumpliendo
expecta7va

Aumentando la efectividad

Diseño
Centrado
en
el
Usuario
versus:

•
Diseño
autoreferencial

•
Diseño
centrado
en
la
tecnología

•
Diseño
centrado
en
el
sponsor

•
Diseño
centrado
en
la
competencia

Diseño Centrado en el Usuario

Creación
de
productos
que
resuelvan
necesidades

concretas
de
sus
usuarios
ﬁnales,
consiguiendo
la
mayor

sa)sfacción
y
mejor
experiencia
de
uso
posible
con
el

mínimo
esfuerzo
de
su
parte.

•
Proceso
de
diseño:

•
Conocer
a
fondo
a
los
usuarios
ﬁnales
reales.

•
Diseñar
un
producto
que
resuelva
sus
necesidades
y
se
ajuste
a
sus

capacidades,
expecta7vas
y
mo7vaciones.

•
Poner
a
prueba
lo
diseñado.

¿Cómo averiguo si mi sitio apesta?

Técnicas de recolección
•
Entrevistas,
etnogra`as

•
Grupos
focales

•
Card
sor7ng

•
Mapeo
conceptual

•
Pruebas
de
usabilidad

•
Proto7pado
itera7vo

•
Inves7gación
contextual

Pruebas de usabilidad

Una prueba de usabilidad No es:
•
Un
grupo
focal

•
Una
encuesta

•
Una
entrevista

•
Una
sesión
de
psicoanálisis

Pruebas De usabilidad
•
Consisten
en
observar
a
personas
usando
algo

que
estás
creando
/
diseñando
/
construyendo
o

que
has
creado
/diseñado
/construido.

•
Con
el
obje7vo
de
facilitar
el
uso
o
para

averiguar
si
es
fácil
de
usar
o
no.

•
Pruebas
rápidas
y
de
gran
impacto
cualita)vo.

•
Observación
y
análisis
de
operación
para

resolver
tareas
solicitadas.

•
No
se
toman
requerimientos
ni
opiniones
del

par7cipante.
Nos
enfocamos
en
lo
que
hace.

•
Los
usuarios
no
son
ratas
de
laboratorio.

•
“El
usuario”
no
es
un
ser
meta`sico.

•
No
estamos
probando
a
los
par7cipantes.

•
Testear
con
5
usuarios
revela
el
80%
de
los

problemas
de
usabilidad
presentes
en
el
producto.

Pruebas de usabilidad in a nutshell

Pruebas de usabilidad in a nutshell
1.  Definir
el
obje7vo
de
la
prueba.

2.  Iden7ficar
perfiles
de
usuarios.

3.  Iden7ficar
tareas
crí7cas
para
cada
perfil.

4.  Reclutar
par7cipantes
representa7vos.
Resolver

cues7ones
logís7cas.

5.  Construir

escenarios.

6. 
¿Cuándo
testear?
Lo
antes
posible,
si
no
con
el
producto

terminado
al
menos
sí
con
un
proto7po
funcional.

Después de la prueba
•
Debrieﬁng
(stakeholders,
desarrolladores,

diseñadores,
antropólogos
:P).

•
Reformular
tareas
y
escenarios.

•
Arreglar
los
problemas
más
graves
o
inmediatos.

•
Keep
calm
and
iterate.

Definir Objetivos generales
•
Medir
el
performance
general
de
la

herramienta.

•
Relevar
el
modelo
mental
de
los
usuarios.

•
Iden7ﬁcar
expecta7vas
y
obje7vos
de
uso

Definir Objetivos Específicos
•
Navegación

•
Rotulado

•
Registro

•
Búsquedas

Resultados: Indicadores cuantitativos
•  Tareas
exitosas

•  Can7dad
de
errores
por
tarea

•  Páginas
vistas

•  Clics

•  Tiempo

Resultados: Indicadores cualitativos
El
par)cipante
ante:

•  Complejidad

•  Lenguaje

•  Inconsistencias
(curva
de
aprendizaje)

•  Call
to
ac7ons

•  Aﬀordances

•  Etc.

¡Siempre Funcionan!
•  Porque
los
si7os
web
siempre
7ene
problemas

de
usabilidad.

•  Porque
la
mayoría
de
los
problemas
serios
son

fáciles
de
encontrar.

•  Porque
observar
a
las
personas
hace
mejores

diseñadores.

El objetivo es Obtener insights
Observar
a
las
personas
nos
educa
en
cómo

usan
las
cosas
y
cómo
se
puede
diseñar
cosas

para
el
uso.

Muchas Gracias,
¡hasta pronto!

Usabilidad Web 101

Recommended

Recommended

More Related Content

Similar to Usabilidad Web 101

Similar to Usabilidad Web 101 (20)

Recently uploaded

Recently uploaded (19)

Usabilidad Web 101