Ondertussen al een hele tijdje geleden gingen wij op zoek naar een geschikte wireframe-tool.

Eerste stap, een lijstje opstellen van de te testen tools. Via google zijn er heel wat te vinden maar ook uit deze blogpost op SmashingMagazine haalde ik heel wat interessante info! Zeker het lezen waard.

Uiteraard kom je dan heel wat software-paketten tegen welke het testen waard zijn, maar wij proberen zoveel mogelijk gebruik te maken van online tools en dat was hier ook een vereiste dus volgende paketten kon ik direct schrappen; Axure, Mockupscreens, Visio, Omnigraffle, Justinmind,...

Enkele van de vereisten waren dat het een online-tool (web-based) moest zijn, crossplatform, gebruiksvriendelijk, betaalbaar, en met de mogelijkheid om online te sharen met collega's en klanten.

Lijstje klaar, en hupla ik ging aan de slag, accountjes aanmaken en testen maar!

Pidoco.com

Clickable wireframes - check! No software installation - check!  Fast and easy - check! Reviewing and collaboration - check! ... Klinkt allemaal goed, niet? Niet dus, inderdaad!

Als ik er een veel te uitgebreide handleiding moet bijnemen om nog maar van start te kunnen gaan, not kidding, om een nieuw project aan te maken en te beginnen testen, dan maak je niet zo'n beste indruk qua usability bij mij... maar dat kan aan mij liggen hoor! ;)

Ik geef echter niet snel op en probeer verder... mijn conclusie is dat dit geen handige/intuitieve tool is, maar eerder omslachtig. Er zijn zeer weinig standaard elementen aanwezig en degene die aanwezig zijn, vindt ik er niet zo leuk uitzien, net zoals de hele werkomgeving trouwens, het schreeuwt 'Get the .... out of here!' (maar dat kan aan mij liggen, smaken verschillen) Je moet elk (menu) item appart toevoegen en een tekstvlak is standaard niet gevuld met tekst. Maar als het een troost mag zijn, je kan wel custom images toevoegen, gelukkig!

Als je een html exporteerd wordt er een .zip gegenereerd en gedownload, waarin vervolgens de geplaatste elementen er anders gaan uitzien... inderdaad WTF!? Je kan wel klanten uitnodigen om online te reviewen en commentaren te posten maar deze komen dan in creator modus terecht en kunnen bijgevolg het boeltje helemaal gaan verprutsen... we don't want that, do we?

In 't kort: Geen goed gevoel... geen positieve energie... No go!

Lovelycharts.com

Onder het motto, het oog wil ook wel eens wat, testte ik vervolgens deze er op het eerste zicht wel leuk uitziende online applicatie. Sexy... Init?

Dit is net zoals gliffy.com geen wireframe tool... Sehr spijtig jawul! Aber no go! En wel om de eenvoudige reden dat er te weinig elementen (knoppen, velden,...) aanwezig zijn en je er zelf geen eigen elementen kan aan toevoegen! Overigens is de export en sharing functie niet aanwezig in de trial versie en kan je deze dus niet testen, wat in een test-situatie toch wel een beetje spijtig is!

Maar het kan best zijn dat dit wel een toffe tool is om flowcharts, netwerk diagrammen of een bedrijfshierarchie op te stellen, dat heb ik niet verder uitgezocht, wij waren op zoek naar een wireframe-tool... Next!

Jumpchart.com

Hier kan ik kort over zijn... Wel een leuke website, maar geen leuke tool! Dit is een goede tool om te laten zien welke content op welke pagina komt te staan, maar in mijn ogen gaat wireframing toch net iets verder. Je kan hier je content ingieten en daar blijft het bij. Iets van plaats veranderen of een afbeelding toevoegen is niet mogelijk, alles staat vast... FAIL!

iPlotz.com

Deze test start meteen goed door een zeer eenvoudige registratie. Me like! En gaat in positieve zin verder dankzij de zeer uitgebreide mogelijkheden. Zo voldoet dit aan al onze vereisten en is het bovendien best handig en intuitief. Er zijn vele standaard elementen aanwezig en je hebt de mogelijkheid om er zelf toe te voegen. Je kan makkelijk verschillende projecten beheren,  werken met aangepaste schermresoluties en ook masterpages. Jawel masterpages, komt dat tegen! Jiiipiiiie!

Previewen in wireframe-mode en html mode. Exporteren als images of .pdf + online beware en alles downloaden en sharen. Jaaaaaaaaa! This is it!? End of the road! Right?

Nope, we testen verder ;)

Gomockingbird.com

Werkt snel, makkelijk en effectief, dus is gebruiksvriendelijk en is bovendien gratis. Er zijn vele widgets en elementen aanwezig, en de schermresolutie is aanpasbaar (standaard 1024). Nadelen zijn de groene achtergrond naast het wireframe en dat de site altijd gecentreerd staat in de browser, wat eigenlijk niet zo heeeel erg is...

Mockflow.com

Deze flashbased-tool springt eruit door de lay-out van de elementen en het geheel van de tool. Een zeer strakke minimalistische layout zonder te veel franjes, ditjes en datjes. Neenee, to the point! The way I like it! Omdat er op die manier in het wireframe niet te veel gelayout wordt, wat ik toch wel heel belangrijk vindt! Wireframen is wireframen... de layout komt in een latere fase.

Mockflow heeft vele functionaliteiten en mogelijkheden, zo zijn er veel standaard elementen aanwezig en kan je er zelf toevoegen. Je werkt meteen op een grid en sharen is makkelijk. En dat allemaal voor een prikje.

Met deze laatste tool zijn wij enkele maanden aan de slag gegaan en we hebben hier meerdere projecten in gerealiseerd. Wat telkens wel vlot verliep. Enkel als er structurele aanpassingen kwamen, vergden deze aanpassingen te veel tijd om deze te realiseren.

Efficiëntie is belangrijk, time is money! Enige tijd en meerdere projecten later kwamen er wel wat probleempjes naar boven vooral op het vlak van die efficiëntie, zodat dit leidde tot frustraties... Aaaaaargh, niet goed! Zo heeft deze tool geen masterpages. Je kan u workflow hier wel op afstemmen, maar als er dan aanpassingen komen en je moet telkens op elke pagina diezelfde menu aanpassen... dan volgt er gevloek! En als daarenboven het kopiëren en plakken via de welgekende sneltoetsen niet werkt... Juist ja, dan krijg je af en toe zin om je appel door het raam te gooien!

Hotgloo

Toevallig, kwam ik toen op een mooie dag in Londen de mensen van Hotgloo tegen met hun fantastische wireframe-tool. Ze hielden tijdens de pauzes van het FOWD evenement demo-sessies waaraan een wedstrijd verbonden was. Ik heb niet de kans gehad om deel te nemen maar ben wel meteen geïnteresseerd een kijkje gaan nemen op hun website en na een meer dan geslaagde trial-periode werken wij nu al meerdere maanden met Hotgloo!

Hotgloo is tot hiertoe de beste online wireframe-tool die ik ben tegengekomen! Je werkt in een aangename omgeving om naar te kijken en ook de wireframes die je ermee maakt zien er leuk uit! Strak en minimalistisch! :D Hotgloo werkt intuitief en is zeer gebruiksvriendelijk! :D  Er zijn veel basiselementen, welke je makkelijk kan aanpassen via de properties, en je kan er zelf toevoegen. :D Je kan werken op een zelf instelbare grid. :D Collega's toegang geven tot een project om hieraan mee te werken en het sharen met klanten voor het geven van feedback is 'a piece of cake', net zoals het aanmaken en beheren van projecten! :D

Hotgloo kreeg alvast mijn stem voor 'The Best Webapp of the year' wedstrijd!