Regles per crear un bon disseny de formularis web
Actualitzat: 29 / 01 / 2022

Consells per a aconseguir un bon disseny de formularis web

Iván Cuéllar dissenyador web
Iván Cuellar
Dissenyador web

És important posar una atenció especial a l'hora de dissenyar aquests apartats

Els formularis web són una de les interaccions més importants que tindran els usuaris en el teu lloc web. S'utilitzen per a tot tipus de situacions decisives: Registres, subscripcions a newsletter, formularis de contacte per aconseguir informació addicional, compres... etc.

Aquests formularis web sempre formaran part dels objectius principals de tota empresa i conformaran un dels passos finals de l'usuari a l'hora d'aconseguir les conversions que anhelem. Per aquest motiu, és de vital importància posar una atenció especial a l'hora de dissenyar i desenvolupar aquests apartats al nostre web.

Des de La Teva Web, la teva agència de disseny web a Barcelona, hem preparat en aquest article una sèrie de consells i regles a seguir per aconseguir els dissenys de formulari web més brillants.

Comencem!

7 Regles d'or per al disseny web de formularis

  • Demanar només les dades essencials

Reduir els camps sol·licitats en els formularis pot ser dificultós, però molt rendible. Eliminant camps innecessaris aconseguirem estalviar als usuaris un temps molt valuós i incrementarem la taxa d'èxit de finalització de la tasca o de la conversió.

Un formulari que demana molta informació pot espantar als usuaris més mandrosos. Un consell: en el cas de formularis de contacte, unifica el "Assumpte" i el "Missatge" en un sol camp.

  • Estalviar temps d'escriptura a l'usuari

Demanant només les dades essencials aconseguirem que els nostres formularis de contacte estiguin menys carregats, però de vegades amb això no hi ha prou. Cal prestar especial atenció a l'esforç que realitza l'usuari a l'hora d'introduir les seves dades en els nostres formularis.

Escriure dades consumeix temps (més encara en mòbils) i és més propens a l'error humà, sense comptar que molts usuaris perdran l'interès en omplir un formulari si de sobte veuen que han d'escriure un paràgraf sencer. Minimitzar l'escriptura, reduir el nombre d'opcions, utilitzar respostes predefinides o botons desplegables poden ser bones opcions per a que l'usuari ompli un formulari ràpidament i sense problemes.

  • Apostar per les crides a l'acció (Call to Action)

Anima a l'usuari a omplir els camps, dóna-li informació addicional, explica els requisits de cada camp (com per exemple en les contrasenyes), ajuda-li a completar-ho i sobretot, aconsegueix amb ell una conversa amena en la qual es donin resposta a una sèrie de preguntes concises.

Ajudant en tot el possible a l'usuari, aconseguirem que acabi el formulari de forma més ràpida i senzilla, i al mateix temps disminuirem els possibles errors que puguin sorgir durant el procés.

  • Diferenciar els camps obligatoris dels que no

És important que l'usuari sàpiga que camps són opcionals i quins no, de manera que pugui saltar-se'ls si ho desitja. Com ja hem comentat, si no són necessaris, potser no caldrà que els demanis al formulari (Sempre podràs sol·licitar-los més endavant)

  • Evitar el botó de restaurar camps

El botó de restaurar camps era molt utilitzat antigament, però és pràcticament inútil. El risc d'esborrar tots els camps introduïts per accident sobrepassa enormement la poca probable necessitat de tornar a omplir els camps. La nostra recomanació: No els facis servir!

  • Alliberar-se dels captchas impossibles

Quantes vegades has intentat omplir un formulari en alguna web i has fallat en els típics captchas de lletres i números gairebé invisibles? I quantes vegades has jurat introduir bé aquests camps impossibles però us ha fallat igual? Moltes, segur. Això es bastant frustrant, ho sabem.

Per aquest motiu, en el cas de requerir un captcha per al teu formulari web (Molt útil per evitar l'spam massiu en formularis de contacte) és prioritari instal·lar un reCaptcha d'última versió per evitar possibles irritacions dels usuaris.

  • Proporcionar un missatge d'error clar

És molt important mostrar de forma visual i clara si l'usuari ha comès un o més errors a l'hora d’omplir el formulari.

I encara es més important indicar com resoldre aquest error i el motiu pel qual s'ha produït. D'aquesta manera, l'usuari podrà arreglar amb facilitat l'error comès i aconseguir l’èxit en el següent intent.

Aquestes són les nostres regles d'or per a un bon disseny de formularis web. A la nostra agència de disseny web, comptem amb un gran equip de professionals que posen especial atenció a l'hora de crear tots els elements que formaran la teva web. No ho dubtis més i confia en nosaltres per a la creació de la teva web a mida!

Iván Cuéllar dissenyador web
Sobre l'autor/a
Iván Cuellar — Dissenyador web
Amb una infinitat de dissenys realitzats a La Teva Web, no només busco realitzar webs “boniques”. Sempre aportem als projectes dels nostres clients una visió centrada en les seves necessitats i en l'usuari. Sense deixar de banda les tendències de disseny web, que evolucionen cada any.

Notícies relacionades

Tens un projecte en ment? En volem saber més!