Webdesign voor een website met CMS

Zijn er speciale aandachtspunten bij een webdesign voor een website met CMS? Eigenlijk niet zo heel veel. Uiteindelijk gaat het gewoon om een website, maar met één belangrijk verschil: de eigenaar van die website kan niet alleen de inhoud, maar ook de menustructuur (navigatie) van de website in verregaande mate bewerken.

 

Als webdesigner is het dus verstandig om in je webdesign een bepaalde gebruiksvriendelijkheid en flexibiliteit in te bouwen, vooral wat betreft die genoemde menustructuur. Op deze pagina een aantal tips op dat gebied. Ook vertellen we hoe ons CMS ervoor zorgt dat een webdesign tijdens het beheer van de website in stand blijft.

Met ons CMS kan de klant zelf de menustructuur van de website beheren. Hij tikt aan de achterkant een tekstje in, en daarvan wordt een menubutton gegenereerd op basis van jouw webdesign. Ofwel: vandaag staan er misschien nog 5 menubuttons, maar morgen kunnen er dat 7 zijn. Die ruimte voor uitbreiding moet er dan uiteraard wel zijn. Aan de andere kant houdt het natuurlijk ook ergens een keertje op (een beeldscherm is niet oneindig), maar een beetje speelruimte is een goed idee.

Stel, je hebt in je webdesign het volgende bedacht: de button 'Home' is blauw, de button 'Producten' is geel, de button 'Diensten' is groen, etc. Of elke button heeft een eigen icoontje. Dat kan, maar het vraagt wel wat extra aandacht van de beheerder van de website. Want wat moet er gebeuren als er een button bijkomt waarvoor nog geen aparte kleur bedacht is? Of waarvoor nog geen icoontje gemaakt is? Dat is dus een kwestie van een beetje vooruitdenken. Bij een website waarvan vooraf al vaststaat dat de menustructuur redelijk flexibel moet zijn, is het misschien beter om de navigatiebuttons uniform te maken. Er zijn natuurlijk ook websites waar het vooraf vaststaat dat een website altijd een vast aantal menubuttons zal hebben. Dan zijn deze punten minder of niet van toepassing.

In navigatiestructuren zie je vaak hoofdmenu's en submenu's. Hou er in je webdesign dus rekening mee dat er submenu's kunnen worden toegevoegd aan hoofdmenu's. In sommige gevallen kan er zelfs sprake zijn van subsubmenu's, dus drie niveaus. Zie bijvoorbeeld de navigatie aan de bovenkant (hoofdmenu's) en linkerkant (sub- en subsubmenu's) van deze website. Overleg met de klant of met account wat de 'diepte' van de navigatiestructuur moet zijn, rekening houdend met toekomstige groei van de website. Over het algemeen is een diepte van meer dan drie menulagen niet aan te raden: de website wordt dan voor zowel bezoekers als zoekmachines wat ondoorzichtig.

Vaak zie je dat menu's worden verdeeld over verschillende posities. In deze website zie je bijvoorbeeld dat we bovenin de website twee horizontale navigaties hebben opgenomen. De hoofdzaken staan direct boven de pagina; de 'belangrijke bijzaken' staan helemaal bovenin de website en zijn wat minder prominent qua grootte en kleurstelling. Dit is een manier om de primaire inhoud van een website goed naar voren te brengen, zonder de secundaire inhoud van de website tekort te doen.

Probeer in je webdesign duidelijk aan te geven hoe het menu zich gedraagt. Wat gebeurt er als de bezoeker er met de muis overheen gaat? Wat als hij erop klikt en het menu geselecteerd is? Dit draagt bij aan de gebruikersvriendelijkheid van de website voor de bezoeker: hij ziet duidelijk waar hij op kan klikken en waar hij zich op enig moment in de website bevindt.

In plaats van 'Contact' wil de klant misschien wel 'Vraag nu uw offerte aan' op een menubutton zetten. Hou dus rekening met wat meer tekstruimte op een menubutton dan alleen korte tekstjes.

Met behulp van CSS (stylesheet) zorgen wij ervoor dat het CMS een bepaalde huisstijlbewaking voorschrijft in het beheer van de website. Jij kunt in je webdesign vastleggen hoe broodtekst, koppen, tussenkoppen, hyperlinks, etc. eruit moeten zien. Wij zorgen ervoor dat de gebruiker van het CMS zich daar makkelijk aan kan houden: hij werkt dan met een soort typogrammen (zie ook gebruik van lettertypes op internet). In feite zorgt dit dus voor een stukje 'huisstijlbewaking'.

Misschien wil je wel dat de ene pagina er anders uitziet dan de andere. Je ziet bijvoorbeeld vaak dat de homepage van een website een andere opmaak heeft dan de vervolgpagina's in de rest van de website. Als je in je webdesign de verschillende pagina's aangeeft, kunnen wij deze als templates in het CMS verwerken. De gebruiker van het CMS kan dan kiezen welke template hij voor een bepaalde pagina wil toepassen.