Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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)

Slide 3

Slide 3 text

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)

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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)

Slide 10

Slide 10 text

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)

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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)

Slide 13

Slide 13 text

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)

Slide 14

Slide 14 text

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)

Slide 15

Slide 15 text

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)

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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)

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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)

Slide 22

Slide 22 text

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)

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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)

Slide 26

Slide 26 text

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)

Slide 27

Slide 27 text

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)

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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)

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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)

Slide 35

Slide 35 text

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)

Slide 36

Slide 36 text

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)

Slide 37

Slide 37 text

Recomendaciones

Slide 38

Slide 38 text

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