Het komt regelmatig voor dat we vanuit een bestaande website of applicatie mock-ups of wireframes moeten maken. Een tijdrovend klusje. Voor dat probleem is nu een oplossing: MockGen. MockGen genereert Balsamiq bestanden op basis van bestaande websites.
Wat is MockGen?
MockGen is niets meer dan een formuliertje of een Bookmarklet in de browser. Typ het URL van de website en klik op genereer. Binnen een minuut ligt er een kant en klare Balsamiq in jouw inbox, op basis waarvan jij verder kunt schetsen.
MockGen is niets meer dan een bookmarklet, of online formulier
De uitgepoepte Balsamiq files komen verbazingwekkend vaak en goed overeen met de website. Ook op websites met moeilijkere stylesheets, of een ingewikkelde DOM boom.
Beperkingen MockGen
Op dit moment is enkel nog een gratis versie van MockGen. Hiermee zijn 20 bestanden te converteren op dagelijkse basis. Deze pagina’s worden niet aan elkaar gelinkt. Ook kunnen er (nog) geen lokale bestanden worden geconverteerd.
Alternatieve omgekeerde wireframe/mockup tools
Ik ben erg enthousiast over MockGen, maar begrijp dat de beperkingen toch doen zoeken naar een beter alternatief.
- jMockUps Import tool (voor jMockUps)
- Wirify (voor wireframes)
lekker bezig (via #Facebook)
04.01.11 om 12:54 pm
Zijn ze ook een beetje schoon en bewerkbaar, die gegenereerde mockups?
04.01.11 om 3:05 pm
@Ber Balsamiq genereert geen HTML. Volgens mij bestaan de bestanden trouwens wel uit bestanden in XML structuur.
Ik durf niet te zeggen hoe de bestanden er ‘van binnen’ uitzien, maar het lijkt erop dat het converteren vrij netjes gebeurd. Tekst elementen naar tekst. Plaatjes naar assets en formvelden naar forms…
Bij lastigere websites is het natuurlijk een ander verhaal. Maar voor mij is het voor het maken van ruwe schetsen – waar Balsamiq toch voornamelijk voor bedoeld is – niet zo’n probleem.
04.01.11 om 8:12 pm