- Ontwerp
Een aantrekkelijke site is vakkundig ontworpen. Er worden een aantal regels vastgelegd en gevolgd die zorgen dat de site aansluit op de huisstijl van de klant. Er wordt een structuur uitgedokterd en naar een geschikte grafische vorm gezocht waarin het verhaald verteld zal worden.
Welke design-regels gaan we volgen?
De website van een bedrijf of een organisatie is geen lusttuintje waar een designer vrij en vrolijk z'n creatieve ei kan leggen. Ieder bedrijf of iedere organisatie die zich ietwat respecteert houdt er een eigen grafische stijl op na. Er bestaat een logo, er worden lettertypes toegepast bij correspondentie, bepaalde kleuren refelecteren de identiteit van het bedrijf.
In ideale omstandigheden bestaat er een grafisch charter. In het andere geval is de bouw van een site het geschikte ogenblik om even stil te staan bij de definitie van een huisstijl. Ik kan hierbij vertrekken van bestaande elementen of ik kan zorgen een volledig nieuwe creatie. Het is een goede zaak om een huisstijl bij iedere communicatie consitent toe te gaan passen.
Een aantal puntjes die van tel zijn voor je met het ontwerpen van een website van start gaat:
- De kleuren die je gaat gebruiken
- De typografische definities die je meegeeft in de stylesheet
- De keuze van bepaalde animaties
- Het gebruik van afbeeldingen
- De indeling van het scherm
INXCO's
methode2.
Ontwerp
Wat wordt de structuur van de site?
Informatie op een site moet ondergebracht worden in inhoudscategorieën en gevonden kunnen worden met een minimum aan kliks. Een goede regel is ervoor te zorgen dat men in 3 kliks in ieder hoekje van de site kan geraken. De ideale structuur geeft de gebruiker een idee van:
- Wat er van een site mag verwacht worden
- Wat daarvoor gedaan moeten worden
- Wat allemaal kan verwacht en gedaan worden
Je zijn 6 invalshoeken waarmee je een site kunt gaan structureren. Die invalshoeken dienen zo ineengepuzzeld te worden dat je site een cognitief model produceert dat aansluit op de doelstelling en doelgroep die eerder werd vastgelegd. Een overzichtje:
- Volgens taal en/of locatie van de gebruikers
- Per inhoudscategorie, al dan niet voorzien van subcategorieën
- Volgens acties die een gebruiker wil ondernemen
- Naargelang de gebruiker
- Op een chronologische of andere volgorde
- Volgens de structuur of geografische aanwezigheid van een organisatie
In deze fase tracht ik reeds om de onderdelen van een site van een goede naam te voorzien. Dit wordt meestal nog wat bijgestuurd tijdens de bouw van de site, maar het is handig om bij het ontwerp reeds een idee geven van de plaats die nodig is voor de verschillende menu-items.
INXCO's
methode2.
Ontwerp
Hoe zal de site eruit zien?
Wanneer de voorgaande fases zorgvuldig werden uitgevoerd ben je nu klaar voor de creatie van de site-interface. Veel onervaren sitebouwers starten hier en het resultaat laat zich raden: weblocaties die van een normaal mens een halfgare maken. Soundjes, effectjes, spetterende splash-screens, frames, pop-up's,… kortom genoeg franje om de onbezonnen ellende toe te dekken.
Ontwerp een van de dieperliggende pagina's. De site-map helpt je om de moeilijkste te kiezen. Da's het beste voor je ontwerp. Het is makkelijker nadien elementen weg te laten voor eenvoudigere schermen dan er nog zaken bij te moeten puzzelen. Ga nog eens kijken naar je referentiesites en start met het ontwerp. Tracht een site te ontwerpen alsof je die al voor de 10de keer terugziet. Dat zorgt ervoor dat je overbodig spectacel en onnodige franjes wat onder controle houdt.
Indien je de site later in een tweede of derde taal gaat maken, voorzie dan nu reeds voldoende plaats voor het vertaalde menu-item. In sommige talen wil het nogal eens voorkomen dat bepaalde woorden heel wat meer plaats innemen dan je nodig hebt bij het ontwerp in de brontaal.
Ik zet ontwerpjes die af zijn klaar op een anoniem deel van de site zodat opdrachtgevers ernaar kunnen kijken en feedback kunnen geven. Deze ontwerpen bestaan nog uit eenvoudige afbeeldingen. Het is pas nadat de klant een ontwerp goedgekeurd heeft dat ik de omzetting naar HTML uitvoer. De bedoeling van dit akkoord is dat het ontwerp en de structuur niet meer wijzigen. Hierdoor sparen we onnodige kosten en tijdverlies uit.
INXCO's
methode2.
Ontwerp
