Responsive prototype tool

Responsive web design was één van de buzzwords van 2011 en we hebben het gevoel dat we er in 2012 veel meer van gaan horen. Het besef wordt namelijk steeds groter dat content in willekeurige volgorde gedeeld wordt tussen mobiel, tablet en desktop en het dus belangrijk is dat de content op alle devices goed zichtbaar moet zijn.

Het voordeel van Responsive web design is dat de klant niet meer perse voor ieder apparaat een aparte app of website hoeft te laten maken en het dus kosten kan besparen. Voor bezoekers van websites is het fijn omdat de website op ieder apparaat dat ze in handen hebben goed te bekijken is.

Lees verder »

Prototyping en het effect van ‘net echt’

Kleimodel in ontwikkeling (bron: BMW)

Je zou er bijna in willen gaan zitten, zo echt lijken ze: de volledig uit klei opgetrokken prototypes van auto’s, die in de automotive industrie worden gemaakt voordat modellen in productie worden genomen. De oeroude en kostbare ontwerpmethode staat nog steeds als een huis. Pas als de auto tot op een kwart millimeter nauwkeurig is gemodelleerd en afgewerkt met folies om de klei echt te doen lijken, als na vele iteraties helemaal duidelijk is hoe de auto eruit komt te zien, dan pas kunnen de executives hun goedkeuring geven en kan de productie beginnen, eerder niet. Er moet om de auto heen gelopen kunnen worden. Hij moet er echt uit zien, een 2D tekening kan niet op die manier worden beoordeeld. Het is interessant om een vergelijking met onze sector te maken. Lees verder »

Prototyping for the iPhone using Fireworks

Update 3: A new version of this tool is available and you can find it here: http://unitid.nl/2011/03/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/

Update 2: This article is also available on the Adobe Developer Connection. The article is edited and therefore a better version of what you read here. Of course you are welcome to continue reading this page, result is the same!

Update 1: We are working with the patched version of Fireworks CS4 for a few weeks now and most of the problems are fixed. I removed the negative comments in this article on the bugs in CS4.

So, you are a designer. A concept-, interaction- or visual designer and you use Adobe Fireworks for sketching, wireframing, visual design and of course prototyping. Great choice. I have been working with this program for many years.  I think it is the most efficient tool for creating anything based on pixels and consisting of more than one screen. In this post I use Fireworks CS3, but you won’t have any problems creating something simular using CS4.

Lately we are working on quite some iPhone applications. We always aim to see the design we make on the device it is made for as soon as possible. For web design this is easy. Use the “preview in browser” function in FW. But for iPhone it is a bit harder. We created 320*480 png’s and synced these “photos” with the iPhone so we could get a bit of a feel of how it looks on the handheld. But we wanted more. Lees verder »