Rediseño del sistema de reservas para una psicóloga independiente. El objetivo fue transformar una interfaz estática en una experiencia de producto fluida, empática y orientada a la conversión que reflejara los valores de su marca personal.
FeelGood Agency es una agencia de marketing y redes sociales que me contactó para el diseño de un sistema de reservas para una psicóloga independiente llamada Emma Zavala, el punto inicial de la página web hacía el camino del usuario confuso, y estaba afectando drásticamente el porcentaje de conversión.
En principio, diagnósticamos los principales puntos de dolor de los usuarios a través de pruebas con personales reales donde encontramos insights claves que nos ayudaron a construir una solución eficiente y visualmente agradable. A través de la lectura te hablaré de algunos insigths y podrás ver los resultados entregados.
Pantalla de tipo de consulta
En principio los servicios se mostraban por orden alfabético, lo que dejaba opciones de alta demanda muy por debajo de la pantalla principal. Usando la ley de Pareto, ubiqué el 20% más reservado como primeras opciones de la lista de servicios para que la mayoría de usuarios, encuentre el servicio que necesita sin hacer scroll.
Retiramos fotografías decorativas que no aportaban valor a la toma de decisión del usuario, lo que liberó espacio para distribuir mejor la información y agregar detalles más relevantes para el usuario (según las pruebas realizadas) como las reseñas por servicio.
Pantalla de fecha y hora
Una vez seleccionado el tipo de consulta, el nombre del servicio se agrega automáticamente al resto del flujo para confirmarle al usuario lo que seleccionó sin necesidad retroceder en el flujo. Lo que disminuye la carga cognitiva del usuario y elimina dudas durante el proceso de reserva.
Agregué un calendario visual para facilitar la búsqueda de fechas según el día de la semana, ya que era muy importante para algunos usuarios identificar días específicos de la semana, por encima de la fecha del calendario
Información del usuario
El formulario original presentaba un campo opcional destinado a representantes de pacientes menores de edad que carecía de etiquetas o placeholders descriptivos. Esta ambigüedad, según las pruebas de usuario provocaba que los usuarios estándar se sintieran confundidos al percibir un campo innecesario, aumentando el riesgo de abandono.
Para mejorar la experiencia, introduje un selector con el texto "El paciente es menor de edad" que condiciona la aparición de los campos. Con este ajuste logramos que los usuarios que agendan para sí mismos ya no tengan dudas sobre un campo que no entendían su función y los representantes de menores de edad cuentan ahora con un flujo guiado y campos identificados.
Confirma tu cita
En esta pantalla era clave mostrar claramente un resumen de la selección del usuario y permitirle editar su información sin necesidad de retroceder en su recorrido. Esto disminuye el tiempo para realizar la tarea e incrementa el porcentaje de conversión. Por eso agregamos una opción que permite desplegar los inputs de edición de los datos.
En esta ocasión, opté por menos ruido y más enfoque. El resultado final es una herramienta de reserva accesible y centrada en el usuario. Mantuvimos una estructura uniforme y elementos que guían y acompañan al usuario, con instrucciones que hacen a la experiencia de usuario mucho más intuitiva.
- Los botones con el toggle activo e inactivo, permite a los usuarios saber cuándo seleccionó los datos correctamente.
- El camino visual está ilustrado en la parte superior de la página indicando al usuario por dónde va y cuánto le falta para terminar con su tarea.
- El texto no es estándar, es específico y personalizado, describe, explica y guía durante todo el proceso. Los links de texto tiene un subrayado que destaca su affordance.
FeelGood Agency es una agencia de marketing y redes sociales que me contactó para el diseño de un sistema de reservas para una psicóloga independiente llamada Emma Zavala, el punto inicial de la página web hacía el camino del usuario confuso, y estaba afectando drásticamente el porcentaje de conversión.
En principio, diagnósticamos los principales puntos de dolor de los usuarios a través de pruebas con personales reales donde encontramos insights claves que nos ayudaron a construir una solución eficiente y visualmente agradable. A través de la lectura te hablaré de algunos insigths y podrás ver los resultados entregados.
Pantalla de tipo de consulta
En principio los servicios se mostraban por orden alfabético, lo que dejaba opciones de alta demanda muy por debajo de la pantalla principal. Usando la ley de Pareto, ubiqué el 20% más reservado como primeras opciones de la lista de servicios para que la mayoría de usuarios, encuentre el servicio que necesita sin hacer scroll.
Retiramos fotografías decorativas que no aportaban valor a la toma de decisión del usuario, lo que liberó espacio para distribuir mejor la información y agregar detalles más relevantes para el usuario (según las pruebas realizadas) como las reseñas por servicio.
Pantalla de fecha y hora
Una vez seleccionado el tipo de consulta, el nombre del servicio se agrega automáticamente al resto del flujo para confirmarle al usuario lo que seleccionó sin necesidad retroceder en el flujo. Lo que disminuye la carga cognitiva del usuario y elimina dudas durante el proceso de reserva.
Agregué un calendario visual para facilitar la búsqueda de fechas según el día de la semana, ya que era muy importante para algunos usuarios identificar días específicos de la semana, por encima de la fecha del calendario
Información del usuario
El formulario original presentaba un campo opcional destinado a representantes de pacientes menores de edad que carecía de etiquetas o placeholders descriptivos. Esta ambigüedad, según las pruebas de usuario provocaba que los usuarios estándar se sintieran confundidos al percibir un campo innecesario, aumentando el riesgo de abandono.
Para mejorar la experiencia, introduje un selector con el texto "El paciente es menor de edad" que condiciona la aparición de los campos. Con este ajuste logramos que los usuarios que agendan para sí mismos ya no tengan dudas sobre un campo que no entendían su función y los representantes de menores de edad cuentan ahora con un flujo guiado y campos identificados.
Confirma tu cita
En esta pantalla era clave mostrar claramente un resumen de la selección del usuario y permitirle editar su información sin necesidad de retroceder en su recorrido. Esto disminuye el tiempo para realizar la tarea e incrementa el porcentaje de conversión. Por eso agregamos una opción que permite desplegar los inputs de edición de los datos.
En esta ocasión, opté por menos ruido y más enfoque. El resultado final es una herramienta de reserva accesible y centrada en el usuario. Mantuvimos una estructura uniforme y elementos que guían y acompañan al usuario, con instrucciones que hacen a la experiencia de usuario mucho más intuitiva.
- Los botones con el toggle activo e inactivo, permite a los usuarios saber cuándo seleccionó los datos correctamente.
- El camino visual está ilustrado en la parte superior de la página indicando al usuario por dónde va y cuánto le falta para terminar con su tarea.
- El texto no es estándar, es específico y personalizado, describe, explica y guía durante todo el proceso. Los links de texto tiene un subrayado que destaca su affordance.