De 7 tips voor webdesign door Ruben Olislagers

Tip 1: Internet strategie / Conceptontwikkeling

Zorg voor een gedegen onderzoek alvorens te starten met je ontwerp. Zonder een goede internet strategie kun je ook geen goed ontwerp maken. Maak een uitgebreide beschrijving van wat er met de website bereikt moet worden en welke stappen daarvoor nodig zijn.

Tip 2: Structuurschema / Flowchart

Maak een schematische tekening van de structuur. Maak eerst een lijst met welke onderwerpen op de site moeten komen en ga vervolgens deze onderverdelen in de hoofdonderdelen. Om ervoor te zorgen dat de bezoeker het overzicht niet kwijt raakt is het raadzaam om het aantal niveaus te beperken.

Tip 3: Wireframes

Maak visuele voorstellingen (Wireframes) van de belangrijkste pagina's van de website zonder kleuren, beelden of andere opmaak. Test de wireframes op gebruiksvriendelijkheid (usability) door ze aan andere mensen te laten zien. Stel eenvoudige vragen als waar zou je op klikken als je bijvoorbeeld de adresgegevens zoekt etc. Bekijk ook sites van collega's / concurrenten. Als iets goed werkt, probeer dan het wiel niet opnieuw uit te zoeken.

Tip 4: Asset handling

Verzamel al het materiaal wat nodig is om de website te ontwerpen zoals foto's, tekst, logo, kleurgebruik etc. Als er nog geen huisstijl is ontwikkeld, kun je nog niet aan een ontwerp van een website beginnen. Zorg dus altijd voor dat er op zijn minst een logo met huisstijl kleuren is ontworpen.

Tip 5: Ontwerpen van de website

• Consequent gebruik van de huisstijl.
• Plaats op elke pagina en op dezelfde plaats het logo.
• Gebruik niet teveel kleuren en maak telkens gebruik van dezelfde kleuren.
• Gebruik niet teveel Lettertypes door elkaar en gebruik telkens dezelfde lettertypes.
• Bepaal door gebruik van kleur, bold, cursief en corpsgrootte de belangrijkheid van de teksten.
• Gebruik kwaliteits foto’s.Let op de usability regels zoals rustige vlakverdeling, duidelijke navigatie etc. Vormgeving moeten deze aspecten versterken en niet verzwakken.
• Uitlijnen van de vlakken. Zet niet alles schots en scheef maar zet alles op één lijn. Hierdoor wordt het ontwerp rustiger en krijgen de vlakken een relatie met elkaar.
• Geef de tekst en foto's de ruimte en plaats niet alles tegen elkaar aan.
• Maak duidelijke kaders en plaats de buttons/onderwerpen niet los in beeld.
• Bekijk andere site voor inspiratie.

Tip 6: Testen van het ontwerp

Test het ontwerp weer op de gebruiksvriendelijkheid, door ze aan andere mensen te laten zien en vragen te stellen.

Tip 7 Webdevelopment

Let bij het technisch bouwen van de website goed op:

• Zoekmachine optimalisatie (SEO). Bouw de website  zodanig dat deze goed gevonden kan worden door zoekmachines.
• Accessibility. Bouw de website zo dat deze toegankelijk is voor mensen met een handicap
• Usability. Test de website wederom op gebruiksvriendelijkheid.
• Webstandaarden (W3C) Test de site op technische fouten via de website van het W3C.  

Over Ruben Olislagers

Ruben Olislagers studeerde af aan de Academie voor Beeldende Kunsten in Maastricht en volgde daarna de opleiding Moderne Media in Eindhoven. Naast zijn kunstenaarschap is hij eigenaar van ontwerpstudio Design al dente waar hij toegepast werk maakt.

Ruben Olislagers is hoofddocent bij LECTRIC Internetopleidingen. Ruben verzorgt binnen het thema Webdesign & Techniek de Opleiding Webdesign en verschillende trainingen waaronder Photoshop voor het Web, Websites bouwen met Flash en Websites bouwen met Dreamweaver.

Meer informatie  

Wil jij of een collega verder met Webdesign? De Opleiding Webdesign gaat regelamtig van start. Neem voor meer informatie contact op via 073 – 6811000 of opleidingen@lectric.nl.