Diseño web: 9 reglas para el formulario de contacto perfecto

Artículo sobre Diseño de páginas web publicado por Doiser

En Doiser tenemos expertos en Diseño de páginas web que han realizado este artículo para ti. Recuerda que si necesitas un servicio de Diseño de páginas web puedes solicitar presupuesto y te pondremos en contacto con hasta 3 empresas para que te hagan un presupuesto sin compromiso.

Solicitar presupuesto

Si hay un aspecto crucial en el diseño web es la creación de un formulario de contacto eficaz. Cualquier web corporativa debería incluir uno, pero no siempre es fácil conocer cuáles debe ser sus características. Por ello, te damos nueve claves para que logres el éxito.

¿Cuál es tu estrategia de captación?

Es el punto de partida y debe ser lo más específica posible. Puedes invitar a que contacten contigo para solicitarte un precio, para pedir un presupuesto o bien para solicitar algún servicio gratuito que hayas ofertado.
¿Qué campos necesitas incluir en un formulario de contacto?

No puedes ni quedarte corto, ni excederte y convertir el formulario de contacto en un interrogatorio. Lo más recomendable es no solicitar la misma información por duplicado. El resultado debe rellenarse en dos o tres minutos como máximo.
¿Cómo debería ser el enlace hacia el formulario?

Lo importante es que en tu página sea fácil de encontrar y que haya cierta coherencia con el resto del diseño. Elige bien el tipo de botón, el título y la descripción corta que añadas para que los interesados lo identifiquen.
¿Qué tipo de textos debes incluir en un formulario de contacto?

Todos han de estar escritos en el mismo tono que el resto de la página para hablarles a tus clientes en su mismo idioma.

En lo que respecta a las instrucciones para rellenar alguna casilla han de ser cortas y directas. Las preguntas han de ser fáciles de responder. Olvídate de palabras complicadas y apuesta por lo positivo. Has de invitar a que se termine el formulario y a que esa persona quiera seguir conociendo los detalles de tu oferta.
¿Cómo debes repartir la información en términos de diseño?

Siempre en una única columna y que sea lo más breve posible. Utilizar dos columnas o una demasiado larga supone tener que desplazarse para finalizarlo. Si te es posible, escoge una opción de un máximo de seis o siete líneas.

Si los datos que solicitas son los habituales, coloca las etiquetas encima del área a rellenar. El ajuste del espacio vertical lo puedes realizar con las etiquetas alineadas a la derecha y a la izquierda de cada campo. Si tienes que hacer el ajuste vertical, pero los datos no son conocidos, las etiquetas deben ir alineadas a la izquierda y colocarlas al lado de la casilla correspondiente.

Agrupa las respuestas con etiquetas como «Fieldset» u «OptGroup». El tamaño de cada campo debe ser suficiente para el tipo de texto que se vaya a introducir. Intenta que el ancho de la zona de respuesta sea homogéneo y apuesta por la flexibilidad para que se acepten respuestas en todo tipo de formatos (habilita JavaScript para admitir caracteres especiales). Evita los saltos automáticos y utiliza Java para evitar que se envíe el formulario dos veces.
¿Cuáles son las soluciones más eficaces para diseñar un formulario extenso?

En el caso de que necesites un formulario más amplio, divídelo en páginas e incorpora una aclaración que indique cuantas páginas se han completado y cuántas faltan para finalizar. Intenta que cada página se centre en un tipo de información. En este caso, sí es recomendable incluir una opción para volver a la página anterior. Ni los enlaces a información externa, ni las pestañas son adecuadas para este tipo de formulario.
¿Cómo corregir los posibles errores del usuario?

En caso de error deberías crear un código que permita identificar qué ha sucedido, pero que no conlleve que se borre el formulario completo. Bastaría con añadir un indicador sobre el campo erróneo y una pequeña explicación de lo que hay que revisar.
¿Es importante la seguridad y la legalidad del formulario?

Sí, y hay que especificar que se está usando un certificado SSL. Esta opción se complementa con las opciones que se les dan a los usuarios para completar el cuestionario.

No deberías incluir ni la opción de «Reset» (borra el formulario e invita a abandonarlo), ni «Volver» (ídem). Es más positivo seleccionar alternativas que confirmen que el formulario se ha rellenado bien o que se están enviando los datos.

Respecto a la LOPD, hay que concretar que se cumple y qué vas a hacer con los datos recopilados.
¿Has de incluir el tiempo aproximado de respuesta?

Sí. Quien se ha interesado por tu actividad también necesita saber que tú harás lo mismo. Añade un mensaje con el tiempo aproximado y cumple con el plazo.

Estas son las nueve claves principales que combinan la usabilidad web para que la experiencia del usuario sea buena y tus formularios de contacto inviten a ser rellenados. Aplícalas con cuidado y comprobarás cómo la tasa de abandono se reduce enormemente.

¿Necesitas ayuda para llevar a la práctica los conceptos que has aprendido en este artículo? Entonces, contacta con los expertos en diseño web que encontrarás en nuestro portal. Pídeles presupuesto sin compromiso y ellos se encargarán de convertir tus formularios de contacto en la herramienta más eficaz para lograr nuevos clientes y cumplir con tus objetivos de negocio.

Ver la sección de Diseño de páginas web

Servicios más demandados

En Doiser encontrarás todo lo que necesites para tu empresa, pero estos son los servicios TOP del momento