Datum: 2 november 2009 | Door: Caat | Categorie: Blog | Tags: ontwerpproces, prototyping, tools |

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 »
Datum: 27 mei 2009 | Door: Jaap | Categorie: Blog | Tags: tools, usability, user testing 2.0 |
Alweer enige tijd geleden kwam ik userfly.com tegen, een handige ‘tool’ voor ‘remote-unmoderated’ user testing. Het biedt de mogelijkheid om op een eenvoudige manier screencasts te maken van het klikgedrag van bezoekers en inzicht te krijgen in de usability van een website. Door het toevoegen van een enkele regel code aan een site wordt het mogelijk de muisbewegingen, het typen van tekst en zelfs complexe interacties met AJAX-elementen van bezoekers op te nemen. Door in te loggen op userfly.com kun je deze opnamen als video’s afspelen en kijken wat men zoal doet en tegen welke problemen bezoekers aanlopen.
Lees verder »
Datum: 14 mei 2009 | Door: Inge | Categorie: Blog | Tags: contextmapping, Interaction Design, tools, tu | 1 reactie
Het ID-StudioLab van de Faculteit Industrieel ontwerpen in Delft organiseerde op woensdag 13 mei het symposium ‘designing for, with, and from user experiences’ met als onderwerp contextmapping. Wij, Inge en Shen, gingen eens even een ochtendje terug de collegebanken in. Sprekers van de ochtend waren Liz Sanders van MakeTools, Jacob Buur van de Universiteit van Zuid Denemarken, Froukje Sleeswijk Visser van ID-Studiolab, en 10 afgestudeerden in een pecha kucha presentatie.
Contextmapping

Contextmapping is een methodiek voor het uitvoeren van contextueel onderzoek met gebruikers, waarin kennis wordt verworven over de gebruikerscontext van producten.
Zowel gebruikers als stakeholders nemen actief deel aan het ontwerpproces, zodat het ontwerp en gebruik van een product goed bij elkaar aansluiten. Behalve bij productontwerp is deze methodiek natuurlijk ook erg interessant bij het uitvoeren van service design trajecten. Uitgangspunten bij contextmapping zijn onder andere dat gebruikers de experts van de belevingen zijn, en dat context van productgebruik zo divers is dat een map nodig is.
Lees verder »
1 reactie
Datum: 24 april 2009 | Door: Matthijs | Categorie: Blog | Tags: cs3, cs4, fireworks, iphone, jquery, php, prototyping, tools, Touchscreen | 52 reacties

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 »
52 reacties
Datum: 8 februari 2009 | Door: Shen | Categorie: Blog | Tags: Max OS X, tools | 3 reacties
Handig en gratis programma voor op de mac, dat goed kan helpen bij Fireworks CS3 & 4, aangezien het nog helaas af en toe wilt crashen:
EverSave
Het zorgt ervoor dat je open documenten van alle programmas automatisch opgeslagen worden, iets wat ik niet altijd doe (helaas) wanneer ik helemaal in een bepaalde workflow ben.
Voor Fireworks is het belangrijk dat je de methode “Save by simulating save shortcut” selecteert bij de Timer
3 reacties
Datum: 2 februari 2009 | Door: Jaap | Categorie: Blog | Tags: tools, usability, User testing 2.0 |

Fivesecondtest.com
User testing komt tegenwoordig in vele smaken. In-lab of remote, moderated vs. unmoderated, enz.
Regelmatig kom ik nieuwe tools of technieken tegen die zeker de moeite van het vermelden waard zijn. Vandaag de eerste: Fivesecondtest.com
Fivesecondtest.com biedt de mogelijkheid om (‘unmoderated remote’) vijf-seconden-tests uit te voeren. Bij een ‘vijf-seconden-test’ krijgt een respondent gedurende vijf seconden één pagina te zien om zijn eerste indruk van de site boven water te krijgen. Gebruikers vormen zich in de eerste vijf seconden een oordeel over belangrijke aspecten van de website en deze kunnen met behulp van een vijf-seconden-test objectief en onbeïnvloed worden achterhaald. Meer over de vijf-seconden-test vind je in deze podcast van Jared Spool en dit artikel van Christine Perfetti.
Het is een eenvoudige techniek die niet veel tijd kost om uit te voeren en bovendien geïntegreerd kan worden met andere taken of manieren van testen. Met behulp van fivesecondtest.com wordt het helemaal een fluitje van een cent: screenshot uploaden, (enkele) gegevens invullen en de rest gaat vanzelf. Naast de ‘classic’ test biedt fivesecondtest.com nog twee typen tests:
- De ‘compare’ test waarbij twee verschillende afbeeldingen ieder tweeënhalve seconden worden getoond en vervolgens met elkaar worden vergeleken;
- De ‘sentiment’ test die de respondent bevraagt over de beste en slechtste onderdelen van de interface.
Een nadeel van fivesecondtest.com is dat de meeste bezoekers waarschijnlijk uit de usability-, design-, of marketing-hoek komen, dus helemaal objectief zal je ontwerp niet worden beoordeeld.