Volver a proyectos

Auditoría de UX · Clínica dental

Proyecto Coral

Cuando el tráfico sube y las citas no. Clínica Dental Almiraz.

Ver los hallazgos
hallazgos
33
páginas de informe
32
Proyecto conceptual
// 01 · Resumen

Resumen ejecutivo. Lo esencial en un minuto.

La web atrae visitas, pero el recorrido hasta la cita las pierde. En móvil la reserva no está a la vista, el formulario pide nueve datos antes de mostrar disponibilidad y un solo error borra lo escrito. Al final del proceso, el paciente no tiene una cita confirmada, sino una solicitud pendiente.
  • 33

    Hallazgos

  • 1

    Bloqueante
  • 6

    Grave
  • 26

    Moderados y menores

  • 3

    Mejoras rápidas

Recuentos de la auditoría (15 moderados y 11 menores). No son resultados de negocio.

Por dónde empezar

  1. // 01

    Medir el recorrido. Sin este dato no se puede comprobar ninguna mejora.

  2. // 02
  3. // 03

Qué se ha revisado

El recorrido completo de reserva de cita, primero en móvil y después en escritorio: portada, tratamientos, los dos pasos del formulario, el error de validación, la confirmación y la página de contacto. En total, 10 pantallas evaluadas con una lista de 69 criterios de claridad, navegación, usabilidad, formularios, confianza, móvil, accesibilidad, rendimiento y analítica.

// 02 · Contexto

Contexto y alcance.

Objetivo de negocio
Que las visitas que llegan desde los anuncios de Google terminen en una cita online en lugar de en una llamada.
Situación descrita
«Entra más gente en la web, pero las citas online no suben. Casi todo el mundo sigue llamando.» Los pacientes llaman para preguntar si hay hueco o cuentan que abandonaron la reserva porque pedía demasiados datos.
Público
Adultos de 30 a 55 años, muchos con hijos, que llegan por cercanía o recomendación. Según la clínica, la mayoría desde el móvil.
Competencia
Dos cadenas dentales en la misma zona.
Tecnología
WordPress con un plugin de reservas. Los cambios los aplicará la agencia que desarrolló la web.
Pantallas revisadas
Móvil: M1 Inicio · M2 Tratamientos · M3 Reserva, paso 1 · M4 Reserva, paso 2 · M5 Error de validación · M6 Confirmación · M7 Contacto. Escritorio: E1 Inicio · E2 Tratamientos · E3 Reserva, paso 1.

Limitaciones

  • Rendimiento: No se ha medido. Al tratarse de un caso conceptual no hay web publicada y no se incluyen cifras.
  • Analítica: Hay acceso, pero no se mide la reserva, así que no existen datos de conversión de partida.
  • Accesibilidad: Revisión básica sobre el diseño, con contrastes calculados según WCAG 2.2. No sustituye a una auditoría formal ni a pruebas con teclado y lector de pantalla.
  • Usuarios: Los hallazgos proceden de una evaluación experta; no se han hecho pruebas con pacientes. Las hipótesis indican qué medir para confirmarlos.
// 03 · Recorrido

El recorrido del paciente.

Qué hace un paciente que entra desde el móvil para pedir cita, y qué se lo dificulta en cada paso.
  1. // 01

    Portada

    Llega desde un anuncio con intención de reservar.

    No hay botón de reserva a la vista y el aviso de cookies ocupa un tercio de la pantalla.

  2. // 02

    Menú

    Abre el menú para buscar la cita.

    El botón es pequeño y la acción aparece con tres nombres distintos.

  3. // 03

    Reserva · paso 1

    Rellena sus datos.

    Nueve datos antes de ver disponibilidad, campos sin etiqueta, publicidad premarcada y un botón que parece desactivado.

  4. // 04

    Error de validación

    Se equivoca en un campo.

    Pierde lo escrito y el mensaje no indica qué corregir.

  5. // 05

    Reserva · paso 2

    Elige motivo, fecha y franja.

    Nombres técnicos, fecha sin disponibilidad y una nota que contradice el botón «Confirmar cita».

  6. // 06

    Confirmación

    Espera saber que tiene cita.

    Solo recibe «En breve nos pondremos en contacto con usted».

11

toques hasta enviar la solicitud en móvil

Sin contar la escritura, más nueve campos que rellenar. Recorrido más corto: menú, «Cita online», casilla de privacidad, «Siguiente», tratamiento (2), fecha (2), franja (2) y «Confirmar cita».

// 04 · Hallazgos

Bloqueante y graves.

Los 7 hallazgos que más afectan a la reserva, ordenados por prioridad (severidad y esfuerzo). Las marcas rojas de cada captura señalan el problema.
H-01BloqueanteEsfuerzo medioFase 1

Si hay un error, el formulario borra casi todo lo escrito

M5 · Error de validación · Móvil y escritorio · Formularios · Criterios FO-05, H-03

Paso 1 antes y después del error (móvil)

Qué pasa

Al pulsar «Siguiente» con algún dato mal escrito, la página se recarga y vacía 8 de los 9 campos. Solo conserva el nombre. La pregunta antispam también cambia.

Por qué importa

Quien ya ha invertido esfuerzo en 9 campos tiene que empezar de cero. Es el punto donde más probable es que abandone y llame por teléfono, o que no vuelva.

Qué cambiar

Conservar siempre lo escrito tras un error y validar cada campo al salir de él, no al enviar. Suele resolverse con la configuración del plugin de formularios.

Hipótesis de impacto · qué medir, no un resultado

Qué se quiere mover
Personas que completan el paso 1 después de un error
Punto de partida
Tras un error se borran 8 de 9 campos
Objetivo
Que un error no suponga volver a empezar
Cómo se mediría
Evento de error y avance al paso 2 en la analítica, 4 semanas antes y después
H-02GraveEsfuerzo bajoFase 1Mejora rápida

Al entrar desde el móvil no hay forma visible de pedir cita

M1 · Inicio · Móvil · Claridad del mensaje · Criterios CL-02, NA-03

Captura anotada de la web ficticia (M1 · Parte visible al entrar): Al entrar desde el móvil no hay forma visible de pedir cita (abre la imagen ampliada en otra pestaña)

M1 · Parte visible al entrar

Portada en móvil, parte visible al entrar

Qué pasa

En la parte visible al entrar, el único botón dice «Saber más». Para reservar hay que abrir el menú o bajar hasta el final de la página, donde está «Cita online».

Por qué importa

La web recibe tráfico de anuncios con intención de reservar. Si la acción no está a la vista, ese tráfico se pierde o acaba en una llamada.

Qué cambiar

Sustituir «Saber más» por «Pedir cita» en la portada y fijar un botón de reserva en la parte inferior de la pantalla en móvil.

Hipótesis de impacto · qué medir, no un resultado

Qué se quiere mover
Visitas de móvil que llegan al formulario de cita
Punto de partida
Ningún botón de reserva visible al entrar
Objetivo
Que el acceso a la reserva esté a un toque desde cualquier punto
Cómo se mediría
Clics en el botón de reserva y visitas a /cita-online desde móvil
H-03GraveEsfuerzo bajoFase 1Mejora rápida

«Confirmar cita» no confirma nada: solo envía una solicitud

M4 · Reserva paso 2 · M6 · Confirmación · Móvil y escritorio · Confianza · Criterios CO-06, FO-09

Paso 2 (móvil) y pantalla de confirmación

Qué pasa

El botón dice «Confirmar cita», pero una nota en gris claro (2,3:1 de contraste) avisa de que la cita queda pendiente de confirmar. La pantalla final solo dice «En breve nos pondremos en contacto con usted»: sin fecha, hora, referencia ni plazo.

Por qué importa

El paciente cree que tiene cita y no la tiene. Genera llamadas para comprobarlo, citas fallidas y desconfianza.

Qué cambiar

Llamar a la acción por lo que es («Enviar solicitud»), decir antes de enviar cuándo se confirmará y mostrar al final un resumen con lo solicitado, el plazo de respuesta y un teléfono.

Hipótesis de impacto · qué medir, no un resultado

Qué se quiere mover
Llamadas para comprobar si una solicitud ha llegado
Punto de partida
La confirmación no dice qué pasa ni cuándo
Objetivo
Que el paciente sepa qué esperar sin llamar
Cómo se mediría
Registro de llamadas de recepción con ese motivo, antes y después
H-04GraveEsfuerzo bajoFase 1Mejora rápida

No se mide cuántas solicitudes de cita se completan

Analítica (no visible) · Analítica · Criterios AN-01, AN-02

  1. Portada
    Pantalla «Portada» del recorrido de cita de la web ficticia, página completa
    Entrada desde el anuncio
  2. Paso 1
    Pantalla «Paso 1» del recorrido de cita de la web ficticia, página completa
    Formulario iniciado
  3. Paso 2
    Pantalla «Paso 2» del recorrido de cita de la web ficticia, página completa
    Paso 2 alcanzado
  4. Confirmación
    Pantalla «Confirmación» del recorrido de cita de la web ficticia, página completa
    Solicitud enviada
Los tres eventos que habría que medir antes de tocar nada. Sin ellos no hay punto de partida. Dentro de cada pantalla puedes hacer scroll.

Qué pasa

La analítica instalada por la agencia registra visitas, pero no el envío del formulario de cita ni el avance entre pasos.Supuesto del caso.

Por qué importa

Sin este dato no se puede saber si los anuncios traen citas, ni comprobar si las mejoras funcionan.

Qué cambiar

Medir tres eventos: inicio del formulario, paso 2 alcanzado y solicitud enviada. Hacerlo antes de cualquier otro cambio, para tener punto de partida.

H-05GraveEsfuerzo medioFase 2

Hay que dar 9 datos antes de saber si hay hueco

M3 · Reserva paso 1 · E3 · Móvil y escritorio · Formularios · Criterios FO-01

Paso 1 de la reserva (móvil)

Qué pasa

El primer paso pide nombre, apellidos, fecha de nacimiento, DNI, teléfono, email, dirección, aseguradora y motivo. La disponibilidad no aparece hasta el paso 2.

Por qué importa

Quien solo quiere saber si hay cita esta semana tiene que esforzarse sin saber si le merece la pena. Quien no tiene urgencia es quien más abandona.

Qué cambiar

Invertir el orden: primero motivo y hueco, después los datos.

Hipótesis de impacto · qué medir, no un resultado

Qué se quiere mover
Personas que pasan del paso 1 al paso 2
Punto de partida
9 datos antes de ver disponibilidad
Objetivo
Que el primer paso muestre disponibilidad
Cómo se mediría
Embudo del flujo de reserva en la analítica, 4 semanas antes y después
H-06GraveEsfuerzo medioFase 2

El mensaje de error no dice qué campo falla

M5 · Error de validación · Móvil y escritorio · Usabilidad · Criterios H-09, FO-05, AC-08

Pantalla de error (móvil)

Qué pasa

Arriba aparece «Se han producido errores… revise los campos marcados». Todos los campos vacíos salen en rojo sin texto que explique el problema: el error se marca solo con color.

Por qué importa

El usuario no sabe qué corregir, y quien no distingue bien el rojo no ve el error.

Qué cambiar

Mensaje junto a cada campo, con el problema y el formato esperado («El DNI debe tener 8 números y una letra»).

H-07GraveEsfuerzo altoFase 2

La fecha se elige a ciegas y solo se puede pedir «mañana» o «tarde»

M4 · Reserva paso 2 · Móvil y escritorio · Formularios · Criterios FO-01, H-05

Paso 2: fecha y franja (móvil)

Qué pasa

El paso 2 pide una fecha escrita en formato dd/mm/aaaa y una franja genérica. No se muestra qué días ni qué horas están libres.

Por qué importa

El paciente propone algo que quizá no existe, y la clínica tiene que llamar para negociar. La web no ahorra la llamada que pretendía ahorrar.

Qué cambiar

Conectar el formulario con la agenda y mostrar huecos reales. Si no es posible a corto plazo, mostrar al menos los días con disponibilidad.

Hipótesis de impacto · qué medir, no un resultado

Qué se quiere mover
Solicitudes que se convierten en cita sin llamada de ajuste
Punto de partida
Fecha y franja propuestas sin ver disponibilidad
Objetivo
Que el paciente elija un hueco real
Cómo se mediría
Solicitudes que requieren llamada de ajuste, registradas en recepción
// 05 · Resto de hallazgos

Moderados y menores.

15 moderados y 11 menores, resumidos. En el informe cada uno tiene su ficha completa con capturas y el porqué.
H-08Moderado

El aviso de cookies tapa un tercio de la pantalla y esconde la opción de rechazar

M1 · Inicio · Esfuerzo bajo · Fase 1

Qué pasa

El aviso ocupa 284 px de los 844 de alto de la pantalla. «Aceptar» es un botón destacado; «Rechazar todas» es un texto gris pequeño (2,6:1 de contraste).

Qué cambiar

Aviso más compacto con «Aceptar» y «Rechazar» con el mismo peso visual.

H-09Moderado

La casilla de publicidad viene marcada de serie

M3 · E3 · Esfuerzo bajo · Fase 1

Qué pasa

«Deseo recibir información sobre promociones» aparece marcada; la de privacidad, no.

Qué cambiar

Dejarla desmarcada por defecto.

H-10Moderado

El botón «Siguiente» parece desactivado

M3 · E3 · Esfuerzo bajo · Fase 1

Qué pasa

Botón gris claro con texto blanco: 1,58:1 de contraste.

Qué cambiar

Usar el color de acción principal con un contraste de al menos 4,5:1 en el texto.

H-11Moderado

Los campos no tienen etiqueta ni indican cuáles son obligatorios

M3 · E3 · M7 · Esfuerzo bajo · Fase 1

Qué pasa

El nombre de cada campo solo aparece como texto de ejemplo en gris (1,68:1), y desaparece al escribir. No se marca qué es obligatorio.

Qué cambiar

Etiqueta visible encima de cada campo y marca de «opcional» en los que lo sean.

H-12Moderado

Los bordes de los campos casi no se ven

M3 · M4 · E3 · M7 · Esfuerzo bajo · Fase 1

Qué pasa

Borde gris muy claro sobre blanco: 1,34:1 (el mínimo es 3:1).

Qué cambiar

Oscurecer el borde hasta al menos 3:1.

H-13Moderado

No se sabe cuántos pasos tiene la reserva

M3 · M4 · Esfuerzo bajo · Fase 1

Qué pasa

Ninguno de los dos pasos indica en qué punto está el usuario ni cuántos quedan.

Qué cambiar

Indicador simple: «Paso 1 de 2».

H-14Moderado

El texto sobre las fotos de portada se lee mal

M1 · E1 · Esfuerzo bajo · Fase 1

Qué pasa

El titular y el subtítulo blancos se apoyan en zonas claras de la foto: el contraste baja hasta unos 2,2:1. Valor estimado sobre la zona más clara.

Qué cambiar

Oscurecer más la capa sobre la foto o separar el texto de la imagen.

H-15Moderado

La portada no dice qué ofrece ni para quién

M1 · E1 · Esfuerzo bajo · Fase 1

Qué pasa

«Tu sonrisa, nuestra pasión» y «la última tecnología y un trato cercano» valen para cualquier clínica. En escritorio, además, el mensaje va en un carrusel.

Qué cambiar

Titular concreto: qué se hace, para quién y qué se consigue. Por ejemplo, primera visita, cercanía, urgencias. Portada fija en lugar de carrusel.

H-16Moderado

Los horarios no coinciden entre páginas

M1 · E1 · M7 · Esfuerzo bajo · Fase 1

Qué pasa

La barra superior en móvil dice «Lun a Vie 9:30–14:00 / 16:30–20:30». En escritorio y en Contacto, el viernes solo abre por la mañana.

Qué cambiar

Un único horario, gestionado desde un solo sitio de la web.

H-17Moderado

No se puede pedir cita desde la página de un tratamiento

M2 · E2 · Esfuerzo bajo · Fase 1

Qué pasa

Cada tratamiento termina en «Más información». No hay acceso directo a la reserva.

Qué cambiar

Botón «Pedir cita» en cada tratamiento, con el motivo ya seleccionado en el formulario.

H-18Moderado

El teléfono, la dirección y el mapa no se pueden pulsar

M1 · M7 · pie · Esfuerzo bajo · Fase 1

Qué pasa

El número aparece como texto, sin enlace para llamar. Ni la dirección ni el mapa abren la aplicación de mapas.

Qué cambiar

Enlazar el teléfono para llamar y la dirección y el mapa a la aplicación de mapas.

H-19Moderado

El horario de Contacto es una imagen

M7 · Contacto · Esfuerzo bajo · Fase 1

Qué pasa

La tabla de horario es una imagen, sin texto alternativo.

Qué cambiar

Horario en texto.

H-20Moderado

Cuatro botones compiten en la cabecera de escritorio

E1 · E2 · E3 · Esfuerzo bajo · Fase 1

Qué pasa

Teléfono, WhatsApp y «Cita online» comparten peso visual, junto al menú.

Qué cambiar

Destacar solo «Pedir cita» y dejar teléfono y WhatsApp como acceso secundario.

H-21Moderado

Los tratamientos usan nombres técnicos sin explicar

M2 · E1 · E2 · M4 · Esfuerzo medio · Fase 2

Qué pasa

Endodoncia, periodoncia, exodoncia y prostodoncia, con descripciones clínicas («pulpa dental», «maloclusiones»). El desplegable de la reserva usa los mismos nombres.

Qué cambiar

Nombrar por el problema del paciente («Me duele una muela», «Quiero enderezar los dientes») y dejar el término técnico como apoyo.

H-22Moderado

El turquesa de la marca no llega al contraste mínimo como texto

Toda la web · Esfuerzo medio · Fase 2

Qué pasa

Turquesa sobre blanco y blanco sobre turquesa dan 3,04:1. Se usa en enlaces, botones y textos pequeños, que necesitan 4,5:1.

Qué cambiar

Crear una versión más oscura del turquesa para texto y botones, manteniendo el original como color decorativo.

H-23Menor

El botón de menú en móvil es pequeño

M1 y todas las de móvil · Esfuerzo bajo · Fase 2

Qué pasa

Mide 28 × 28 px. Supera el mínimo de WCAG (24 px), pero queda por debajo de los 44 px que se recomiendan para tocar con el dedo.

Qué cambiar

Área táctil de 44 × 44 px.

H-24Menor

La pregunta antispam obliga a sumar y cambia tras un error

M3 · M5 · E3 · Esfuerzo bajo · Fase 2

Qué pasa

«¿Cuánto es 3 + 5?»; tras un error, pasa a «4 + 6» y hay que volver a responder.

Qué cambiar

Protección antispam invisible (campo trampa o verificación sin interacción).

H-25Menor

La misma acción aparece con tres nombres

E1 · M1 · Esfuerzo bajo · Fase 2

Qué pasa

«Cita online», «Pide tu cita» y «Reserva» llevan al mismo sitio.

Qué cambiar

Un solo nombre en toda la web.

H-26Menor

Las opiniones no tienen origen verificable

M1 · E1 · Esfuerzo bajo · Fase 2

Qué pasa

Una cita genérica firmada por «Paciente de la clínica», con cinco estrellas.

Qué cambiar

Mostrar opiniones con su origen (por ejemplo, la ficha de la clínica en Google) o quitar la sección.

H-27Menor

Todos los enlaces de tratamientos dicen «Más información»

M2 · E2 · Esfuerzo bajo · Fase 2

Qué pasa

Ocho enlaces iguales, sin decir a qué tratamiento llevan.

Qué cambiar

Incluir el tratamiento en el texto del enlace.

H-28Menor

La barra lateral del blog distrae en la reserva de escritorio

E3 · Esfuerzo bajo · Fase 2

Qué pasa

Junto al formulario aparecen buscador, últimas entradas, financiación y categorías.

Qué cambiar

Página de reserva sin barra lateral. Si acaso, un teléfono de ayuda.

H-29Menor

Hay un segundo formulario en Contacto

M7 · Esfuerzo bajo · Fase 2

Qué pasa

«Escríbenos» pide nombre, email, asunto y mensaje, además del formulario de cita.

Qué cambiar

Aclarar para qué sirve cada formulario y enlazar la reserva desde Contacto.

H-30Menor

El botón de WhatsApp tapa contenido

Todas las de móvil · Esfuerzo bajo · Fase 2

Qué pasa

El botón flotante se superpone a titulares y campos, y el icono blanco sobre verde tiene poco contraste (2:1).

Qué cambiar

Situarlo donde no tape contenido, o integrarlo en la barra fija de reserva.

H-31Menor

La letra legal del pie es muy pequeña

Todas · Esfuerzo bajo · Fase 2

Qué pasa

Enlaces legales a 10–11 px con 3,84:1 de contraste.

Qué cambiar

Tamaño mínimo de 12–14 px y contraste de 4,5:1.

H-32Menor

El paso 2 no recuerda lo que se escribió en el paso 1

M4 · Esfuerzo medio · Fase 3

Qué pasa

No hay resumen de los datos ya dados ni forma de revisarlos sin retroceder.

Qué cambiar

Resumen breve antes de enviar. Si se invierte el orden del formulario (H-05), se resuelve a la vez.

H-33Menor

No hay precios orientativos

M2 · E2 · Esfuerzo medio · Fase 3

Qué pasa

Ningún tratamiento da precio, rango ni explica por qué no se muestra. Solo aparece la financiación.

Qué cambiar

Decisión de negocio: publicar la primera visita o rangos orientativos, o explicar cómo se presupuesta.

// 06 · Plan

Un plan por fases.

Cada fase tiene un objetivo y una forma de comprobar si se ha cumplido. El impacto no se promete: se mide.
  1. // Fase 1

    Lo urgente

    17 hallazgos

    Que ningún paciente pierda lo escrito, que la reserva esté visible desde el primer momento y que se pueda medir el recorrido.

    Qué se quiere mover
    Visitas de móvil que llegan a enviar la solicitud
    Punto de partida
    Sin medición; reserva poco visible; un error borra el formulario
    Objetivo
    Un recorrido visible y sin pérdidas
    Cómo se mediría
    Eventos de H-04 desde el primer día
  2. // Fase 2

    Lo estructural

    14 hallazgos

    Que el paciente elija un hueco real con el mínimo esfuerzo y entienda qué está solicitando.

    Qué se quiere mover
    Solicitudes que se convierten en cita sin llamada de ajuste
    Punto de partida
    Nueve datos y fecha sin disponibilidad antes de enviar
    Objetivo
    Disponibilidad antes que datos
    Cómo se mediría
    Embudo por pasos y registro de llamadas de ajuste en recepción
  3. // Fase 3

    Lo que puede esperar

    2 hallazgos

    Resolver dudas de precio y pulir detalles una vez medido el impacto de las fases anteriores.

    Qué se quiere mover
    Consultas de precio por teléfono
    Punto de partida
    Ninguna referencia de precio en la web
    Objetivo
    Que el paciente llegue con una idea del coste
    Cómo se mediría
    Registro de llamadas por motivo
// 07 · Qué medir

Qué medir para saber si funciona.

En la analítica

  • Formulario iniciado: primer campo completado.
  • Paso 2 alcanzado.
  • Solicitud enviada.
  • Error de validación, indicando el campo que lo provoca.
  • Todo segmentado por dispositivo y por origen (anuncios o búsqueda).

En recepción

  • Llamadas para preguntar por disponibilidad.
  • Llamadas para confirmar una solicitud enviada por la web.
  • Solicitudes que requieren llamada de ajuste de fecha u hora.
  • Registro sencillo por motivo durante 4 semanas antes y 4 semanas después de cada fase.

Los puntos exactos del recorrido donde medir están en el esquema de H-04.

El informe completo, tal como lo recibe el cliente.

32 páginas: las 33 fichas con sus capturas, mejoras rápidas, plan por fases, qué medir y un anexo con el método y los resultados de la lista de criterios.

// 08 · Siguiente paso

¿Y después de la auditoría?

La fase 1 puede aplicarla la agencia a partir del informe; el Plan de mejora la deja especificada si se quiere evitar cualquier ambigüedad. La fase 2 cambia el orden y la lógica de la reserva: para ella se recomienda el Rediseño del flujo, porque sin pantallas diseñadas es probable que el resultado vuelva a pedir datos antes de mostrar disponibilidad.

Cuéntanos tu proyecto

Este caso es ficticio; el método es el mismo que en un encargo real.