Het lijkt mij eens goed om een stukje te wijden aan de tools die ik gebruik om te ontwerpen. De belangrijkste tools die ik heb zijn natuurlijk mijn mond, ogen, oren, handen, pen en papier, maar natuurlijk moeten we af en toe ook het een en ander uitwerken…

Het conceptueel ontwerp probeer ik er zo gelikt mogelijk uit te laten zien, ik gebruik hiervoor illustrator samen met InDesign om dit vorm te geven.

Voor de wireframes en flows werk ik het liefst met Omnigraffle: http://www.omnigroup.com/applications/OmniGraffle/

Standaard biedt dit veruit de beste manier om snel goede wireframes en flows te maken voor mijn interactie ontwerp. Helaas is Omnigraffle alleen voor mac beschikbaar en moet ik soms jammerlijk ook op windows computers werken. Hiervoor biedt visio een prima alternatief, met name omdat het bij de meeste bedrijven in het office pakket geïnstalleerd zit en daardoor goed overdraagbaar is. Er zijn gelukkig wel wat middelen beschikbaar om je visio leven wat makkelijker te maken:

• Martijn van Welie heeft op zijn website een aantal macro’s gepubliceerd die het makkelijker maken om pagina’s te kopieëren, tekst te plakken en formaten aan te passen: http://www.welie.com/visio/
• GUUUI heeft een toolkit met stencils om snel goede interactie ontwerpen (voor web) te maken, absoluut een aanrader: http://www.guuui.com/issues/02_07.php

Een ander alternatief als je op windows moet werken is Axure RP Pro http://www.axure.com/

Het grote voordeel van deze tool is dat je direct van je wireframes zowel een prototype als technische documentatie kunt exporteren. Dit klinkt natuurlijk te mooi om waar te zijn en er zitten ook aan deze software nogal wat beperkingen. Zo is deze tool dan weer alleen voor windows beschikbaar en in mijn beleving is de tool erg technisch waardoor je snel in de beperkingen van deze tool gaat werken in plaats van de klassieke pen papier methode dit allemaal lost kan laten. Ik denk dan ook dat deze tool goed werkt wanneer je al heel duidelijk weet wat je wilt en dit op een goede en snelle manier wil documenteren en testen.

Zeker in het begin ben ik er nogal fan van om zo snel mogelijk wat visuals te maken van je eerste ontwerpen; hiervoor gebruik ik (gewoon) illustrator en/of photoshop afhankelijk van de manier hoe ik de pagina wil vormgeven. Daarna een snel prototype in elkaar zetten in flash en je hebt een mooi product om te presenteren.

Meer tips en tools zijn altijd welkom!