Een single-column layout stapelt alle content in één verticale kolom, zodat de lezer in een duidelijke volgorde recht naar beneden gaat. Er zijn geen zijpanelen of parallelle kolommen die om aandacht strijden. Je leest één blok, dan het volgende, dan het volgende.
Denk aan een gedrukte brief in plaats van een krant. Een krant splitst in kolommen en laat je oog heen en weer springen, terwijl een brief van boven naar beneden in één gedachtegang loopt. Dat ene pad is precies waarom landingspagina’s en formulieren op deze opmaak leunen: er is één duidelijke richting om te volgen, en de call to action staat aan het natuurlijke einde ervan. Het is ook de standaard op telefoons, en daarom past het zo goed bij mobile-first design en responsive design.
Het risico op brede schermen is content die uitrekt tot heel lange regels die vermoeiend lezen. De oplossing is een begrensde kolombreedte met royale witruimte aan weerszijden, zodat elke regel kort genoeg blijft om prettig te scannen. Een gangbaar streven is ongeveer 60 tot 75 tekens per regel, en daarom begrenzen de meeste goed opgemaakte artikelen hun tekst rond de 600 tot 700 pixels, zelfs op een groot scherm.
Eén kolom maakt een pagina ook makkelijker om goed te bouwen. Met één pad naar beneden regelt het responsive design zich bijna vanzelf: dezelfde stapel die op desktop werkt, wordt op een telefoon simpelweg smaller, zonder kolommen die je moet herschikken of verbergen.
Maar het formaat kent een grens. Als je echt dingen naast elkaar moet vergelijken, een prijstabel of een specificatieblad, maakt ze in één kolom proppen het lastiger te scannen, niet makkelijker. De enkele kolom is een middel om aandacht langs één gedachtegang te leiden, geen regel die je overal toepast.
Bij TopDevs grijpen we naar single-column layouts op landingspagina’s en aanmeldflows, waar één duidelijk pad naar beneden bezoekers gefocust houdt op de volgende stap.
