APP PARA CENTRO DE
ESTÉTICA & BARBERÍA
El Producto
Con el objetivo de optimizar la experiencia del cliente y modernizar el proceso de gestión de citas, he desarrollado una aplicación de reservas online para un Centro de Barbería y Estética. Esta solución digital permite a los usuarios consultar la disponibilidad en tiempo real y reservar citas fácilmente desde cualquier dispositivo, sin necesidad de realizar llamadas telefónicas ni depender del horario de atención del personal.
Reservas Online
Sistema intuitivo para reservar citas en tiempo real
Disponibilidad Real
Consulta horarios actualizado al instante
UX Optimizado
Interfaz moderna y fácil de usar
Sincronización
Datos sincronizados con el sistema del negocio
Descripción del problema y Solución
El problema
Antes de implementar el sistema online, los clientes de Barbería & Estética debían reservar por teléfono o en persona, lo que generaba esperas y complicaba a la coordinación de horarios, limitando la flexibilidad a las horas de atención del centro. Esto provocaba pérdida de clientes para el negocio.
El objetivo
La implementación de un sistema de reservas online en la página web permitió a los clientes solicitar citas de manera rápida y eficiente, sin depender de llamadas telefónicas o visitas al local. Un servicio disponible 24/7 que da a los usuarios la flexibilidad de elegir el día y la hora según la disponibilidad del personal.
Descripción de roles y responsabilidades
Mi role
En este proyecto, mi rol consistió en realizar entrevistas para identificar las necesidades de los clientes, diseñar wireframes y prototipos con una interfaz intuitiva y atractiva, y llevar a cabo pruebas de usabilidad para optimizar la experiencia del usuario.
Responsabilidades
Mis responsabilidades serían: investigar las necesidades de los usuarios, analizar la competencia, diseñar wireframes y prototipos para un flujo de reservas sencillo, asegurar la accesibilidad y responsividad en todos los dispositivos, realizar pruebas de usabilidad y colaborar con desarrolladores para implementar las soluciones de manera eficiente.
Investigación de usuarios
Realicé entrevistas y creé mapas de empatía para comprender mejor a los usuarios y sus necesidades. A través de la investigación, identifiqué a los adultos que trabajan como el grupo principal de usuarios, quienes tienen poco tiempo para llamar a un centro de estética o barbería. Este grupo confirmó nuestras suposiciones iniciales: son personas que valoran el cuidado personal, como cortes de pelo o tratamientos para la piel, tanto hombres como mujeres. Además, descubrí que el tiempo no era el único factor limitante; los usuarios también se sentían frustrados al tener que ir a diferentes centros para servicios de peluquería y estética. Con la nueva app, ofrecemos ambos servicios en un solo centro, resolviendo este problema y ahorrando tiempo a los usuarios.
Investigación de usuarios: puntos débiles
Tiempo
El principal factor que limita a los usuarios es la falta de tiempo, especialmente a los adultos que trabajan, padres y madres.
Oportunidad
Ofrecer ambos servicios (estética y barbería) en un solo centro es una gran oportunidad para captar usuarios que anteriormente debían ir a diferentes lugares. Esto no solo ahorra tiempo, sino que también facilita una experiencia más cómoda y eficiente.
Accesibilidad
Asegurar que la interfaz sea fácil de navegar, que tenga opciones para ajustar el tamaño de texto o utilizar lectores de pantalla, y que sea compatible con diferentes dispositivos garantizará una experiencia inclusiva para todos.
User Persona
DIANA
"Me encanta mi trabajo, pero más me encanta disfrutar de mí y mi perro."
Diana
Objetivos
- Webs más informadas.
- Aplicación para pedir cita a cualquier hora.
- Posibilidad de aceptación de mascotas.
Frustraciones
- No hay centro de estética a sus alrededores.
- No tiene aplicación de reserva de citas.
- Webs estéticas muy desinformadas.
- Que no aceptan a mascotas.
Perfil
Diana es una excelente trabajadora desde hace 4 años en una multinacional como economista. En los últimos años ha empezado a cuidar su mente haciendo yoga y practicando deporte, y cuida de su perro Rocky. Sin embargo, ha decidido que quiere cuidar más su belleza y busca un centro de estética; además, no puede realizar llamadas en horarios de trabajo y cuando termina es ya tarde.
Mapa de Experiencia del Usuario
Buscar una estética y que admiten mascotas
Encontrar estética cercana y acepten mascotas
Encontrar una estética con una app para poder solicitar cita a cualquier hora
Estética con app y aceptar mascotas
Estética encontrada
A. Realizar una búsqueda en internet.
B. Especificar en los filtros o palabras clave "aceptan mascotas".
A. Guardar centros encontrados en marcadores.
B. Comparar y verificar políticas sobre mascotas.
A. Identificar qué centros tienen app o sistema online.
B. Guardarlos como favoritos.
A. Descargar y usar la app.
B. Completar datos sin demasiada fricción.
A. Ir al centro en la fecha acordada.
B. Comprobar si aceptan a su mascota sin problemas.
Hay demasiadas opciones y pocas que aceptan mascotas.
Hay opciones, pero no todas dan información clara.
Pocos centros tienen apps o permiten citas online fuera de horario.
El proceso funciona, pero podría ser más intuitivo.
Incertidumbre hasta el último momento.
Añadir filtros de "Pet Friendly" en los buscadores de estéticas.
Etiquetar claramente en la web si aceptan animales.
Mejorar la visibilidad de políticas pet-friendly.
Incluir opiniones de otros usuarios que hayan ido con mascotas.
Fomentar el uso de apps o sistemas de reservas online en más centros.
Crear un directorio con filtros avanzados.
Simplificar el proceso de reserva en la app.
Confirmar explícitamente si se aceptan mascotas en la cita.
Mensaje de confirmación claro que indique aceptación de mascota.
Capacitar al personal en la atención a clientes con mascotas.
Paper wireframes
Dedicar tiempo a redactar iteraciones de cada pantalla de la aplicación en papel garantizó que los elementos plasmados en los wireframes digitales estuvieran alineados con las necesidades de los usuarios. Creé un botón sencillo en la web que atrae la atención del usuario, asegurando que sea visualmente destacado y fácil de identificar.
Digital Wireframes
A medida que avanzaba la fase de diseño inicial, me aseguré de que los diseños de las pantallas estuvieran basados en los comentarios y hallazgos de la investigación de usuarios. Me enfoqué en crear una navegación fluida, con botones accesibles y una tipografía clara para garantizar una experiencia de usuario sencilla y eficiente.
Prototipo de baja-fidelidad
Con el conjunto completo de wireframes digitales, desarrollé un prototipo de baja fidelidad. Conecté el flujo de usuario principal para la reserva de citas, de manera que el prototipo pudiera ser utilizado en un estudio de usabilidad
Estudio De Usabilidad
Realicé dos rondas de estudios de usabilidad. Los hallazgos del primer estudio ayudaron a orientar los diseños desde los wireframes hasta las maquetas. El segundo estudio utilizó un prototipo de alta fidelidad y reveló qué aspectos de las maquetas necesitaban refinarse.
Hallazgos De La Primera Ronda
Necesita mejorar la usabilidad
Un calendario mas completo
Hallazgos De La Segunda Ronda
Botones más accesibles
Colores más destacados.
Resultados del Estudio de Usabilidad
Tras realizar el estudio de usabilidad, detecté que varios usuarios tenían dificultades para acceder rápidamente al sistema de reserva de citas y no identificaban con claridad los servicios disponibles.
A partir de estos hallazgos, realicé los siguientes cambios:
- Incorporé nuevas funcionalidades que simplifican y agilizan el acceso a la reserva de citas.
- Rediseñé la estructura visual para dar mayor protagonismo a los servicios ofrecidos, asegurando una mejor visibilidad desde la pantalla principal.
- Mantuve opciones de personalización, pero prioricé la claridad y facilidad de navegación según las necesidades reales observadas en los usuarios.
Before Usability Study
After Usability Study
Mockups
Una vez validados los wireframes y realizadas las mejoras a partir del estudio de usabilidad, desarrollé los mockups de alta fidelidad para representar el diseño final de la interfaz.En esta fase me centré en aplicar el sistema visual definitivo, incluyendo: Paleta de colores acorde a la identidad de marca Tipografía legible y coherente Imágenes reales y jerarquía visual clara Botones destacados para facilitar la acción principal (reserva de citas) Adaptación a diferentes dispositivos (diseño responsive)
Prototipo de Alta-fidelidad
El prototipo final de alta fidelidad presentó flujos de usuario más intuitivos para la reserva de citas. Además, cumplió con la necesidad de los usuarios de tener acceso a un calendario para facilitar la selección de horarios.
Consideraciones de Accesibilidad
Tiempo
Contraste adecuado: Utilizar combinaciones de colores con suficiente contraste para garantizar que el texto sea legible para personas con discapacidades visuales, como daltonismo.
Oportunidad
Se utilizaron iconos para facilitar la navegación, permitiendo a los usuarios identificar rápidamente las funciones clave de la aplicación. Estos iconos proporcionaron una interfaz más limpia y visualmente atractiva, mejorando la comprensión de las acciones disponibles y agilizando la interacción con la app.
Accesibilidad
Se utilizaron imágenes para detallar las opciones disponibles para el usuario, con el fin de hacer la experiencia más visual e intuitiva. Esto facilitó la comprensión de las funciones y servicios, mejorando la navegación y ayudando a los usuarios a tomar decisiones más rápidamente.
Conclusiones
Impacto
Se espera que este sistema de citas online incremente el número de reservas, mejore la satisfacción del cliente y optimice la operación del centro, al reducir la carga administrativa del personal y ofrecer una experiencia sin complicaciones a los usuarios.
Que Aprendi
Mientras diseñaba la App de estética y barbería aprendí que las primeras ideas son solo el comienzo del proceso. Llegar a conseguir una experiencia buen para el usuario es un camino que hay que ir de poco en poco con los estudios de usabilidad, los feedback de compañeros influyen en crear la app.