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

IA para diseñadores: ilustración de Esbozo

IA para diseñadores: seis usos prácticos que ahorran tiempo sin quitar autoría

Combinar tipografías: ilustración de Esbozo

Cómo combinar tipografías: reglas simples para que tu diseño se vea profesional

Redes sociales para tu marca: ilustración de Esbozo

Cómo elegir las redes sociales para tu marca sin estar en todas