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 final y cierre CONCLUSIONES 04 TALLER PRÁCTICO Crearemos nuestra propia prueba para validar con usuarios 03 Definición y alcances de la experiencia de usuario
  4. Definició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 “Abarca todos los aspectos de la interacción

    del usuario final con la empresa, sus servicios y sus productos.” ISO 9241-210 - Ergonomía de la interacción entre humanos y sistemas “Son 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. “Todo 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ífico. ¿PARA QUÉ SIRVE? Ejemplo
  18. PASOS PARA PREPARAR UNA PRUEBA CON USUARIOS Las hipótesis nacen

    de un problema identificado y surgen como posible solución al mismo. Deben ser: • Específicas • 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 filtrar a las personas que van a participar del test, garantizando que encajen correctamente en el perfil 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: • Configuración de la herramienta a utilizar durante el test. • Definició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áficos by Freepik