Wat is iconografie?
Iconografie is de verzameling pictogrammen die je op je site gebruikt, plus de afspraken over hoe ze eruitzien en wanneer je ze inzet.
Niet de losse plaatjes, maar de samenhang: dezelfde lijndikte, dezelfde stijl, dezelfde afmeting.
Zonder die samenhang oogt je site rommelig, ook al is elk icoon op zich mooi.
Waar het uit bestaat
Een set iconen in één stijl, een vaste grootte, en een regel over wanneer je een icoon gebruikt en wanneer tekst.
Dat laatste is het deel dat het vaakst ontbreekt. Meer daarover lees je bij design system.
Waarom één stijl
Omdat iconen uit verschillende sets nooit bij elkaar passen. De ene is dun en rond, de andere dik en hoekig.
Dat verschil zie je niet bewust en het maakt je site wel onrustig.
Waar iconen voor zijn
Herkenning versnellen bij dingen die mensen al kennen: een winkelmandje, een telefoon, een envelop.
Voor abstracte begrippen werken ze zelden. Meer daarover lees je bij wanneer je een icoon gebruikt.
Mijn vuistregels
- Eén set, één stijl, één lijndikte.
- Gebruik alleen iconen die mensen al kennen.
- Zet er tekst bij, tenzij het echt universeel is.
- Kies één vaste grootte en houd je eraan.
Die derde is de belangrijkste voor toegankelijkheid.
Wat het je oplevert
Een rustiger beeld en snellere herkenning. Bij een webshop scheelt dat merkbaar in hoe makkelijk mensen hun weg vinden.
Meer daarover lees je bij accessibility.
Wat het niet is
Geen versiering. Een icoon dat niets verduidelijkt, is ruimte die je aan iets anders had kunnen geven.
Meer daarover lees je bij hoeveel iconen een website nodig heeft.