Logo Fraai

Wat is een website prototype?

Een prototype is een interactieve demo van een website of applicatie. Deze worden vaak gebruik om feedback te verzamelen van gebruikers en stakeholders in de vroege levensfase van het project.

Wat is een prototype?

Een prototype is een interactieve demo van een website of applicatie. Deze worden vaak gebruik om feedback te verzamelen van gebruikers en stakeholders in de vroege levensfase van het project, een prototype doen we dus steeds vooraleer we iets ontwerpen.

Het prototype als onderdeel van het UX proces.

Een prototype kan een pure mock-up of demo zijn van hoe de website er uit zal zien, wanneer deze live zal gaan. Het protoype hoeft niet persé digitaal te zijn, dit kan perfect een getekende versie of zelf één op basis van kaarten.
Maar wanneer we over een prototype spreken, maken we vaak een referetie naar een interactief protoype, gebouwd in HTML met klikbare elementen om te navigeren tussen verschillende pagina's.

Er zijn verschillende manieren om een interactief prototype te maken. We hebben klikbare prototypes gezien in PowerPoint, PDF-documenten en zelfs MS Word. Maar er zijn verschillende specialistische prototyping tools op de markt die speciaal ontworpen zijn om het maken van prototypes te vergemakkelijken. Bekijk Blasamiq, Axure en Mockingbird voor slechts enkele voorbeelden.

Wat zijn de voordelen van een website prototype?

In essentie stelt een websiteprototype de belanghebbenden van het project in staat om te zien hoe het eindproduct er vroeg in de projectlevenscyclus uit zal zien. Er zijn vele redenen om dit te doen: om overeenstemming te bereiken over wat er in en uit de scope is, om steun of zelfs investeringen voor het project te genereren, om theorieën en ideeën met betrekking tot de lay-out en structuur van de website te testen, en nog belangrijker om feedback van gebruikers te verzamelen door middel van usability testen. Meestal zal een prototype van een website een paar rondes van usability testen ondergaan, waarbij het voortdurend wordt verfijnd totdat het projectteam er zeker van is dat het kan doorstromen naar de volgende fase van de ontwikkeling.

Veel mensen vragen zich af waarom ze de tijd en moeite moeten steken in het maken van een prototype, terwijl je gewoon direct aan de slag kunt met de ontwikkeling. Het antwoord zal altijd afhankelijk zijn van het project, maar de voordelen van prototyping liggen meestal in het besparen van tijd en geld. We hebben een paar maanden na de lancering veel klanten naar ons zien komen die zeiden dat wat ze hoopten dat de site zou doen, niet werkt. Als we het testen met gebruikers vinden we dan dat er in het begin een aantal grote aannames zijn gedaan die nooit zijn getest, en helaas bleken die aannames niet te kloppen.

People ignore design that ignores people.

Frank Chimero, Designer

De belangrijkste reden om het prototype te maken is om feedback te krijgen van belanghebbenden en gebruikers om er zeker van te zijn dat het in de juiste richting gaat. Het stelt u in staat om alle gebieden die negatieve feedback krijgen te repareren, en het maakt het mogelijk om te discussiëren over wat er echt nodig is in de uiteindelijke bouw en wat er verwijderd zou kunnen worden. Dit kan een enorme besparing opleveren in de ontwikkeling later in het project.

Daarnaast vinden we dat een websiteprototype een uitstekend specificatiedocument kan zijn voor ontwerpers en ontwikkelaars. Een lang functioneel specificatiedocument is vaak moeilijk te interpreteren en moeilijk om mee om te gaan. Maar met een volledig interactief prototype kunnen ze snel en eenvoudig visualiseren wat er nodig is.

Wat zijn de nadelen van een website prototype?

Het meest voor de hand liggende nadeel is dat het meer tijd kost om het project te plannen voordat de daadwerkelijke ontwikkeling kan beginnen. Dit kan betekenen dat sommige projectmanagers en stakeholders zich er niet prettig bij voelen dat het project niet aan de deadlines voldoet. Echter, als het goed gepland is, is de tijd om een prototype te maken minimaal en kan er vaak tijd worden bespaard door ervoor te zorgen dat de ontwikkelaars precies weten wat ze moeten maken. Zoals eerder vermeld, kunnen de kosten van het moeten aanpassen van een volledig ontwikkelde website veel groter zijn dan de tijd die nodig is voor het maken van een prototype.

Een probleem waar mensen mee te maken krijgen, vooral wanneer ze voor het eerst een prototype maken, is dat ze moeite hebben met het kiezen van een prototypemethode of -tool. Dit kan lastig zijn, omdat er zoveel opties beschikbaar zijn en er allemaal een bepaald leer- of trainingselement nodig is. Ons advies is om te kiezen voor een van de speciale prototyping tools zoals Axure (onze voorkeurstool) en deze te blijven gebruiken. Als je het eenmaal een paar keer gebruikt hebt, neemt de snelheid en het gemak van het maken van prototypes drastisch toe.

Wat is onze conclusie omtrent website prototype

Prototypes van websites zijn typisch interactieve demo's van een website in het begin van de projectlevenscyclus. Ze worden gebruikt om overeenstemming te bereiken en de mening te verzamelen van de verschillende belanghebbenden bij het project, waaronder de eindgebruikers. Meestal zal een website prototype een paar rondes van usability testen ondergaan om er zeker van te zijn dat alles werkt voordat het project in ontwikkeling gaat. De vraag of je de moeite moet nemen om een prototype te maken, moet worden beantwoord met een andere vraag: ben je bereid om het risico te nemen om direct in de ontwikkeling te gaan zonder eerst je aannames te testen? Hoewel het enige tijd kan duren om de juiste tool te kiezen en te leren, wordt deze tijd ruimschoots gecompenseerd door de kosten die gepaard gaan met het lanceren van een niet-geteste website die niet werkt.

Onze inzichten

Onze inzichten, maar dan digitaal

Hoeveel kost een website?

Hoeveel kost een website?

Een website, onmisbaar voor jouw bedrijf of product, maar vaak ook zeer techinch en te gecompliceerd om te vatten. In deze blogpost duiken we iets dieper in de kosten die een website met zich meebrengt.

Label voor websites Websites
Hoe werkt Google

Hoe werkt Google

Google haalt informatie uit veel verschillende bronnen, waaronder webpagina's, door gebruikers ingediende inhoud zoals Google Mijn Bedrijf en Maps, scannen van boeken, openbare databases op het internet, en vele andere bronnen.

Label voor SEO SEO
Wat is een website prototype?

Wat is een website prototype?

Een prototype is een interactieve demo van een website of applicatie. Deze worden vaak gebruik om feedback te verzamelen van gebruikers en stakeholders in de vroege levensfase van het project.

Label voor prototype Prototype Label voor websites Websites