Testing Workshop: UX + WordPress = 馃挋

Testing Workshop: UX + WordPress =聽馃挋

SPEAKER-PONENTE: Emerson Guerrero
La importancia de generar experiencias memorables en los usuarios se ha vuelto uno de los principales objetivos de grandes y peque帽as empresas. El entendimiento en la importancia y generaci贸n de valor que aporta el UX a los proyectos se hace cada vez m谩s evidente. Conocer, entender y aprender c贸mo funciona la experiencia de usuario, nos ayudar谩 a generar proyectos mucho m谩s competitivos.

E855c170c9b2e395b96cfda6da12d8b5?s=128

WordPress Medell铆n

September 10, 2019
Tweet

Transcript

  1. UX + Wordpress 脡merson Guti茅rrez Guerrero

  2. 隆Hola! 脡merson Guti茅rrez Guerrero L铆der UX en Pragma S.A. @emergugue

  3. Qu茅 son, para qu茅 las utilizamos y tipos de pruebas

    02 驴QU脡 ES UX? PRUEBAS CON USUARIOS 01 Resumen 铿乶al y cierre CONCLUSIONES 04 TALLER PR脕CTICO Crearemos nuestra propia prueba para validar con usuarios 03 De铿乶ici贸n y alcances de la experiencia de usuario
  4. De铿乶ici贸n y alcances de la experiencia de usuario 01. 驴QU脡

    ES UX?
  5. EN GRUPOS, RESPONDAMOS LAS SIGUIENTES PREGUNTAS 驴QU脡 HACE UN PROFESIONAL

    UX? 驴QU脡 ES UX? 5 Minutos
  6. Nielsen Norman Group 鈥淎barca todos los aspectos de la interacci贸n

    del usuario 铿乶al con la empresa, sus servicios y sus productos.鈥 ISO 9241-210 - Ergonom铆a de la interacci贸n entre humanos y sistemas 鈥淪on todas la as percepciones y respuestas f铆sicas o emocionales de una persona, que resultan antes, durante o despu茅s de la interacci贸n con un producto, sistema o servicio鈥 DEFINICI脫N FORMAL DE UX
  7. BASES DE LA EXPERIENCIA DE USUARIO NEGOCIO Entender qu茅 problema

    tienen, qu茅 es lo que esperan resolver y cu谩les son sus objetivos. USUARIO Qui茅nes son, sus necesidades y su contexto. MERCADO Qui茅n es mi competencia, qu茅 est谩 haciendo y c贸mo voy a ser mejor que ella.
  8. 鈥淭odo con lo que interactuamos diariamente nos est谩 generando emociones

    y experiencias鈥
  9. ANTES DURANTE DESPU脡S L脥NEA DE TIEMPO AL INTERACTUAR CON UN

    PRODUCTO/SERVICIO DIGITAL 鈥 Conocer el problema, usuarios y mercado 鈥 SEO 鈥 Estrategia de contenidos 鈥 Pauta publicitaria 鈥 Visi贸n estrat茅gica 鈥 Wireframes 鈥 Arquitectura de informaci贸n 鈥 Prototipado 鈥 Flujos de usuario 鈥 Dise帽o de la interfaz 鈥 Pruebas con usuario 鈥 Desarrollo back y front 鈥 Medici贸n de KPI 鈥 Mejoras en la interfaz 鈥 Soporte en l铆nea 鈥 Desarrollo de nuevas funcionalidades.
  10. Don Norman: El t茅rmino UX

  11. Qu茅 son, para qu茅 las utilizamos y tipos de pruebas

    02. PRUEBAS CON USUARIOS
  12. 驴Qu茅 son las pruebas con usuarios? Es una herramienta de

    investigaci贸n que permite entender, medir y validar una interacci贸n de un usuario con un sistema
  13. TIPOS DE PRUEBAS DE USUARIO

  14. TREE TEST Validar etiquetado de sitemaps de sitios web o

    apps sin las distracciones de todos los elementos visuales 驴PARA QU脡 SIRVE? Ejemplo
  15. CARD SORTING Entender los modelos mentales de las personas al

    agrupar informaci贸n de forma l贸gica. 驴PARA QU脡 SIRVE? Ejemplo
  16. FIVE SECOND TEST Se usa para determinar cu谩l es la

    informaci贸n que el usuario logra retener al mirar por unos segundos una interfaz y optimizar as铆 la claridad del dise帽o. 驴PARA QU脡 SIRVE? Ejemplo 5 seg
  17. PRUEBAS DE USABILIDAD Se utiliza para evaluar la facilidad con

    la que un usuario puede realizar una tarea bajo un contexto espec铆铿乧o. 驴PARA QU脡 SIRVE? Ejemplo
  18. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS Las hip贸tesis nacen

    de un problema identi铿乧ado y surgen como posible soluci贸n al mismo. Deben ser: 鈥 Espec铆铿乧as 鈥 Concretas 鈥 Medibles 1. DEFINICI脫N DE HIP脫TESIS
  19. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS Nos ayudan a

    realizar recomendaciones o toma de decisiones basadas en datos, aportando objetividad a las conversaciones. Las m茅tricas pueden ser objetivas (tiempo, cantidad de clics, n煤mero de errores, tasa de 茅xito) o subjetivas (respuesta al estr茅s, encuestas de satisfacci贸n, m茅tricas emocionales) 2. DEFINICI脫N DE M脡TRICAS
  20. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS En este paso

    debemos seleccionar y 铿乴trar a las personas que van a participar del test, garantizando que encajen correctamente en el per铿乴 con el que debemos validar.. 3. RECLUTAMIENTO
  21. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS El gui贸n es

    la herramienta interna donde recopilaremos toda la informaci貌n que utilizaremos durante la ejecuci贸n de la prueba. Un buen gui贸n est谩 compuesto por: 鈥 Informaci贸n del test 鈼 Tipo de usuarios 鈼 URL del prototipo (si se tiene) 鈼 Hip贸tesis a validar 鈥 Presentaci贸n y apertura del test 鈥 Tareas y escenarios asociados a las hip贸tesis 4. CREACI脫N DEL GUI脫N Ejemplo
  22. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS En este 煤ltimo

    paso, debemos ultimar detalles para la correcta ejecuci贸n de la prueba: 鈥 Con铿乬uraci贸n de la herramienta a utilizar durante el test. 鈥 De铿乶ici贸n del espacio f铆sico para realizar la prueba. 鈥 Citaci贸n de los usuarios. 5. PREPARACI脫N PARA LA PRUEBA
  23. Crearemos nuestra propia prueba para validar con usuarios 03. Taller

    pr谩ctico
  24. CREEMOS NUESTRA PRUEBA CON USUARIOS En grupos, trabajar谩n el proyecto

    propuesto para crear la prueba. Por motivos de tiempo, 茅ste ya tiene varios puntos adelantados. Revisaremos los 5 pasos para preparar un test con usuarios. Ejecutaremos el test con un usuario de otro equipo
  25. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS 1. DEFINICI脫N DE

    HIP脫TESIS 2. DEFINICI脫N DE M脡TRICAS 3. RECLUTAMIENTO 4. CREACI脫N DEL GUI脫N 5. PREPARACI脫N PARA LA PRUEBA Ejemplo Guion: http://bit.ly/ejemplo-guion Plantilla: http://bit.ly/plantilla-guion Enlace pantallas para prototipo: http://bit.ly/pantallas-prototipo
  26. 04.Conclusiones

  27. 隆GRACIAS! 驴Alguna pregunta? @emergugue

  28. CREDITS La creaci贸n de esta presentaci贸n fue posible gracias a:

    鈼 Template de la presentaci贸n: Slidesgo 鈼 Iconoes by Flaticon 鈼 Im谩genes e infogr谩铿乧os by Freepik