Vista general del proyecto
Visión del proyecto
FlorClic es una aplicación diseñada para floristas que ofrece a los clientes la posibilidad de explorar y realizar pedidos de flores de forma rápida y sencilla. Además de su catálogo de flores, proporciona asesoramiento en línea personalizado y seguimiento en tiempo real de los pedidos, asegurando que los clientes tengan la confianza de que sus flores llegarán en perfectas condiciones y en el momento deseado.
Desafíos
- Eficiencia Operativa
- Implementar un sistema de seguimiento en tiempo real
- Proceso de Compra Ágil
- Seguimiento Efectivo de Pedidos
- Integrar funciones de accesibilidad para garantizar la facilidad de uso para floristas con diversas habilidades
- Innovación en Diseño y Funcionalidad
Mi rol y responsabilidades
Diseñadora UX. Realización de entrevistas, wireframing en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, contabilidad de accesibilidad e iteración de diseños.
Comprender al usuario
Preguntas clave iniciales
Conduje entrevistas y creé mapas de empatía para comprender a los usuarios objetivo, centrándome en floristas con limitaciones de tiempo. Aunque confirmé la restricción de tiempo, la investigación también reveló que otros factores, como obligaciones, intereses y desafíos, afectan la utilización de catálogos digitales en FlorClic.
¿Cuál es el producto?
¿Quién lo usará?
¿Qué es lo que más necesitan nuestros usuarios?
¿Qué desafíos enfrento para seguir adelante?
¿Existen otras apps parecidas a mi propuesta?
Al avanzar, pude comprender los pensamientos de las partes interesadas sobre el producto, nuestros usuarios, y los problemas de diseño para formular cómo construir entrevistas con los interesados más adelante.
Después de las entrevistas, obtuve información clave sobre las necesidades de los usuarios. Utilizando un diagrama de afinidad, organicé sistemáticamente los datos recopilados. Esta herramienta me permitió identificar patrones y tendencias, lo que facilitó la clasificación de la información en tres categorías distintas.
Este enfoque de categorización me ayudó a comprender y definir de manera más clara los problemas relacionados con el producto y su diseño, proporcionando una base sólida para la toma de decisiones.
Conoce a los usuarios
Ana Díaz
Edad: 25
Ocupación: Estudiante de Biología
Metas: Terminar la carrera con buenas notas, completar su stock de flores de forma eficaz y aumentar sus ventas de arreglos florales.
Cita ilustrativa: "Quiero usar mi tiempo de la manera más eficiente posible. Me irrito cuando algo es lento, se congela o falla."
Narrativa: Ana está cerca de terminar su carrera de Biología y espera poder estudiar la maestría después para llevar sus conocimientos al siguiente nivel y trabajar fuera del país. Aunque Ana disfruta atender personalmente su emprendimiento de venta de arreglos florales le consume mucho tiempo cada vez que tiene que salir a buscar flores de buena calidad para surtir su stock. Desea agilizar ese proceso y ahorrar tiempo para terminar su último semestre de forma exitosa.
Susana Morales
Edad: 41
Ocupación: Florista y decora salones de fiestas
Metas: Aprender nuevas habilidades que le permitan abrir oportunidades en su negocio, tener acceso a productos de calidad en cada pedido que realice y dedicar más tiempo a sus hijos.
Cita ilustrativa: “No estoy en todas las tecnologías modernas. Prefiero algo confiable y que pueda ver en tiempo real.”
Narrativa: Susana vive en un pueblo que es famoso por tener gran variedad de flores, sin embargo, desde que pide a sus proveedores de años que le tengan listos los pedidos para solo recogerlos, algunas de las flores ya vienen dañadas y debe descartarlas para la venta. A ella le gustaría que le envíen fotos de los pedidos antes de enviarlos para que se pueda asegurarse de que vienen en buenas condiciones, se le dificulta el uso del celular pero es la única forma que tiene para asegurar sus pedidos.
Análisis competitivo
He evaluado diversas empresas que podrían ser competidores potenciales para FlorClic, e identifiqué varias que podrían rivalizar con ella. FlorClic tiene la oportunidad de destacar y capitalizar su posición mediante la función de "Asesoramiento online", convirtiéndose así en una tienda única que agiliza y resuelve las necesidades del usuario.
Las principales diferencias con competidores incluyen la simplificación de información, una interfaz simple en contraste con diseños distractivos, y la mejora de la experiencia móvil frente a competidores con deficiencias en sus aplicaciones o sitios web para dispositivos móviles.
Al enfocarnos en estas diferencias y destacando la singularidad de FlorClic, podemos fortalecer su posición en el mercado y ofrecer a los usuarios una experiencia única y eficiente.
Iniciando el diseño
Diseñé un recorrido completo del usuario, desde el inicio hasta la finalización, abarcando todo el proceso de compra de un artículo. Esta representación nos brinda una visión integral de las diferentes maneras en que los usuarios pueden interactuar con el producto. Además, nos proporciona una comprensión detallada de cómo los usuarios navegan y alcanzan sus objetivos durante el proceso de compra.
User Flow
Paper Wireframes
Resolver problemas complejos con soluciones de interfaz intuitivas.
Wireflow
Después de esbozar algunos wireframes preliminares y reflexionar sobre el flujo inicial, revisé minuciosamente lo que resultaba inseguro, innecesario y las áreas que requerían mejoras. Dediqué un considerable tiempo a este paso para garantizar que el diseño subyacente de la experiencia de usuario estuviera refinado antes de avanzar a los aspectos visuales del proyecto.
Estudio de usabilidad (resultados)
Realicé dos rondas de estudios de usabilidad. Los hallazgos del primer estudio ayudaron a guiar los diseños, desde esquemas hasta maquetas. El segundo estudio se realizó con un prototipo de alta fidelidad y reveló qué aspectos de las maquetas necesitaban perfeccionarse.
Round 1 - Resultados
- Los usuarios quieren ordenar rápidamente
- Los usuarios quieren categorías en la herramienta de asesoramiento
- Los usuarios prefieren usar la search bar que navegar manualmente por el catálogo
Round 2 - Resultados
- El proceso de pago necesita información adicional
- La funcionalidad "Asesoramiento" debe tener horario de atención
Refinando el diseño
Mockups
Los primeros diseños permitieron cierta personalización, pero después de los estudios de usabilidad, agregué opciones adicionales para hacer la página principal más útil y llamativa. También revisé el diseño para que los usuarios puedan ser redirigidos a todas las flores cuando lleguen a la pantalla por primera vez.
Consideraciones de accesibilidad
- Proporcionar acceso a usuarios con problemas de visión mediante la adición de texto alternativo a las imágenes para lectores de pantalla.
- Iconos usados para ayudar a facilitar la navegación
- Se utilizaron imágenes detalladas para las categorías y las flores individuales para ayudar a todos los usuarios a comprender mejor los diseños.
Guía de estilos
Prototipo de alta fidelidad
El prototipo final de alta fidelidad se presentó con flujos de usuario más limpios para ordenar y pagar. También cubrió las necesidades de los usuarios en cuanto tener categorías para la herramienta de asesoramiento, así como contar con mayor información para el pago del pedido.
Reflexiones
Impacto
La aplicación hace que los usuarios sientan que FlorClic realmente piensa en cómo satisfacer sus necesidades.
Un comentario de un usuario entusiasta:
"¡FlorClic hace que sea fácil y rápido seleccionar y ordenar flores! Definitivamente, esta aplicación es la elección para disfrutar de la belleza de las flores de manera rápida y cómoda, convirtiendo cada ocasión en algo especial."
Lo que aprendí
Durante la creación de la aplicación FlorClic, mi primer proyecto de diseño UX, descubrí que las primeras ideas son meramente el punto de partida en este proceso creativo. Aprendí que cuantas más ideas se incorporen, mejor. Los estudios de usabilidad y los valiosos comentarios tanto de usuarios como de colegas influyeron significativamente en cada iteración de los diseños de la aplicación.
Esta experiencia no solo amplió mi perspectiva como desarrolladora frontend, sino que también enriqueció mi comprensión del diseño UX. La visión inicial que tenía se ha transformado por completo gracias a la integración de la dimensión de diseño, llevando mi enfoque y habilidades a un nivel totalmente nuevo.