$30 off During Our Annual Pro Sale. View Details »

Principios UX Design Hacksureste

Principios UX Design Hacksureste

Gabriela Muñoz

March 24, 2020
Tweet

More Decks by Gabriela Muñoz

Other Decks in Design

Transcript

  1. Principios de UX
    Design
    Gabriela Muñoz
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)
    #HSWire

    View Slide

  2. Agenda
    ● ¿Qué es UX Experience y por qué importa?
    ● Métodos ágiles
    ● Métodos de Investigación
    ● Ejercicio
    ● Preguntas y respuestas
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  3. Primero entendamos que no es UX...
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  4. ¿Qué es User Experience?
    Es el proceso de mejorar la satisfacción de las personas mejorando la usabilidad,
    accesibilidad y la interacción entre una persona y producto. No sólo basa en
    satisfacer a las personas, sino también en cumplir con los objetivos del negocio.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  5. ¿Qué es User Experience?
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  6. ¿Qué es experiencia de usuario?
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  7. ¿Por qué importa?
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  8. Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  9. Procesos Ágiles
    ● Design Thinking
    ● Lean startup
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  10. Design Thinking
    Entender los problemas,
    necesidades y deseos de
    los usuarios
    Identificar problemas y
    soluciones serán clave
    para la obtención de un
    resultado.
    Generación de un sinfín de
    soluciones
    Construir prototipos
    Testear con usuarios
    implicados
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  11. Lean Startup
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  12. Investigación de usuarios
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  13. Métodos para investigación
    ● Entrevistas
    ● Encuestas
    ● Pruebas de usabilidad
    ● Concept testing
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  14. Entrevistas
    Información en palabras de los mismos usuarios
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  15. Checklist
    1. Observación durante 3 días.
    2. Entrevistas a manera de plática con las
    personas debe tener tópicos a abordar.
    3. Muestra 5 usuarios por cada perfil.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  16. ¿Qué datos podemos obtener?
    ● Información Cualitativa
    ● Datos demográficos
    ● Intereses
    ● Contexto
    ● Comportamientos
    ● Problemas y retos
    ● Metas
    ● Aspiraciones
    ● Experiencia tecnológica
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  17. Pruebas de usabilidad
    Es un proceso para evaluar y validar la solución
    que hemos creado.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  18. ¿Cómo lo hago?
    1. Objetivos de la prueba
    2. Determina el formato y la configuración de la prueba
    3. Número máximo de usuarios.
    4. Recluta a los participantes que son tus usuarios potenciales.
    5. Diseña tareas que estén bien alineadas con los objetivos de la
    prueba.
    6. Prepara una prueba piloto.
    7. Escribe un plan de la prueba
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  19. ¿Quiénes participan?
    Entrevistador Observador Usuarios
    potenciales
    Note taker
    (5)
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  20. ¿Para qué sirve?
    ● Encontrar errores de interacción
    ● Fallar de manera rápida
    ● Crear una mejor versión para los usuarios potenciales
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  21. Encuestas
    1. Entrega información cuantitativa que puede dar luces sobre los
    intereses y comportamientos de nuestros usuarios.
    2. Demanda menos recursos.
    3. Puedes utilizar SurveyMonkey y Google Forms.
    4. Evita las preguntas de “Sí” - “No”
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  22. Concept Testing
    ● La prueba de concepto es el proceso de usar encuestas o
    prototipos para evaluar una nueva idea de producto antes de la
    introducción de un producto en el mercado.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  23. User personas
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  24. ¿Qué son las personas?
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  25. Una persona es una descripción ficticia,
    pero realista, de un usuario típico o
    potencial de un producto.
    -Nielsen/Norman Group
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  26. Crea Personas
    ● Datos Demográficos
    ● Datos Analítica
    ● Variables de Comportamiento
    ● Componentes de persona
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  27. Características:
    ● Reflejan los patrones encontrados durante la fase de investigación
    ● Se enfocan en el estado actual
    ● Son realistas, no ideales.
    ● Ayudan a entender:
    ● - Contexto - Comportamientos - Actitudes - Necesidades - Retos o
    Pain Points - Metas y Motivaciones
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  28. ¿Para qué sirven?
    ● Previenen diseñar productos para
    “El Usuario Elástico”
    ● Promueve la empatía por los
    usuarios reales, no solo para el
    equipo, sino para el negocio.
    ● Ayudan a priorizar las
    funcionalidades a desarrollar.
    ● Son esenciales para enfocarse en
    características que sí se vayan a
    utilizar.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  29. ¿Qué son las proto-personas?
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  30. Una Proto-persona es similar a una User
    Persona, pero basada en requerimientos y
    supuestos.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  31. ¿Para qué sirven?
    ● Crear hipótesis acerca de los usuarios actuales o potenciales de un
    producto
    ● Alinear a todo el equipo respecto a “para quién estamos
    construyendo este producto”
    ● Ayudan como punto de inicio para potenciales soluciones a validar
    ● Enlistar requerimientos y supuestos identificar potenciales perfiles
    ● Diseñar perfiles de las Proto-Personas Validar & Actualizar
    ● Para saber cómo construir.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  32. Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  33. ¡Solucionemos problemas!
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  34. Comparte!
    Compartelo en Facebook con #HSWire
    o comparte a [email protected]
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  35. Key Takeaways
    ● UX no es UI
    ● UX experience tiene que estar alineado con las necesidades de usuarios y
    negocio.
    ● La experiencia es con lo que las personas se quedan antes, durante y
    después de usar tu producto.
    ● Design Thinking y Lean startup son métodos que te pueden ayudar en tu
    proceso de diseño.
    ● La investigación de usuarios es importante evitarás diseñar para personas
    imaginarias.
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  36. Key Takeaways
    ● User personas son basadas en investigación
    ● Proto-personas son basadas en requerimientos.
    ● Hacer pruebas de usabilidad te ayuda a encontrar problemas.
    ● UX resuelve problemas para personas REALES
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide

  37. Recomendaciones

    View Slide

  38. ¡Gracias!
    @supeergabs
    Creado por Gabriela Ayón Muñoz -supergabs.com Licence: Attribution-NonCommercial-ShareAlike 3.0 (CC BY-NC-SA 3.0)

    View Slide