Prototyping for the iPhone using Fireworks

Update: 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: 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 »

Vision Touch beschikbaar voor uw SUV

In April 2009 lanceerde Eurologics hun nieuwe product “Vision Touch” op de autovakRAI. UNITiD ontwierp de user interface.

De opdracht was uitdagend:

Ontwerp een interface voor het nieuwe paradepaardje van Eurologics; Een “Car Entertainment System” dat geheel bediend wordt met een 7 inch touchscreen. De toekomstige gebruiker is meestal tussen de 6 en 14 jaar oud, en zal voornamelijk DVD’s kijken. Maar… het komt natuurlijk ook voor dat een minister tussen twee afspraken even het laatste NOS journaal aanzet. De bediening moet dus kinderlijk eenvoudig zijn, maar wel klasse uitstralen. Vanaf de achterbank kijk je naar films, digitale TV en fotos. Vanaf een DVD, CD of USB stick. Natuurlijk kan je ook luisteren naar muziek, allerlei voorkeuren instellen en tal van andere functies aantikken die ik hier voor het overzicht even niet noem.
Het ontwerp moet binnen drie weken gereed zijn…

Lees verder »

iPhone uitdagingen

De populariteit van de iPhone en de exponentiële groei van iPhone apps is indrukwekkend. In december ’08 is de 100.000e iPhone verkocht door T-Mobile (en dan spreken we alleen over de officiële cijfers). Een spannende ontwikkeling voor ons als interaction designers. Mobiel internet, location based services en touchscreen en gesture based interfaces gaan een steeds grotere rol spelen in de wereld van de digitale interacties.

Mobiel internet groeit zienderogen
In Nederland surfen zo’n 1,6 miljoen gebruikers één of meerdere keren per maand over het mobiele web. (Mobiel internet Nederland 2008). Niet in de laatste plaats is het gebruik van mobiel internet gestegen door de introductie van de iPhone. Ondermeer Pathé, Nu.nl, Publieke Omroep en Hyves zien een onevenredig hoog deel van hun mobiel verkeer van applicaties komen. (Emerce, 11 februari 2009) “In december zagen we het gemiddelde datagebruik stijgen naar 2 TeraByte per dag. Ten opzichte van vorig jaar is dat bijna 7 keer zoveel,’ zegt Bart Weijermars, Directeur Marketing bij T-Mobile in Nederland.” (Persbericht van T-Mobile 23-12-2008) Eén van de meest succesvolle voorbeelden is de Pathé applicatie. De iPhone app was een regelrechte uitschieter. De helft van alle iPhone-gebruikers in Nederland heeft hem intussen geïnstalleerd. De iPhone-applicatie genereert 550.000 pageviews per maand 67% van al het verkeer op de mobiele websites van Pathé!

Lees verder »

OmniGraffle-stencil handbewegingen touchscreen interfaces

Van de eerder op dit blog genoemde Dan Saffer vonden wij op Graffletopia een OmniGraffle-stencil met verschillende handbewegingen voor touchscreen interfaces. Handig voor iedereen die net als ik niet zo goed is in handen tekenen! Enige minpuntje eraan: de afbeeldingen waren niet geheel transparant en de kleuren niet instelbaar. Vandaar onze vector-versie van het stencil waarbij je de kleuren, lijndikte, etc. zelf kunt bepalen. Handig (hmm) is ook dat je de handen gedeeltelijk transparant kunt maken zodat ze niet grote delen van je interface afschermen.

Einde van de muis?

Einde van de muis?

Bruce “Tog” Tognazzini (Norman Nielsen Group) voorspelde onlangs in een artikel in Financial Times dat de computermuis zijn langste tijd heeft gehad.

Steeds meer populaire producten gebruiken andere interacties om input van de gebruiker te ontvangen. Denk hierbij bijvoorbeeld aan de iPhone, de kaartjesautomaat van de NS of de Nintendo Wii. Het ontwerpen van dit soort interacties stelt interactie-ontwerpers voor nieuwe uitdagingen.

Voor wie meer wil weten over het ontwerpen van TUI’s (touch screen interfaces) en NUI’s (natural user interfaces) heeft Dan Saffer het boek Designing Gestural Interfaces geschreven. Het eerste hoofdstuk is hier vrij te downloaden.