Elk nieuw gebied van kennis en inspanning ontwikkelt zijn eigen jargon en acroniemen. Webdesign is niet anders; we hebben termen zoals tags, zoekwoorden, analytics, gebruikerstesten, eerst mobiel, responsief ontwerp, enz. We hebben ook acroniemen zoals SEO, UI en UX. In de afgelopen jaren is er een nieuwe term - UX Design, of User Experience Design.
Het is bijna alsof dit een nieuw concept is - het gestroomlijnde, oogverblindende ontwerp is waardeloos, tenzij de gebruiker gemakkelijk kan navigeren, snel de belangrijke informatie kan inzien, naadloos kan communiceren en zonder veel moeite naar conversiepagina's kan gaan. - kortom dat ontwerpers moeten ontwerpen voor de gebruiker, niet voor zichzelf. Maar dit concept van ontwerpen voor de gebruiker is niets nieuws; tijdschriften en kranten doen dit al jaren met boeiend en overtuigend printontwerp.
Een onderdeel van UX-design is natuurlijk het geschreven woord en hoe het wordt gepresenteerd aan de gebruiker. Het ontwerp van de drukkerij was lang voor het internet en het is doordrongen van het leven van iedereen, net zoals het internet tegenwoordig doet.
Het ontwerp van de druk was en is nog steeds te vinden in flyers die op deurknoppen en in brievenbussen zijn achtergelaten; het is te vinden in tijdschriften, in kranten, in gedrukte boodschappen, in brochures die te vinden zijn bij fysieke reisbureaus en grootwinkelbedrijven voor woningbouw. Het is te vinden op billboards. Hoewel er geen analyses zijn om de effectiviteit ervan te evalueren, zijn er jaren en jarenlange ervaring onder de riemen van de drukkers. Het is een ervaring die webdesigners en drukkers zeker in overweging moeten nemen bij het ontwerpen van sites.
Kranten- en tijdschriftdrukkers hebben dit voor altijd geweten: aangezien de inhoud op pagina's is ingedeeld, is er een soort rasterpatroon gebruikt. Dit zou niet anders moeten zijn wanneer inhoud op een webpagina wordt geplaatst. Het gebruik van een raster biedt balans en biedt een niveau van comfort voor de gebruiker.
Als een pagina is verdeeld in gelijke secties, kan meer belangrijke inhoud worden verspreid in meer secties in het raster dan minder belangrijke inhoud.
In het ontwerp van kranten en tijdschriften zijn de aandachtspunten goed te zien: de grote krantenkoppen. Hetzelfde geldt voor webpagina's. Er moet een centraal punt zijn om het "punt" van de informatie op de pagina vast te leggen.
Het punt is dat de gebruiker dat focuspunt eerst moet zien, zodat de aard van de inhoud op de pagina duidelijk is.
Witte ruimte rond de elementen en de tekst biedt "ademruimte" voor de ogen van de gebruiker, waardoor deze ogen zich kunnen concentreren op afbeeldingen en woorden. Dit is een factor die vroeg krantenpapier niet kon bieden, met uitzondering van de ruimte tussen alinea's en kolommen. Nadat afbeeldingen aan kranten en tijdschriften waren toegevoegd, zorgden lay-outontwerpen voor meer witruimte en dat was goed.
Tegenwoordig zorgt webdesign voor nog meer witruimte, en dat verbetert de UX.
Het draait allemaal om herhaling. Dit houdt de gebruiker comfortabel. Een raster geeft consistentie, maar wat nog belangrijker is, lettertype en inhoud doen. Lezers hoeven hun ogen niet voortdurend aan te passen aan verschillende soorten afdruktaken. Consistentie betekent ook het gebruik van woorden en kleuren, waardoor terminologie hetzelfde blijft en hetzelfde beeld wordt geprojecteerd met kleurgebruik. Herhaling van plaatsing van dezelfde elementen kan ook een consistentie opleveren, indien mogelijk.
Strakke consistentie is mogelijk niet altijd mogelijk; maar goed printontwerp is zo consistent mogelijk - vooral met lettertypen, terminologie en kleur.
Lettergrootte en -type zijn de beste manier om het relatieve belang van verschillende stukken inhoud te tonen. Hier zijn twee doelen: we willen inhoud gemakkelijk absorberen en de gebruiker onmiddellijk weten wat er op de pagina staat, en we willen ook dat de ogen van de gebruiker bewegen zoals we willen. De koppen zijn dus groot en vet, soms in een contrasterende kleur; subkoppen zijn misschien kleiner en minder vet, maar nog belangrijker dan de kleinere tekst die het detail oplevert.
Deze dingen maken een pagina ook beter scanbaar. Als er veel wordt afgedrukt, verbetert het delen met subkoppen in een groot type en punten met opsommingstekens de scanneerbaarheid en daarmee de gebruikerservaring.
Sommige elementen zijn groter dan andere, zodat de lezer automatisch wordt getrokken naar de grotere elementen in de lay-out en vervolgens naar de kleinere elementen gaan terwijl deze de inhoud lezen. Hierdoor kan de ontwerper de nadruk leggen op de belangrijkste elementen en tekst.
Leesbaarheid betekent precies wat het zegt. Kan de lezer uw tekst gemakkelijk lezen zonder stress? Is het opgedeeld in brokken met opsommingstekens of andere "verdelers" zodat het scanbaar is? Wat is de afstand tussen woorden en tussen letters binnen die woorden?
Als je dat moeilijk maakt, is de lezer niet comfortabel om je inhoud te lezen. Hier zijn enkele dingen om te overwegen:
Toen de kleur kwam om media af te drukken, was het enorm. Ontwerpers van gedrukte werken hadden veel meer mogelijkheden om kleuren en schakeringen van kleuren te gebruiken om het oog aan te trekken en om ook enkele psychologische berichten af te leveren. Er is een heel gebied van de psychologische aantrekkingskracht van kleuren, en goede drukkers zullen dit onderzoek bestuderen in het maken van kleurselecties.
Tientallen decennia geleden maakten printontwerpers lay-outs voor kranten en tijdschriften. Ze leerden het basisprincipe van lay-outrasters, van focuspunten, hiërarchie van het type, leesbaarheid en, wanneer deze beschikbaar kwam, kleur.
Die principes zijn nog steeds van toepassing, of ze nu worden gebruikt in traditionele gedrukte media of in het ontwerp van websites.
Uitgelichte afbeelding, ontwerpafbeelding afdrukken via Shutterstock.