Wat is storyboarding in webdesign?

Wanneer de makers van een website zich in het ontwerpproces bevinden, maakt storyboarding vaak deel uit van de beginfase. Een storyboard is een manier om een ​​idee te krijgen van hoe de website eruit zal zien, aanvoelt en zich gedraagt ​​voordat deze de officiële ontwerp- of kopieerfase bereikt. Zowel creatieve als technische professionals gebruiken storyboards, die het ontwerp- en ontwikkelingsproces kunnen stroomlijnen.

Een storyboard voor een website begint meestal met een reeks lege rechthoeken op een pagina, één voor elke pagina van de site. Afhankelijk van het bedrijf en de ontwerpers kan er bij de blanco borden ruimte verschijnen voor notities of vragen. Een informatieontwerper, grafisch ontwerper of webontwerper vult het storyboard met een basisschets van elke pagina om te laten zien hoe het eruit zal zien en aanvoelt; het kan zo simpel zijn als kaders op de pagina of zo complex als een volledige schets. Storyboards helpen een ontwerpteam en/of klanten om tot hetzelfde begrip te komen van wat de pagina momenteel zal doen, en om de eerste wijzigingen aan te brengen in het basisontwerp.

Een van de belangrijkste functies van een storyboard is om een ​​basisdraadmodel te bieden van hoe elke pagina eruit zal zien. Het diagram moet net genoeg informatie bieden om een ​​idee te geven van hoeveel ruimte elk element op de pagina zou moeten hebben. Elementen in een basisdiagram zijn onder meer de navigatiebalk, hoofdkoppelingen, het gebied met afbeeldingen en ruimte voor websitekopieën. Een draadmodeldiagram is een nuttig onderdeel van het evalueren van de informatiehiërarchie van een pagina; met een visuele lay-out is het gemakkelijker om te zien of de hoofdelementen voldoende ruimte hebben om de aandacht van de kijkers te trekken.

De lay-out van een website bepaalt vaak de manier waarop gebruikers ermee omgaan en hoe ze naar verschillende delen van de site gaan. Een storyboard kan de bewegingsrichting door de website laten zien door de verschillende knoppen en links op elke pagina te plaatsen. Bij het bekijken van een website door middel van een storyboard, zoeken experts naar zaken als links die zichtbaar zijn zonder de gebruiker moet naar beneden scrollen, navigatieknoppen wissen en een beperkt aantal keuzes, zodat gebruikers dat niet doen beduusd. Het storyboard moet een idee geven van de algehele organisatie en structuur van de website en laten zien hoe alle pagina's samenwerken.

Een krachtige website geeft slechts zoveel informatie als de gebruiker tegelijk aankan. Een storyboard helpt bij het segmenteren van de kopie en het beeldmateriaal op een manier die de lezer stukje bij beetje aantrekt. Door elke pagina in te delen, kunnen ontwerpers een idee krijgen van hoeveel informatie er moet verschijnen. De meeste storyboards bevatten niet de daadwerkelijke tekst en afbeeldingen die op de site zullen komen, maar bieden een algemene schets die de lay-out, lijnbreedte en ingesloten links toont.