Persona - Eugenia Sánchez
Declaración del Problema
Eugenia es una profesora de primaria que necesita una plataforma de venta de pasteles en línea porque quiere ahorrar tiempo y encontrar el pastel perfecto de manera eficiente y sin estrés
Mapa del recorrido del usuario
El mapeo del recorrido de usuario de Eugenia reveló lo útil que sería para
los usuarios tener acceso a una web de Bakery shop en donde puedan comprar fácil y rápido
los usuarios tener acceso a una web de Bakery shop en donde puedan comprar fácil y rápido
Mapa del Sitio
Se buscó facilitar el acceso a los usuarios mediante un proceso de pensamiento enfocado en la priorización de opciones clave. Se destacaron las categorías principales, como “HOME”, “QUIÉNES SOMOS”, “CONTACTO” y “LOGIN/SIGNUP”, para guiar a los visitantes. Además, se diseñaron flujos intuitivos y se proporcionó feedback visual para una experiencia fluida y satisfactoria.
Wireframes en papel
Tomarme el tiempo para redactar iteraciones de cada pantalla de la aplicación en papel aseguró que los elementos que llegaron a los wireframes digitales fueran adecuados para abordar los puntos débiles de los usuarios. Para la pantalla de inicio, prioricé un proceso de pedido rápido y sencillo para ayudar a los usuarios a ahorrar tiempo.
Wireframes en papel - Variación del tamaño de pantallas
Durante el proceso de diseño, exploré la variación de tamaño de pantallas para garantizar que nuestra aplicación sea adaptable y funcione en diferentes dispositivos. Creé wireframes en papel para representar cómo se verían las interfaces en distintas resoluciones, desde teléfonos móviles hasta computadoras de escritorio. Esto me permitió visualizar cómo los elementos se distribuirían y cómo podríamos adaptar la disposición para ofrecer una experiencia coherente y eficiente en todas las pantallas.
Wireframes Digitales
A medida que avanzaba la fase de diseño inicial, me aseguré de basar los diseños de pantalla en los comentarios y hallazgos de la investigación de los usuarios.
Wireframes Digitales - Variaciones de tamaños de pantalla
Mi objetivo era establecer dónde colocar cada componente en la interfaz.
Trabajé en la estructura general del sitio. Esto incluía organizar las páginas, secciones y subsecciones de manera lógica para que los usuarios pudieran navegar sin problemas. Creé los flujos de usuario, visualicé la funcionalidad y simplifiqué los detalles gráficos para enfocarme en la estructura. Iteré según los comentarios y las pruebas. Ajusté los wireframes para mejorar la usabilidad.
Trabajé en la estructura general del sitio. Esto incluía organizar las páginas, secciones y subsecciones de manera lógica para que los usuarios pudieran navegar sin problemas. Creé los flujos de usuario, visualicé la funcionalidad y simplifiqué los detalles gráficos para enfocarme en la estructura. Iteré según los comentarios y las pruebas. Ajusté los wireframes para mejorar la usabilidad.
Prototipo de baja fidelidad
El flujo de usuario en las imágenes representa el proceso de compra en línea. Comienzan con la búsqueda de un producto, seguido de la selección, ingreso de información y finalmente la confirmación del pedido. Los comentarios de los pares se centraron en mejorar la claridad y eficiencia del proceso. Implementé ajustes en el diseño para hacerlo más intuitivo y agregué información adicional necesaria para guiar al usuario a través de cada paso con facilidad.
Prototipos de Alta Fidelidad
Como diseñadora UX, optimicé la disposición de los elementos en la página de métodos de pago. Simplifiqué el flujo de usuario para que los clientes pudieran completar sus compras de manera más rápida y sencilla. Además, agregué opciones de pago populares. Los resultados fueron notables: disminución del abandono del carrito y mayor satisfacción de los usuarios
