Un cliente quiere pedirte presupuesto. Encuentra tu web, pulsa «Contacto» y rellena el formulario. Al enviarlo, la página no dice nada. ¿Llegó el mensaje o tiene que intentarlo otra vez? Ese último paso puede echar a perder todo el recorrido anterior.
El diseño de interacción trata de lo que ocurre cuando alguien usa la web: al abrir un menú, pulsar un botón, rellenar un campo o enviar una consulta. Para una pyme, la prueba más útil es seguir el camino de un posible cliente desde el servicio hasta la confirmación del contacto.
El menú debe llevar al servicio correcto
En un móvil, abre el menú y busca tu servicio principal sin conocer la empresa. Comprueba que el desplegable se abre, que las opciones se leen y que se pueden activar con el dedo. Repite la prueba con teclado en ordenador: debe ser posible reconocer qué enlace está seleccionado y llegar al mismo destino. El W3C recomienda cuidar la estructura y el uso por teclado de los menús.
Si una persona llega a una página general de «Servicios», cada opción debe explicar qué ofrece y enlazar a la información correspondiente. Un menú bonito no compensa una ruta que obliga a adivinar dónde está el servicio.
Cada botón debe anticipar qué pasará
«Solicitar información» puede llevar a un formulario; «Ver mantenimiento WordPress» debe abrir esa página. Evita poner el mismo «Saber más» en todos los bloques y no hagas que un botón parezca pulsable si no hace nada. Las llamadas a la acción deben estar visibles, pero sin tapar el contenido ni competir entre sí.
Después de pulsar, comprueba que el destino carga y que el usuario no pierde el contexto. En una web comercial, la claridad de ese recorrido importa más que añadir animaciones o sonidos de confirmación.
El formulario debe explicar lo que necesita
Da una etiqueta visible a cada campo y pide solo los datos necesarios para responder. Si un dato es obligatorio, indícalo antes del envío. Si hay un error, señala qué campo hay que corregir y conserva lo ya escrito siempre que sea posible. La guía de formularios del W3C explica por qué las etiquetas facilitan el uso con ratón, teclado y lector de pantalla.
Prueba el formulario en un teléfono: el teclado debe permitir escribir con comodidad, la casilla de privacidad debe poder marcarse y el botón de envío no debe quedar fuera de pantalla. Si el visitante tiene que ampliar la página para acertar en un campo, todavía hay trabajo de diseño.
Confirma el resultado con palabras claras
Cuando el mensaje se envía correctamente, muestra una confirmación visible: «Hemos recibido tu mensaje». Si falla, dilo y ofrece una forma de reintentar o contactar por otra vía. No muestres una confirmación antes de que el envío se haya completado. Los criterios del W3C para mensajes de estado también ayudan a que el resultado sea perceptible para quienes usan tecnologías de apoyo.
Cuenta los envíos confirmados por el servidor, no solo los clics en el botón. Después compáralos con las visitas a la página y con las consultas que terminan en un proyecto. Un cambio de diseño no demuestra una mejora de conversiones por sí solo.
Una revisión de cinco minutos
- Entra desde el móvil en una página de servicio y trata de encontrar el contacto.
- Comprueba que cada botón lleva al lugar que promete.
- Rellena los campos como lo haría una persona que no conoce tu negocio.
- Envía una consulta de prueba controlada y verifica tanto la confirmación visible como la recepción del mensaje.
- Repite el recorrido con teclado y corrige cualquier punto donde te quedes bloqueado.
Si tu web no recibe las consultas que esperas, empieza por comprobar este recorrido antes de cambiar toda la portada. En Sarpanet diseñamos y revisamos webs para pymes y profesionales de Cantabria. También puedes usar nuestra guía para revisar la experiencia completa de tu web. Si quieres que revisemos tu caso, cuéntanos qué falla.
