Xicero Communicatie
Xicero Communicatie

Deel 11 - Design & webdesign


image
Geplaatst op Nov 01, 2008, door Daniël Kuijk in Serie: professionele website laten maken

Design & Webdesign ...

 Een van de meest aantrekkelijke stappen in het realisatie proces van een website wordt gevormd door de fase van vormgeving. Hier kijken de opdrachtgevers doorgaans het meest naar uit, tenslotte wordt een website niet zelden in een ogenblik beoordeeld op haar schoonheid, helderheid en toegankelijkheid. Alle voorbereidingen en al het goede denkwerk op voorhand raakt ondegeschikt en het reusltaat kan in deze fase worden gemaakt of gebroken.

Helaas blijkt vormgeving te vaak een bijzaak voor interbureaus. Het is nu eenmaal een gegeven dat de meeste bureau’s zijn ontstaan vanuit de techniek en dat deze techniek ook de belangrijkste drijfveer vormt tijdens de realisatie. Nu is techniek absoluut noodzakelijk in het geheel en vormt voor zeker 50% de succesfactor van een website, maar techneuten zijn doorgaans niet de typen mens die uitblinken in vormgeving. Technici maken geavanceerde en verrassende oplossingen maar helaas zien deze oplossingen er slechts zelden mooi uit. Daarmee deel ik geen zwarte piet uit, integendeel. Want ook vormgevers zijn niet bepaald zaligmakend in het pad naar een knappe website. Vormgevers maken de meest prachtige voorstellen, waarbij niet zelden blijkt dat deze slecht zijn te automatiseren. Ook een probleem dus. Bureau’s ontstaan vanuit de techniek doen vormgeving er vaak een beetje bij. Of men heeft een HTML programmeur in dienst met creatieve aspiraties.

Vormgeving en webdesign is een vak

Goede vormgeving is een vak en geen bijzaak. Zichzelf respecterende bureau’s hebben daarom echte topvormgevers aan zich gebonden of vast in dienst. Deze mensen durven de lat hoog te leggen en het verschil is direct zichtbaar. Alleen op niveau gaat u er alles uithalen wat er in zit, waarbij alle door u gestelde voorwaarden veilig worden gesteld. De nieuwe website is onlosmakelijk verbonden met zaken als uw merk, bedrijfs identiteit of productidentiteit dus het loont hier de nodige aandacht aan te schenken. 

Het is daarom niet meer dan logisch dat we, voordat we het protoype het finale accoord geven, een fase ingaan waarbij we kijken naar de vormgeving van de uiteindelijke oplossing. Niet zelden worden er puur op estetische gronden keuzen gemaakt die gevolgen hebben voor de werking van het geheel. Het is dus van belang dat ook de toekomstige techneuten (voorzichtig) meedenken met de vormgever om gezamenlijk tot het mooiste resultaat en de beste oplossing te komen. En of het nu links- of rechtsom gaat; uiteindelijk beslist de opdrachtgever wat het wordt.

Om de vormgever bij het maken van de eerste opzet goed op weg te helpen is het van belang dat er tijd wordt vrijgemaakt voor een briefing. Deze is te vergelijken met die van het begin van het project –de kickoff- en heeft veel weg van een brainstorm sessie. Ook deze fase kunt u goed voorbereiden. Vragen die de vormgever zeker gaat stellen hebben betrekking op zaken als;

  • Uitgangspunten voor het design zoals huisstijl regels en richtlijnen
  • Vaste designelementen en kleurgebruik
  • Hoe ziet de communicatielijn er uit waarbinnen de website een rol gaat spelen
  • Voor welk publiek is de website bedoeld
  • Websites (of onderdelen van websites) welke de opdrachtgever aanspreken
  • Het beoogde gebruik van dynamiek, animatie of (streaming) video
  • Bestaand materiaal zoals brochures, catalogi, leeflets, advertenties en eventueel de bestanden van deze uitingen.

 Als deze zaken zijn doorgenomen trekt de vormgever zich terug. Allereerst zal hij het loopje maken naar de informatie architect om zich samen over het prototype te buigen. Hiermee krijgt hij een beeld van wat de voorgestelde oplossing allemaal omvat en welke elementen een vaste plaats gaan opeisen in het design.

Ook zal hij zich verdiepen en inlezen in de huisstijl, bestaand materiaal, de materialen die gebruikt worden in communicatie en websites waar over is gesproken. Hier wordt de basis gevormd voor de uitgangspunten van het design. E kan de creatief zijn gang gaan binnen kaders waar min of meer (en vaak gevoelsmatig) overeenstemming over bestaat. Het is nu aan de vormgever om op dit mijnenveld van verwachtingen en richtlijnen te verrassen ...

Eerst: de designstudie (mag ook beknopt)

Een designstudie bevat nooit de vormgeving van een complete website. Vaak worden er initieel alleen homepages ontwikkeld om als praatstuk te dienen. Het stelt alle betrokkenen in staat na te denken over haalbaarheid en wenselijkheid. Haalbaar als het gaat om bijvoorbeeld techniek en structuur, wenselijkheid als het gaat om het verwachtingspatroon van de opdrachtgever.

Een ervaren internetvormgever zal bovendien met grote bedachtzaamheid werken aan het systeem wat de bezoeker uiteindelijk over de website leidt; de navigatie. Dit is complexer dan over het algemeen wordt aangenomen. Bovendien moet de ontwerper in hoge mate interactief kunnen denken en in grote lijnen het voorgestelde prototype in zijn hoofd hebben. Niet zelden worden er om deze reden verschillende navigatie systemen voorgesteld, zodat in overleg met de opdrachtgever de navigatie wordt gekozen welke het beste past binnen het design enerzijds en optimale bezoekersinteractie anderzijds.

Aan de designvoorstellen wordt daarom altijd nog gesleuteld. En zodra men het er over eens is hoe een en ander er uit gaat zien wordt er meestal nog doorgewerkt aan een richtinggevend voorstel voor de belangrijkste vervolgpagina’s. Zo ontstaat er een compleet beeld in goede samenhang met alle stappen die voorafgaand zijn genomen en die recht doen aan alle uitgangspunten.

In dit stadium kunnen er  bovendien nog wijzigingen in het prototype worden doorgevoerd op basis van het design. In directe samenhang met het prototype ontstaat er zodoende langzaam maar zeker een vastomlijnd beeld van hoe het er allemaal uit kan komen te zien al het klaar is.