Een paar jaar geleden werd er op het internet een heftige discussie gevoerd over formulieren. Ze waren te lang, te onduidelijk, ze hielden inschrijvingen tegen en zorgden voor veel hoofdpijn bij onze marketingvrienden. (Dus ook hoofdpijn bij ondernemers want geen inschrijvingen = geen business). Het heeft er toe geleid dat er 2 ontwikkelingen kwamen. Er kwamen formulieren die alle opties gingen verstoppen (ken je het ‘stappen-formulier nog? Ben je eindelijk klaar en tadaaaa, nóg een stap en soms zelfs nog 1.) Ook kwamen er formulieren met steeds minder opties en lagere drempels (en zo kregen we meer spam en minder informatie).

Heeeeeel veel onderzoek en heel veel meningen en conclusies later is er een soort standaard ontstaan op het web. Zo staan de labels (de naampjes van het veld waarin staat wát je precies moet invullen) in het invulveld en verdwijnen ze zodra je er op klikt.

Dit heeft, naast alle voordelen van een qua design mooi overzichtelijk formulier, ook een paar nadelen:

1. Bij lange formulieren vergeet je bij teruglezen welke informatie er precies in welk veld werd gevraagd.
2. Soms is niet duidelijk in welk format je bijvoorbeeld je postcode, telefoonnummer of geboortedatum moet invullen.

Mijn oplossing voor gebruiksvriendelijke formulieren

Daarom heb ik een paar jaar geleden een oplossing bedacht die de vormgeving combineert met gebruiksvriendelijkheid. Ik heb het ooit op CodePen gepubliceerd zodat anderen ermee konden experimenteren. Daarna heel lang niet meer aan gedacht. Een paar weken geleden werd het opeens opgepikt in de community en zijn andere developers hier mee verder gegaan, helemaal super!

Dus bij deze mijn oplossing voor gebruiksvriendelijke formulieren, doe ermee wat je wilt!

See the Pen Keep Inline Form Labels Always Visible by Vita (@vitavanderlijke) on CodePen.0