Home > Aan de slag > Ontwerp

Het ontwerp van een site is de vertaling van de doelstelling in een visuele oplossing. Bij de beoordeling van een ontwerp gaat het niet zozeer om ‘mooi of lelijk’, als om de mate waarin het aan de doelstelling voldoet.

Inhoudsopgave

Wat is het belang van een goed ontwerp?

Een goed ontwerp heeft positieve impact op de uitstraling van een organisatie en draagt bij aan de herkenning door de gebruiker. Dankzij het ontwerp komt de identiteit van het bedrijf en/of de dienst duidelijk in de website naar voren. Bezoekers weten direct op welke site zij zich bevinden. De site onderscheidt zich visueel van andere, soortgelijke bedrijven en/of diensten. De wijze waarop de bedrijfsidentiteit wordt neergezet (‘branding’), draagt voor de bezoeker een positieve belofte uit. Branding wordt bevorderd als het ontwerp bepaalde waarden overbrengt, zoals betrouwbaarheid, ervaring, vakkennis, klantgerichtheid enzovoort.

Een goed ontwerp is gebruiksvriendelijk.

Dit houdt in dat het ontwerp bijdraagt aan het (goed) functioneren van de site, en de behoeften van gebruikers ondersteunt. Leesbaarheid wordt bijvoorbeeld bepaald door keuzes die de ontwerper maakt betreffende kleur, lettertype en lettergrootte. Maar ook de plaatsing van elementen (de lay-out van de site), speelt een belangrijke rol bij hoe gebruikers de overzichtelijkheid van een site ervaren.

Binnen een goed ontwerp zijn visuele elementen en functie in balans.

Een goed ontwerp is meestal ‘de beste oplossing binnen de gestelde beperkingen’. Bij het gebruik van afbeeldingen van hoge kwaliteit bijvoorbeeld, moet altijd worden afgewogen of de laadtijd van pagina’s nog acceptabel is voor bezoekers.

Naar boven

Het ontwerp proces

In de ‘brainstorm’-fase doet de ontwerper onderzoek naar ‘moods’, metaforen en thema’s die binnen het gestelde concept passen.

Voorbeeld van ‘moods’

Het concept voor een tuincentrum-site is ‘de vier seizoenen’. De moods – bepaalde emoties/sferen – worden verbonden aan de seizoenen; combinaties als ‘lente-fris’, ‘zomer-blij’, ‘herfst-melancholiek’ en ‘winter-stil’ roepen bepaalde beelden op (vallende bladeren, groene sprietjes, een deken van sneeuw enzovoort).

In de brainstorm fase worden vaak zogenaamde ‘studies’ gedaan van de aparte onderdelen:

  • Lay-out
  • Kleur
  • Typografie
  • Beeld

Het samenvoegen en concreet uitwerken van de lay-out-, kleur-, typografie- en beeldstudies tot één geheel gebeurt soms tegelijkertijd met het uitvoeren van het ontwerp.

Van abstract naar concreet

‘Thumbnails en ‘roughs’

Veelal is de compositie van de site het kader waarbinnen de andere visuele elementen worden geïntegreerd. Thumbnails zijn minischetsjes van verschillende mogelijke indelingen van de pagina. Deze worden in een snel tempo gemaakt. De beste hiervan worden iets groter en gedetailleerder uitgevoerd in de vorm van voorzetjes (roughs). Binnen roughs worden vaak de belangrijkste kleur- en typografische elementen toegevoegd.

Na kritische beschouwing worden de roughs uitgewerkt tot een ‘Look-and-Feel’. In dit verband worden ook termen als comp(osite) of mock-up gebruikt. Binnen webprojecten is de term Look-and-Feel gebruikelijk. De Look-and-Feel is gedetailleerder uitgewerkt dan de studies, maar concentreert zich nog steeds op moods en design op basis van de te verwachten content. Alle overige ontwerpuitwerkingen worden getoetst aan de hand van de Look-and-Feel.

Naar boven

Waar bevindt ontwerp zich binnen het proces van webontwikkeling?

Het ontwerp komt altijd na het concept, en vóór de productie van de site. De (consistente) uitvoering van het ontwerp tijdens productie wordt getoetst aan de hand van het concept en de Look-and-Feel.

Naar boven

Aanbevolen literatuur

  • Siegel, David. Secrets of Succesful Web Sites.
  • Berryman, Gregg. Notes on Graphic Design.

Naar boven