INTRODUCCIÓN A LA USABILIDAD

TÉCNICAS DE
USABILIDAD +
INVESTIGACIÓN DE
USUARIOS!
!
PARTE 2: !
INTRODUCCIÓN A LA USABILIDAD!
09.2014 VERÓNICA TRAYNOR!

Índice!
!
1. PERCEPCIÓN VS. OBSERVACIÓN DEL APRENDIZAJE!
2. EXPECTATIVAS Y APRENDIZAJE!
3. PERSONAS PROFILES!
4. ESCENARIOS !
5. MODELOS MENTALES!
6. HEURÍSTICAS!
7. WCAG 2.0!

01 / 07 !
PERCEPCIÓN VS.
OBSERVACIÓN DEL
APRENDIZAJE!

No saben usar un teléfono https://www.youtube.com/watch?feature=player_embedded&v=spzsIBdANxs !

¿QUÉ ESTAMOS
EVALUANDO
CUANDO HABLAMOS
DE “USABILIDAD”?!
UX | Verónica Traynor | @verotraynor!

COMPRENSIÓN!
TIEMPO!

¿CUÁNTO
SIRVE
PREGUNTARLE
A
UN
USUARIO
SI
UNA
INTERFAZ
LE
RESULTÓ
FÁCIL
DE
USAR?

LO
QUE
LE
SUCEDIÓ
LO
QUE
LO
QUE
EXPRESA
INTERPRETÓ

LO
QUE
LE
SUCEDIÓ
LO
QUE
LO
QUE
EXPRESA
INTERPRETÓ
PERCEPCIÓN!

PERCEPCIÓN!

02 / 07!
EXPECTATIVAS Y
APRENDIZAJE!

EN EL VIDEO,!
¿QUÉ FUE LO QUE
CONDICIONÓ EL
APRENDIZAJE?!

PROFUNDIZAR
EN:
•
CÓMO
RESUELVE
EL
USUARIO
EL
MISMO
OBJETIVO
EN
SU
VIDA
NO
VIRTUAL
• QUÉ
APRENDIZAJE
PREVIO
TIENE
DE
OTROS
SITIOS/APPS
(MISMA
INDUSTRIA
O
NO)

TODO
AFECTA
LAS
EXPECTATIVAS
Y
EL
APRENDIZAJE

¿CÓMO?!
• CONCRETOS Y DEFINIDOS!
• NO REUSABLES!
• NO ESTEREOTIPOS!
• QUE MUESTREN CARACTERÍSTICAS,
MIEDOS, MOTIVACIONES Y OBJETIVOS!

FUENTE: AmericanTours International & AAA Website Redesign https://www.behance.net/gallery/6296213/AmericanTours-
International-AAA-Website-Redesign!

FUENTE: AmericanTours International & AAA Website Redesign https://www.behance.net/gallery/6296213/AmericanTours-
International-AAA-Website-Redesign!
“Personas were created to understand the
various types of users that were currently
using the ATI & AAA websites. User's ranged
from America to Europe and Asia”.!

FUENTE: 6 reasons why bad UX is killing your users and how you can radically transform it http://frontdigital.com/category/
user-experience-ux/!

FUENTE: 6 reasons why bad UX is killing your users and how you can radically transform it http://frontdigital.com/category/
user-experience-ux/!
“Once you have developed your personas
(…) you can create scenarios to tell the
story of how one of your personas will visit
the site, what they need to do, and how
they might achieve it. For example, a
persona named George might wish to visit
your site to register, find out information
about a particular event and fill in an online
application.”!

FUENTE: http://www.politeux.com/wp-content/uploads/2012/08/EMT_personas-1024x768.jpg!

¿CON QUÉ FIN?!
• FACILITAR LA COMUNICACIÓN INTERNA!
• IMAGINARNOS TODOS LA MISMA
ESCENA !
• EVITAR EL USUARIO ELÁSTICO!
• PREVENIR EL DISEÑO
AUTORREFERENCIAL!

¿CÓMO OBTENEMOS
LA INFO?!
• NEGOCIO!
• CENTRO DE ATENCIÓN AL CLIENTE!
• USUARIOS!

¿EN
QUÉ
ESCENARIO
NOS
IMAGINAMOS
QUE
LA
PERSONA
USARÁ
LA
INTERFAZ?

http://accesibilidadweb.dlsi.ua.es/contenido/evaluacion/laboratorio/stationair-usability-lab.jpg !

¿…
Y
SI
AGREGÁRAMOS
A
LOS
PROFILES
UNA
BREVE
NARRACIÓN
DEL
ESCENARIO
DE
USO?
¿…
Y
SI
EL
TESTING
LO
REALIZÁRAMOS
EN
UN
ESCENARIO
REAL?

QUÉ
RAZONAMIENTO
SIGUE EL USUARIO
PARA RESOLVER SU
NECESIDAD!

CON QUÉ
LÓGICA ESPERA
ENCONTRARSE
EN LA INTERFAZ!

¿UN
PROGRAMADOR
TIENE
LA
MISMA
FORMA
DE
RAZONAR
QUE
UN
NO-‐PROGRAMADOR?

LAS PRUEBAS DE
USABILIDAD SIRVEN
PARA COMPRENDER
LA FORMA DE
RAZONAR DEL OTRO ;)!

POR ESO NO NOS
SIRVE HACER LAS
PRUEBAS CON
COLEGAS
PROGRAMADORES NI
DISEÑADORES ;)!

SÍ ! HICIMOS PRUEBAS DE
USABILIDAD ! AQUÍ CON LOS
CHICOS DEL EQUIPO!

05 / 07!
HEURÍSTICAS!
DE USABILIDAD!

¿SON
UN
MARCO
DE
REFERENCIA
O
UN
CHECKLIST
PARA
UN
AUTO-‐
INFORME?

FUENTE: http://es.wikipedia.org/wiki/Heur%C3%ADsticas_de_Nielsen!
1. Visibilidad del estado del sistema. El
sistema debe informar a los usuarios del
estado del sistema, dando una
retroalimentación apropiada en un tiempo
razonable.!

¿CÓMO
SÉ
SI
LA
RETROALIMENTACIÓN
RESULTÓ
APROPIADA?

2. Utilizar el lenguaje de los usuarios. El
sistema debe utilizar el lenguaje de los
usuarios, con palabras o frases que le sean
conocidas, en lugar de los términos que se
utilizan en el sistema, para que al usuario no
se le dificulte utilizar el sistema.!

¿CÓMO
SABES
CUÁLES
PALABRAS
RESULTAN
CONOCIDAS
PARA
LOS
USUARIOS
Y
CUÁLES
NO?

3. Control y libertad para el usuario. En casos
en los que los usuarios elijan una opción del
sistema por error, éste debe contar con las
opciones de deshacer y rehacer para proveer
al usuario de una salida fácil sin tener que
utilizar diálogo extendido.!

¿CÓMO
SABES
SI
LA
SALIDA
ES
FÁCIL
PARA
EL
USUARIO?

4. Consistencia y estándares. El usuario debe
seguir las normas y convenciones de la
plataforma sobre la que está implementando el
sistema, para que no se tenga que preguntar
el significado de las palabras, situaciones o
acciones del sistema.!

5. Prevención de errores. Es más importante
prevenir la aparición de errores que generar
buenos mensajes de error. Hay que eliminar
acciones predispuestas al error o - en todo
caso - localizarlas y preguntar al usuario si
está seguro de realizarlas.!

¿CÓMO
SABES
QUÉ
ELEMENTOS
GENERAN
TROPIEZOS
Y
CONFUSIONES
SI
NO
OBSERVAMOS
A
LOS
USUARIOS
USANDO
LA
INTERFAZ?

6. Minimizar la carga de la memoria del
usuario. El sistema debe minimizar la
información que el usuario debe recordar
mostrándola a través de objetos, acciones u
opciones. El usuario no tiene por qué recordar
la información que recibió anteriormente. Las
instrucciones para el uso del sistema deberían
ser visibles o estar al alcance del usuario
cuando se requieran.!

7. Flexibilidad y eficiencia de uso. Los
aceleradores permiten aumentar la velocidad
de interacción para el usuario experto tal que
el sistema pueda atraer a usuarios
principiantes y experimentados. Es importante
que el sistema permita personalizar acciones
frecuentes para así acelerar el uso de éste.!

8. Diálogos estéticos y diseño minimalista. La
interfaz no debe contener información que no
sea relevante o se utilice raramente, pues
cada unidad adicional de información en un
diálogo compite con las unidades relevantes
de la información y disminuye su visibilidad
relativa.!

¿CÓMO
SABES
SI
UN
CONTENIDO
ES
O
NO
RELEVANTE
SI
NO
LO
MIDES?

9. Ayudar a los usuarios a reconocer,
diagnosticar y recuperarse de los errores. Los
mensajes de error deben expresarse en un
lenguaje claro, indicar exactamente el
problema y ser constructivos.!

¿CÓMO
SABEMOS
SI
EL
LENGUAJE
ES
CLARO?

10. Ayuda y documentación. A pesar de que es
mejor un sistema que no necesite
documentación, puede ser necesario disponer
de ésta. Si así es, la documentación tiene que
ser fácil de encontrar, estar centrada en las
tareas del usuario, tener información de las
etapas a realizar y no ser muy extensa.!

¿PARA QUÉ SIRVEN!
LAS HEURÍSTICAS !
DE USABILIDAD? !

AUTO-INFORME !
SOLITARIO !
DE UN EXPERTO QUE
SE AHORRA LA
OBSERVACIÓN!

OJO CON EL
EL AUTO-INFORME
:)

07 / 07!
UNA REFERENCIA
INTERESANTE: !
WCAG 2.0!

¿CONOCEN LOS
LINEAMIENTOS DE
ACCESIBILIDAD !
WCAG 2.0? !

WCAG 2.0 = !
WEB CONTENT!
ACCESSIBILITY
GUIDELINES!
W3C RECOMMENDATIONS, 2008!

• PERCEPTIBLE!
• COMPRENSIBLE!
• OPERABLE!
• ROBUSTO!

¿ESTOS
PRINCIPIOS,
APLICAN
SÓLO
PARA
“DISCAPACITADOS”?

¿Y
SI
USÁRAMOS
LOS
PILARES
DE
LA
WCAG
2.0:
-‐ PERCEPTIBILIDAD
-‐ COMPRENSIÓN
-‐ OPERABILIDAD
-‐ ROBUSTEZ
COMO
BASE
CONCEPTUAL
PARA
DIFERENCIAR
LAS
TÉCNICAS
DE
INVESTIGACIÓN
DE
USUARIOS?

INTRODUCCIÓN A LA USABILIDAD

Recomendados

Recomendados

Más contenido relacionado

Similar a INTRODUCCIÓN A LA USABILIDAD

Similar a INTRODUCCIÓN A LA USABILIDAD (20)

Último

Último (10)

INTRODUCCIÓN A LA USABILIDAD