El blog de dinahosting
  • Inicio
  • Novedades
  • Contenidos Técnicos
    • Marketing
    • Seguridad
    • WordPress
    • Prestashop
  • Eventos
  • Equipo DH
  • Clientes

El blog de dinahosting

  • Inicio
  • Novedades
  • Contenidos Técnicos
    • Marketing
    • Seguridad
    • WordPress
    • Prestashop
  • Eventos
  • Equipo DH
  • Clientes
#HalloweenDH

Suscríbete a nuestra newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

Newsletter
formularios

Diseño de formularios web: 6 consejos básicos

escrito por Edi Vieito abril 7, 2020

Al igual que los botones, los formularios son un elemento imprescindible en una web.

Es muy importante que sean claros, fáciles de seguir y rápidos de cubrir. A nadie le gusta completar formularios extensos ni responder a preguntas muy rebuscadas, ¿no?

Presta atención a estas 6 reglas básicas a seguir en el diseño y desarrollo de formularios web.

Índice de contenidos

  • 1 Consejo 1: Una columna
  • 2 Consejo 2: Labels encima
  • 3 Consejo 3: Agrupación
  • 4 Consejo 4: Mensajes de error
  • 5 Consejo 5: Guiar al usuario
  • 6 Consejo 6: Dar opciones

Consejo 1: Una columna

Consejos para el diseño de formularios web | dinahosting

En la medida de lo posible, intenta montar tus formularios en una sola columna. Esta disposición es más fácil de seguir para el ojo, y genera una mejor disposición del espacio.

Como bien dice el refrán, menos es más.

Consejo 2: Labels encima

Consejos para el diseño de formularios web | dinahosting

Es muy importante colocar cada label de forma que quede claro a qué elemento del formulario hace referencia. Varios estudios afirman que la colocación superior es la óptima, pues pone a una misma distancia el label del input, independientemente de la longitud del texto.

Consejo 3: Agrupación

Consejos para el diseño de formularios web | dinahosting

Es importante que los label y sus input estén lo suficientemente cerca como para generar sensación de grupo compacto. A su vez es necesario que exista espacio suficientemente entre grupos para evitar confusiones.

Consejo 4: Mensajes de error

Consejos para el diseño de formularios web | dinahosting

Dar feedback al usuario es muy importante. Tiene que saber qué campos son obligatorios, así como el formato a seguir para rellenarlos. Si en algún momento el usuario comete un error, hay que dejarle claro a qué campo afecta. Por ello, siempre que sea posible es recomendable que el mensaje se coloque al lado del campo al que corresponde.

Consejo 5: Guiar al usuario

Consejos para el diseño de formularios web | dinahosting

Mientras diseñamos un formulario tenemos que pensar en el usuario. Hacerle la vida fácil. Seguir una jerarquía en los botones y diferenciar la opción más habitual de la secundaria hará que cubra el formulario antes, y que por lo tanto esté más satisfecho.

Consejo 6: Dar opciones

Consejos para el diseño de formularios web | dinahosting

Muchas veces un formulario se dispone en varios apartados que no siempre aplican o no son obligatorios para todos los usuarios. Por eso, una buena práctica es dar una salida al formulario si el usuario quiere escapar de alguna parte concreta.

Además del diseño, cuando trabajamos con formularios hemos de tener en cuenta el Reglamento General de Protección de Datos (RGPD). Tratamos con datos sensibles de los usuarios y tienen que almacenarse de una manera adecuada. ¡No lo pases por alto!

En este post te ponemos al día sobre las novedades en materia de RGPD. Y si aún así te siguen surgiendo dudas, echa un ojo a nuestro servicio de Asesoría Legal y te echamos un cable con lo que necesites.

diseñodiseño webformulariosLOPDweb
0 comentario
1
Facebook Twitter Google + Pinterest

Deja un comentario Cancelar respuesta

*

code

Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional

Información básica sobre protección de datos

Responsable
Dinahosting S.L.  [+ info]
Finalidad y legitimación
Tratamos los datos que nos proporcionas con la finalidad de gestionar tu comentario, incluida su publicación en nuestro blog. Al enviarnos tu comentario o sugerencia nos das tu consentimiento explícito para que tratemos tus datos con esta finalidad  [+ info]
Destinatarios
Publicamos los comentarios que nos envías en el blog. Enviar un comentario en nuestro blog implica la publicación en el blog del ‘nombre’ y, en su caso, el ‘avatar’ que utilices al dejar el comentario  [+ info]
Derechos
Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad

En dinahosting

Promotion Image

Dominios

Promotion Image

Hosting SSD NVMe

Promotion Image

VPS

Suscríbete a nuestra newsletter

Promotion Image Newsletter

Newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL. [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter.[+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal.[+info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción.[+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.
Hazte afiliado

¡Síguenos!

Facebook Twitter Instagram Linkedin Youtube
dinahosting
Facebook Twitter Instagram Linkedin Youtube

LLÁMANOS GRATIS

900 854 000


ESCRÍBENOS

soporte@dinahosting.com

En dinahosting

  • Hosting
  • Dominios

Área privada

  • Panel de administración
  • Webmail
  • Feedback
  • Protección de datos
  • Ayuda
  • 900 854 000
  • soporte@dinahosting.com

@2020 - Dinahosting

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL  [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter  [+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal  [+ info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad