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

LO QUE LE SUCEDIÓ

LO QUE EXPRESA LO QUE INTERPRETÓ

LO QUE LE SUCEDIÓ

LO QUE EXPRESA LO QUE INTERPRETÓ

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

03 / 07!PERSONAS PROFILES!

¿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!

“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: AmericanTours International & AAA Website Redesign https://www.behance.net/gallery/6296213/AmericanTours-International-AAA-Website-Redesign!

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: 6 reasons why bad UX is killing your users and how you can radically transform it http://frontdigital.com/category/user-experience-ux/!

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!

04 / 07!

ESCENARIOS!

¿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?

05 / 07!

MODELOS MENTALES!

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!

WHAT?!

05 / 07!

HEURÍSTICAS!DE USABILIDAD!

¿SON UN MARCO DE REFERENCIA O UN

CHECKLIST PARA UN AUTO-‐INFORME?

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.!

FUENTE: http://es.wikipedia.org/wiki/Heur%C3%ADsticas_de_Nielsen!

¿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”?

RESIGNIFICACIÓN!

¿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?

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

introducciÓn a la usabilidad

Internet

introduccion a la usabilidad

usabilidad móvil

usabilidad y accesibilidad: introducción

1. introducción a los servicios de usabilidad

ad usabilidad: principios básicos web... · ad...

¿usabilidad móvil?

mktdig2011-usabilidad: introducción

introducción a métricas de usabilidad y experiencia de...

usabilidad - cadius en el día de la usabilidad - pamplona

clase 0 introducción a la usabilidad

usabilidad web

ux & usabilidad

clase 1 introducción a la usabilidad

documento usabilidad

vendiendo usabilidad:

usabilidad pymes

usabilidad satisfaccion

usabilidad -...

usabilidad y accesibilidad: una breve introducción ·...

usabilidad web