Certificado profesional de Diseño de Experiencia del Usuario (UX) de Google
Nubia Ponte M.
Agosto, 2024
Investigación UX (UX Research)
Diseño UX (UX Design)
Investigación de usuarios
Personas
Declaraciones de problemas
Mapas de viaje del usuario
Design Process
Persona: Laura Fernández
Problema
Laura Fernández es una diseñadora gráfica que necesita pedir sus bocadillos favoritos de manera rápida y eficiente antes de entrar a la sala de cine porque al hacer las fila para comprar bocadillos pierde tiempo al eligiendo bocadillos y realizando pagos en grupo. Lo que la hacer llegar tarde a la función
Persona: José Martínez
Problema
José es un gerente de ventas en una empresa de tecnología que necesita poder pedir y pagar los bocadillos de toda la familia de manera anticipada porque quiere seleccionar bocadillos saludables y para niños, además sus hijos se estresan al hacer largas filas.
User journey map
Laura Fernández
José Martínez
Proporcionar opciones para los diferentes grupos de personas con dietas específicas.
Incluir en las descripciones tags que indiquen que es apto para una dieta específica.
Añadir recomendaciones de productos relacionados con su tipo de dieta.
Múltiples opciones para obtener el comprobante.
Tener la opción de cambiar la forma de retiro.
Design Process
Investigación de usuarios: resumen
Basado en la investigación de usuarios con perfiles diversos, nuestro enfoque de diseño se centra en facilitar la compra anticipada de bocadillos y mejorar la experiencia en el cine. Implementaremos una plataforma intuitiva que permita ordenar con antelación, recibir notificaciones de pedidos listos, personalizar opciones de snacks y brindar variedad de Snack para personas alérgicas o con alguna dieta específica.
Además, optimizaremos la gestión de inventario para asegurar disponibilidad y minimizar las esperas, garantizando una experiencia cómoda y sin estrés para todos los usuarios.
Diversidad de alimentos
La plataforma debe considerar las necesidades alimentarias específicas de los usuarios para ofrecer una experiencia verdaderamente personalizada y sin exclusión.
Accesibilidad
A pesar de diseñar una interfaz intuitiva, podría haber usuarios con discapacidades que necesiten funcionalidades adicionales, como soporte para lectores de pantalla, controles de voz o ajustes de contraste visual.
Sistemas de notificación
Es esencial permitir configuraciones personalizadas de notificación para adaptarse a las preferencias individuales
Velocidad y rendimiento
Asegurar que la aplicación funcione de manera rápida y eficiente en todos los dispositivos y conexiones a internet
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
Design Process
Paper wireframes
El Wireframe en papel se realizó pensando en agregar las opciones destacadas, que se muestren las preferencias del usuario (según su perfil), y con etiquetas que permitan identificar el tipo de alimento.
Guion gráfico de panorama general
Escenario: José es un padre muy ocupado con dos hijos que necesita anticipar el pedido de confitería antes de ir al cine porque quiere seleccionar bocadillos saludables para sus niños, además sus hijos se estresan al hacer filas muy largas.
Guion gráfico de primer plano
Escenario: Implementar una plataforma intuitiva que permita ordenar con antelación, recibir notificaciones de pedidos listos, brindar variedad de Snack para personas alérgicas o con alguna dieta especifica, poder retirar o que lleven su pedido a su asiento
Digital wireframes
Home Principal:
Digital wireframes
Detalle de producto:
Design Process
Pruebas moderadas
Síntesis de la investigación
Conclusiones
Design Process
Detalles del estudio
Preguntas de la investigación
Participantes
Metodología
Problemas Principales
Mejoras
Old User Experience
Conclusiones de la investigación
Carrito de Compras y pago
Navegación y Usabilidad
Personalización y Recompensas
Mockups
Low fidelity prototype
Accessibility
High fidelity prototype
Rediseño: Carrito de compras
Soluciones: Carrito de compras
Rediseño: Home
Soluciones: Home
Rediseño: Mi perfil
Soluciones: Mi perfil
Rediseño de Prototipo de baja fidelidad
Mockup Alta fidelidad
Logo, tipografía y colores
Stickersheet
Prototipo de Alta Fidelidad
Estudio de usabilidad de Prototipo Alta Fidelidad: Detalles del estudio
Preguntas de la investigación
Participantes
Metodología
Conclusiones del estudio
Diversidad de íconos en tipos de alimentación:
Los usuarios mencionaron que los íconos actuales de los tipos de alimentación generan confusión, ya que algunos utilizan el mismo diseño. Se sugiere utilizar íconos distintivos para cada categoría (como vegetariano, sin gluten, vegano, entre otros), lo que permitirá una identificación más clara y rápida de las opciones disponibles.
Entrega en asiento:
Los usuarios consideran importante que, al seleccionar la opción de entrega en su asiento, puedan ingresar el número de su boleto para facilitar la localización en la sala. Sin embargo, recalcan que este campo no debería aparecer si no seleccionan esta opción.
Proceso de pago con tarjeta de crédito:
Algunos participantes expresaron interés en visualizar de manera más clara el flujo de pago con tarjeta de crédito (TDC). Se recomienda incluir una vista previa o descripción sencilla de los pasos antes de proceder al pago.
Texto del botón para pago contra entrega:
Al seleccionar «pago contra entrega», el botón actual («Proceder al pago») no refleja la acción deseada. Los usuarios sugieren modificarlo por un texto más acorde, como «Finalizar pedido», que además los lleve directamente a la página de seguimiento de su orden, eliminando pasos intermedios innecesarios.
Soluciones aplicadas según los hallazgos del estudio de usabilidad
1. Menú de categorías:
2. Carrito de compras:
Entrega en asiento con personalización opcional
3. Carrito de compras:
Mejor visualización del proceso de pago con TDC
4. Carrito de compras:
Ajuste del botón para pago contra entrega