Wireframes met Balsamiq

Categorie: Internet tools

Gepubliceerd op vrijdag 27 november 2009 13:30

Geschreven door Anja Hage

Wireframes zijn de bouwtekeningen van een website en worden gebruikt als hulpmiddel bij het ontwikkelen van een website. In wireframes wordt aandacht besteed aan de inhoud van de website en niet aan de vormgeving (layout). Wireframes worden soms als schets op papier gemaakt, maar er zijn ook handige programma's voor zoals Balsamiq Mockups.

Balsamiq heeft een erg gebruiksvriendelijk offline en online programma ontwikkeld waarmee op een snelle manier wireframes gemaakt kunnen worden. Door de schetsstijl zal het duidelijk zijn dat het om een schets van de inhoud van de website gaat en niet om de vormgeving. Je kan de wireframe opslaan als pdf of png afbeelding, ook kan je de schets (ook wel mockup genoemd) exporteren als tekst bestand en later weer importeren in Balsamiq om wijzigingen in aan te (laten) brengen.

Ter illustratie een voorbeeld van een wireframe voor de website Cliëntenraad WWB Drechtsteden gemaakt door Web-effect.

Wireframes zijn een onderdeel van het Website Project Plan van Web-effect.