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

Mockups de diseño: ilustración de Esbozo

Mockups de diseño: qué son y cómo usarlos para presentar tu marca

Rediseñar un logo: ilustración de Esbozo

Rediseñar un logo: cuándo conviene hacerlo y cómo hacerlo bien

Milton Glaser: ilustración de Esbozo

Milton Glaser: biografía, obras principales y lo que dejó al diseño