Wanneer je een website maakt (of een website laat maken), wil je dat dit zo efficiënt mogelijk gebeurt met een zo goed mogelijk resultaat. Om onnodige kosten te voorkomen, werken webdesigners met zogenaamde wireframes, oftewel digitale schetsen.
Lees ook het artikel:
8 ontwerpfouten op websites waarmee je omzet verliest
Adobe XD is een UX-ontwerpprogramma dat vooralsnog gratis is. (Of Adobe in de toekomst geld gaat vragen is mij niet bekend.) Met het programma kan je redelijk snel een schets maken en in de cloud delen met stakeholders. Adobe XD staat je toe om kleurrijke schetsen te maken met designachtige elementen. Dit is voor sommigen een voordeel, maar voor anderen een nadeel: als je schets te veel op een design lijkt, zal de discussie al snel gaan over kleuren en uitlijningen, in plaats van over de benodigde elementen van de website. Desondanks raad ik Adobe XD aan vanwege zijn relatief intuïtieve gebruik en lage prijs. (Gratis dus.)
Niet lachen, ik meen dit: wanneer je niet beschikt over andere grafische software kun je best aardige wireframes maken in PowerPoint. (Voordeel: je kan ze ook meteen presenteren.) Natuurlijk is PowerPoint niet gemaakt voor wireframing, maar de aanwezigheid van grafische elementen in het programma zorgt ervoor dat je er redelijk goede digitale schetsen mee kan maken. Nadelen: je zal veel zelf moeten tekenen, want PowerPoint heeft een beperkt aantal basiselementen, en het kost veel tijd om dingen aan te passen. Bovendien zal ook in PowerPoint de schets al snel op een ontwerp lijken omdat alles te keurig is vormgegeven.
En zo komen we toch weer uit op Balsamiq, het programma dat mijn voorkeur heeft. Balsamiq onderkent dat een wireframe op een schets moet lijken en niet op een design, en heeft daarom een programma gecreëerd waarin de elementen doen denken aan een handgemaakte tekening. Dat is goed, want zo gaat alle aandacht naar de UX en niet naar kleurtjes en vormpjes. Nadeel: de lengte van een pagina is in Balsamiq beperkt, wat onprettig is wanneer je toevallig eens een langere pagina wilt wireframen.
Het bovenstaande omvat niet alle opties, maar wel een goede verscheidenheid. Als je wilt kan je ook in Adobe Illustrator, Adobe Photoshop of Adobe InDesign wireframen, doch dan heb je al iets meer kennis van grafische programma’s nodig. Het komt erop neer dat iedere software voor- en nadelen heeft. Om te ontdekken wat voor jou het beste werkt, moet je verschillende opties proberen.
Digibeet? Maak je wireframes dan gewoon met de hand!
Gerelateerde leestip: 31 adembenemend mooie websites waar je blij van wordt
Om ervoor te zorgen dat jouw wireframes hun doel bereiken, is het belangrijk om de volgende tips in gedachte te houden:
Wireframing is in de webdesignwereld een beproefde methode om tot een topresultaat te komen. Het aantal websiteprojecten dat wij bij Motionmill hebben gemaakt lijkt oneindig, en bij allemaal liggen wireframes aan de basis.
Wil je vaker kwaliteitsartikelen zoals dit lezen? En dat helemaal gratis? Wij delen onze kennis met je. Schrijf je in voor de nieuwsbrief en je ontvangt 1 keer in de twee weken een leerzame, mooie, grappige, gelukkig makende mail.
Motionmill is een webdesignbureau in Antwerpen. We zijn experts in WordPress. Je website is de belangrijkste bouwsteen voor je online communicatie. Wij creëren je branding, ontwikkelen je website en zorgen er ten slotte voor dat je website gevonden wordt dankzij online marketing.
Noodzakelijke cookies zijn essentieel voor het goed functioneren van de website. Deze categorie bevat alleen cookies die basisfuncties en beveiligingsfuncties van de website garanderen. Deze cookies slaan geen persoonlijke informatie op.
Adverteerders kunnen op basis van advertentiecookies voor de website- of appgebruiker relevante advertenties tonen op andere websites of in andere apps.
Analytische cookies zorgen ervoor dat het bezoek op de website voor de website-eigenaar inzichtelijk wordt gemaakt door het gedrag van bezoekers en hun herkomst te analyseren. Ze worden gebruikt om de prestatie van een website te meten en deze te optimaliseren.
Functionele cookies zorgen voor een optimale gebruikerservaring van de website. Ze worden onder andere gebruikt voor het geautomatiseerd invullen van formulieren en (indien van toepassing) chatten.