Formulario de contacto web: ilustración de Esbozo

Formulario de contacto web: cómo diseñarlo para que la gente lo complete

El formulario de contacto web es el punto donde una visita se convierte en una conversación. Muchas páginas lo tratan como un detalle de última hora y por eso pierden mensajes. Con unos cuantos ajustes, puedes lograr que más personas lo completen sin darles ganas de abandonar.

Por qué importa el formulario de contacto web

Para mucha gente, rellenar un formulario es más cómodo que llamar o escribir un correo. Si el tuyo es largo, confuso o falla, esa persona se va con la competencia. Es una pieza pequeña con efecto directo en tus contactos.

Qué campos incluir en el formulario de contacto web

Menos es más. Pide solo lo imprescindible:

  • Nombre
  • Correo electrónico
  • Mensaje
  • Teléfono, solo si realmente lo vas a usar
  • Un desplegable de motivo de contacto, si tienes varios servicios

Cada campo extra reduce la tasa de respuesta. Si necesitas más información, puedes pedirla en la respuesta.

Cómo diseñar un formulario de contacto web claro

  1. Coloca las etiquetas encima de cada campo, no solo como texto dentro.
  2. Deja espacio suficiente entre campos para pulsar cómodamente en el móvil.
  3. Usa un botón con un texto concreto, como «Enviar mensaje» en lugar de «Enviar».
  4. Muestra los errores junto al campo y explica cómo corregirlos.
  5. Confirma el envío con un mensaje claro e indica cuándo responderás.

Formulario de contacto web y diseño adaptable

Una gran parte de las visitas llegan desde el teléfono. Si los campos son pequeños o el teclado tapa el botón, se pierden contactos. Es otro motivo para cuidar el diseño web responsive y la experiencia del usuario, como vimos en diseño UX y UI.

Privacidad y protección

Añade un enlace a tu política de privacidad y una casilla de consentimiento cuando la ley de tu país lo exija. Para evitar correo no deseado, usa una protección discreta como una verificación sencilla. Comprueba también que los mensajes llegan a una bandeja que revises.

Prueba antes de publicar

Envía mensajes de prueba desde el móvil y desde el ordenador, y revisa cuánto tarda en llegar el aviso. Mide cuántas visitas se convierten en mensajes y ajusta de ahí. Para entender el concepto de formulario, puedes consultar la entrada de Wikipedia sobre formulario.

Imagen de Will Miranda

Will Miranda

Parte del equipo de Esbozo, agencia de diseño, branding y marketing digital, y autor de contenidos del blog.

Otros Articulos

Jerarquía visual: ilustración de Esbozo

Jerarquía visual: cómo guiar la mirada en cualquier diseño

Hosting para tu web: ilustración de Esbozo

Hosting para tu web: qué es y cómo elegir el plan adecuado

Medidas para redes sociales: ilustración de Esbozo

Medidas para redes sociales: tamaños de imagen y vídeo que conviene usar