Do mock me!

Begin met iets tastbaars. Een pak papier met tekst is aardig, maar het kost veel tijd om te maken én lezen en iedereen interpreteert het anders. Volgens ons gaat de afgezaagde uitspraak "een beeld zegt meer dan duizend woorden" vaak op! Daarom maken we graag schetsen, mock-ups en wireframes (of hoe je het ook wil noemen).

We schetsen graag een layout voordat we hem uitwerken. Soms gaan die schetsen nooit de deur uit, maar we gebruiken ze vaak om klanten duidelijk te maken wat we bedoelen.

Een schets is snel gemaakt. Tijdens een overleg moment zet je snel wat lijnen op papier en je hebt iets “tastbaars” om over te praten. Probeer iets in woorden uit te drukken en je schept verwarring. Iedereen maakt er in zijn hoofd net iets anders van of houdt voor zichzelf een andere terminologie aan.

"En dan plaatsen we rechtsboven een link naar die pagina, dat is belangrijk!". Voor de een komt dat neer op een kleine tekst link, voor de ander een grote fel gekleurde knop. En dit is nog maar een simpel voorbeeld.

Tegenwoordig heb je mooie online tools om mock-ups mee te maken. Mijn persoonlijke favoriet is MockingBird (werkt niet met IE). Hiermee kun je snel en zonder detail de globale indeling van je webpagina's opmaken. En werk zeker zonder detail! Het gaat om de indeling. Design komt later wel in HTML of Photoshop. Het gaat erom dat je snel met iets tastbaars begint!