Se crearon bocetos iniciales para la página principal de la aplicación, y se identificaron y seleccionaron los elementos más prometedores en función de su potencial de funcionalidad y eficacia.
El producto
Florescere es una aplicación que permite a los usuarios diseñar y comprar sus propios ramos de flores. Ofrece una experiencia personalizada y única, permitiendo a los usuarios seleccionar flores, colores y envolturas a su gusto.
Duración del proyecto
Enero – Marzo 2024
Mi rol
UX/UI Designer
Responsabilidades
User Research, Prototype and Visual Design
El problema
La falta de plataformas intuitivas y accesibles para el diseño personalizado de ramos de flores inspiró la creación de esta aplicación.
El objetivo
Ofrecer a los usuarios una experiencia de diseño de ramos de flores personalizados, simplificada y atractiva, a través de una interfaz intuitiva que les permita comprar de manera eficiente diseños florales totalmente a su gusto.
Entendiendo al usuario
Investigación del usuario: resumen
He realizado una investigación centrada en la experiencia de diseño de ramos de flores personalizados, abarcando perfiles desde usuarios experimentados hasta aficionados al mundo floral. Inicialmente, esperaba que la mayoría buscara opciones de personalización estándar. Sin embargo, la investigación reveló diversas expectativas: algunos deseaban una amplia gama de opciones creativas, mientras que otros preferían una experiencia más guiada. Estas observaciones ajustaron mi estrategia, llevándome a implementar un sistema flexible y funciones intuitivas para satisfacer a entusiastas creativos y aquellos que buscan soluciones más directas.
Persona
Planteamiento del problema: Aurelio es un ilustrador que necesita adquirir ramos de flores diseñados por él mismo, sin tener que desplazarse a una floristería y con la libertad de seleccionar las flores según sus preferencias.
Puntos débiles
- No identificar ni entender bien los iconos de la interfaz.
- Tener dificultades para encontrar la opción “guardar un diseño para finalizarlo más tarde”.
- Moverse con dificultad entre algunas secciones.
- Realizar el proceso de compra con dificultad.
Mapa de recorrido del usuario
Optimizar el proceso de diseño de arreglos florales para satisfacer las necesidades específicas de sus clientes.
Proceso de prototipado
Estudio de usabilidad: resultados
El estudio reveló que los usuarios necesitan una interfaz práctica y fácil de usar, con una navegación optimizada y funcionalidades claramente identificables. Buscan una experiencia más clara e intuitiva, que les permita diseñar sus ramos de flores de manera rápida y sencilla. Para satisfacer estas necesidades, se implementará una guía interactiva para principiantes y se mejorará la gestión del presupuesto, asegurando una experiencia fluida y eficiente para todos los usuarios.
Resultados de la primera jornada
- Una interfaz más clara e intuitiva
- Diseñar sus ramos de flores más rápida y fácilmente
- Funcionalidades prácticas y claramente identificables
Resultados de la segunda jornada
- Optimización en la navegación
- Guía interactiva para principiantes
- Mejorar la gestión del presupuesto
Diseño de interfaz
Mockups
Se han reorganizado los contenidos en la Home: se ha creado una CTA para “Diseña tu ramo”, ya que es la acción más importante.
Se han reestructurado las funcionalidades del menú de edición. Se ha incorporado el menú de opciones a la barra de navegación de edición, y se ha sustituido el botón “Finalizar” por el de “Comprar por [precio]”.
Antes del estudio de usabilidad
Después del estudio de usabilidad
Antes del estudio de usabilidad
Después del estudio de usabilidad
Distintas pantallas de la App después del estudio de usabilidad:
Prototipo en alta fidelidad
Consideraciones de accesiblidad
- Estructura de navegación clara y consistente para una experiencia fluida para todos los usuarios.
- Contraste de colores adecuado y tamaños de fuente legibles para mejorar la legibilidad y la accesibilidad visual de la aplicación, garantizando que la información sea clara y fácil de percibir.
- Implementación de funcionalidades intuitivas y fácilmente identificables para una experiencia práctica y eficiente.
Siguientes pasos
- Estructura de navegación clara y consistente para una experiencia fluida para todos los usuarios.
- Contraste de colores adecuado y tamaños de fuente legibles para mejorar la legibilidad y la accesibilidad visual de la aplicación, garantizando que la información sea clara y fácil de percibir.
- Implementación de funcionalidades intuitivas y fácilmente identificables para una experiencia práctica y eficiente.
Conclusiones
Con este proyecto, mi objetivo ha sido mejorar la experiencia del usuario al diseñar ramos de flores personalizados.
He priorizado las necesidades del usuario y la funcionalidad, utilizando investigaciones exhaustivas sobre el usuario para comprender comportamientos y preferencias. He trabajado en la creación de wireframes y prototipos, facilitando la iteración y validación del diseño.
Los siguientes pasos incluyen expandir el diseño a más pantallas, implementar funcionalidades en la sección ‘Diseña tu ramo’ para refinar la experiencia de usuario, y realizar una investigación sobre la viabilidad de nuestra app en el sector profesional de las flores.