Design

Deze checklist behandelt verschillende visuele aspecten van je website. Sommige informatie kun je negeren, afhankelijk van het type website, maar over het algemeen zijn het punten waar je goed over na moet denken tijdens het ontwerp van de website.

Waarom belangrijk:

Het uiterlijk van de website is de eerste indruk die bezoekers krijgen wanneer ze je website bezoeken. Misschien heb je rekening gehouden met alle usability- en SEO-elementen, maar als je design achterloopt dan is de indruk van je bezoekers matig. Een visueel aantrekkelijke website impliceert niet alleen betrouwbaarheid en geloofwaardigheid, maar kan je website ook laten onderscheiden van minder aantrekkelijke websites van je concurrenten.

Aandachtspunten:

• Directe website identificatie

Zodra een bezoeker op je website is geland moet hij direct weten op welke website hij is.

• Goede kwaliteit afbeeldingen

Gebruik geen onscherpe en ouderwetse afbeeldingen. Hou je afbeeldingen netjes, strak en scherp.

• Helder en schoon design

Vermijd overvloed in je design. Stop geen overbodige vulling in je navigatie en inhoud.

• Consistente kleuren en lettertypes

Gebruik op elke pagina van je website dezelfde kleurenschema’s en dezelfde lettertypes.

• Gebruik van witruimtes

Gooi niet alles vol, laat wat ruimte over zodat de belangrijke elementen eruit springen.

• Minimale afleiding

Wees, vooral op pagina’s die een bezoeker tot een aankoop moeten verleiden, voorzichtig met het gebruik van afbeeldingen, animaties en zelfs links. Deze kunnen de bezoeker de verkeerde kant opsturen.

• Visuele focus op doelgroep

Je design moet zich richten op je doelgroep door middel van passende kleuren, lay-out en taalgebruik.

• Beste design in je werkgebied

Je design moet het beste zijn in je werkgebied. Als er specifieke regels zijn voor de branche waarin je werkt, volg die regels dan.

• Navigatie gemak

Hou het voor je bezoekers gemakkelijk om de links te vinden die hen naar de juiste informatie brengen.

• Beschrijvende links

Elke link moet duidelijk de pagina beschrijven waarnaar ze verwijst.

• Goede pagina structuur

Plaats informatie logisch op de pagina en op plaatsen waar bezoekers het verwachten. Welke informatie en welke plaatsen logisch zijn, verschilt per type website. Onderzoek dit dus onder je doelgroep.

• Gemakkelijk te vinden telefoonnummer

Het telefoonnummer moet makkelijk te vinden zijn, ongeacht op welke pagina je bezoeker is. De header is de ideale plek voor een telefoonnummer.

• Duidelijke link naar contactinformatie

Bezoekers hoeven niet door je website te struinen om de contactinformatie te vinden. Zorg ervoor dat die pagina gemakkelijk te vinden is.

• Juiste lettergrootte

Gebruik geen kleine lettertypes. Hoe groter het lettertype, des te beter de leesbaarheid van je informatie.

• Gebruiksvriendelijk lettertype

De lettertypes moeten bedoeld zijn voor online informatie, in plaats van voor offline informatie. Lettertypes zonder schreef (Verdana, Arial) zijn beter geschikt voor online lezen dan lettertypes met schreef (Times New Roman).

• Smalle alinea’s

Maak alinea’s niet te breed. Als het nodig is, gebruik dan absolute breedten.

• Opvallende links naar belangrijke elementen

Zorg ervoor dat belangrijke links en actieknoppen zich visueel onderscheiden van de rest van de informatie. Gebruik opvallende kleuren en gebruik die kleuren alleen voor deze elementen.

• Goed contrast

Het is belangrijk dat de tekst goed te lezen is (zwart op wit) en dat kleuren niet in elkaar over vloeien.

• Vermijd felle kleuren

Gebruik geen kleuren die zo fel zijn dat ze de aandacht van belangrijke elementen afleiden.

• Weinig animaties

Vermijd het gebruik van animaties, tenzij ze absoluut nodig en nuttig zijn voor de gebruiker.

• Vermijd verplichte plugins

Gebruik geen plugins die bezoekers moeten downloaden voordat ze de website volledig kunnen waarnemen.

• Minimaliseer het aantal afbeeldingen

Zet je website niet helemaal vol met afbeeldingen en andere visualisaties zodat de bezoeker wordt overspoeld met visuele versieringen.

• Begrijpelijke namen voor afbeeldingen

Benoem je afbeeldingen en andere bestanden op een logische en duidelijke manier.

Nee: /afbeeldingen/BDJ2330.jpg

Ja: /afbeeldingen/samsung-beeldscherm.jpg

• Vermijd screen captures als links

Het is niet slim om via ‘screen captures’ (afbeeldingen van een website) te linken naar andere pagina’s. Gebruik tekstlinks, of anders buttons.

• Consistente lay-out

Gebruik op elke pagina van de website dezelfde lay-out zodat de website als één geheel aanvoelt.

• Geen/zo min mogelijk on-page styling

Gebruik externe CSS voor de styling van de website. Gebruik alleen interne styling voor een specifieke pagina.

• Gebruik betrouwbaarheidssymbolen

Beveiligde betaling, Thuiswinkel waarborg, iDeal en andere betrouwbaarheidssymbolen moeten op een duidelijke en toepasselijke plaats staan.

• Vermijd tekst in afbeeldingen

Plaats geen tekst met belangrijke zoektermen in afbeeldingen.

• Geen drukke achtergrond

Website achtergronden moeten bescheiden en onopvallend zijn, zodat de belangrijkste gebieden van de website duidelijk zijn en wel opvallen.

• Herkenbare look and feel

Het design van je website moet onderscheidend en uniek zijn. Gebruik geen templates die al massaal gebruikt worden.

• Voldoende ruimte tussen afbeeldingen en tekst

Laat genoeg ruimte open tussen afbeeldingen en tekst zodat ze niet tegen elkaar botsen.

• Geen horizontale scroll-balk

Je website mag niet zo breed zijn dat een gebruiker horizontaal moet scrollen.

• Werkend op meerdere resoluties

Test je website om er zeker van te zijn dat je website op verschillende resoluties werkt.

• “Skip” optie voor multimedia/flash

Als je flash animaties gebruikt, plaats dan een optie om de animatie over te slaan. Het is nog beter om überhaupt geen flash animaties te gebruiken.

• Werkend op meerdere scherm breedtes

Test je website om er zeker van te zijn dat je website correct werkt op verschillende schermbreedtes en in browservensters met verschillende formaten.

Print