Jeroen van Geel

Johnny Holland is my new life

2008-07-22T19:35:00.001+02:00

Vanaf nu ben ik mentaal verhuisd naar Johnny Holland. Ga je mee?

Meet the users!

2008-05-25T12:51:00.003+02:00

Optische illusies

2008-05-18T20:55:00.001+02:00

Entertain to sell! Samsung gooit het over een nieuwe boeg... ze vermaken het publiek in dit filmpje, om op het einde toch nog aan product placement te doen. En de viraliteit werkt, want ik toon het weer aan jullie:

Ready. Powerset. Go?

2008-05-18T10:28:00.001+02:00

Powerset is een nieuwe zoekmachine , gericht op het vindbaar maken van Wikipedia-artikelen. Het werkt helaas nog niet perfect, maar toch is te zien hoe intuitief en krachtig de volgende generatie zoekmachines kan worden. Naast de mogelijkheid om vragen te stellen is met name het aanmaken van handige inhoudsopgaven een handige toevoeging. Complete kranten en online magazines zouden zo perfect kunnen worden ontsloten. Zie bijvoorbeeld het artikel over The Simpsons.

Street view van Google Maps

2008-04-30T10:20:00.001+02:00

De straatview van Google Maps begint steeds meer vorm te krijgen. Nog eventjes en we hebben geen TomTom meer nodig...

Mac vs PC Southpark style

2008-04-29T08:47:00.000+02:00

via: zie.nl

Interactieve Nokia viral

2008-04-28T20:11:00.001+02:00

Get Out And Play is een prachtige (deels) interactieve stop-motion film. Gewoon kijken en genieten. Met name de laatste 'scene' met de toestellen is goed gedaan!

De waarde van persona's

2008-04-15T19:54:00.001+02:00

Met gebruik aan tijd post ik wederom andermans creatie:

| View | Upload your own

2D meets 3D

2008-04-07T19:43:00.000+02:00

Ontdek een totaal nieuwe manier van gamen!

Prachtige tv commercial

2008-03-30T20:48:00.000+02:00

Het is nog steeds mogelijk om daadwerkelijk van een tv commercial te genieten!

Indiana Jones trailer

2008-03-24T10:38:00.001+01:00

Tsjechische flashgames

2008-03-21T21:23:00.003+01:00

De Tsjechische studio Amanita Design maakt, om maar meteen met de digideur in huis te vallen, geweldig sfeervolle animaties en flashgames. Enige maanden geleden kwam ik al hun zeer feelgood flashgame Samorost tegen. En gisteren werd ik verrast door Questionaut, een educatie game voor de BBC. Niet alleen de grafische stijl is leuk, lief en zeer eigen... maar ook de interactie klopt en nodigt uit tot klikken en proberen. Zelfs Nike heeft de studio al een keer ingehuurd voor het maken van een interactieve game genaamd Rocketman VC. I'm an instant fan!

Update: ze werken momenteel aan Machinarium, hun grootste game tot nu toe (zie screenshot)

Nationaal Museum voor Grafische Vormgeving

2008-03-16T10:33:00.002+01:00

11 juni opent Het Nationaal Museum voor Grafische Vormgeving, De Beyerd haar deuren in mijn oude studentenstad Breda. Om de opening wat extra kleur te geven heeft kunstenaar Teun Castelein een mooi plan bedacht. Hij hangt de gevel van het gebouw vol met 250 witte vlaggen. Iedereen kan online een vlag kopen en hier een eigen print op laten zetten. Zo sponsor je De Beyerd en heb je tevens wat mooie exposure, die op z'n minst door koniging Beatrix wordt gezien.

SpaceTime: 3D browsen

2008-03-16T09:57:00.002+01:00

Deze video van SpaceTime is al een jaartje oud, maar nog steeds tof om te zien. Al is dat kleine control-veld een beetje lame (daar heb je toch een toetsenbord voor?).

Het decentrale web, nu ook visueel

2008-03-15T12:42:00.002+01:00

Momenteel ben ik volop aan het genieten van de Firefox add-on PicLens. Deze add-on maakt het op een prachtige visuele manier mogelijk om door de beelden van een website heen te klikken, zonder ook maar 1 regeltje tekst tegen te komen. Nu kan ik helemaal mijn foto's direct vanaf Flickr aan familie en vrienden presenteren met mijn Macbook.

Het is echter wel belangrijk om de consequenties van dit soort tools te bedenken. Langzaam maar zeker zet de decentralisatie van content op het web door. Het maakt binnenkort waarschijnlijk niet meer uit hoe je content op het web zet; iedereen kan er op zijn manier mee omgaan. Dit is enerzijds een prachtig vooruitzicht, maar anderzijds ook beangstigend. Wat doet mijn content in een andere context? Mogen anderen zomaar mijn content daarin tonen? Ik vraag me serieus af hoe het zit met copyright en auteursrechten. Op zich een discussie waard!

'Paper prototyping' de iPhone

2008-03-14T22:43:00.001+01:00

Prototypen met Powerpoint

2008-03-09T19:19:00.003+01:00

Het testen van prototypes is een belangrijke check tijdens het ontwerpproces. Er zijn meerdere methoden om prototypes te ontwikkelen, van schetsen (paper prototyping) tot het gebruik van de bekende tools Visio en Axure. Echter zullen de meesten van ons, waaronder ik, niet direct aan Powerpoint denken... Desondanks is deze applicatie steeds vaker een serieuze optie, vooral als je bedenkt dat onder meer delen van Windows, Windows Live en Internet Explorer met Powerpoint zijn ge-'prototyped'.

Hier is een video waarin wireframe-prototyping met Powerpoint wordt besproken. De Powerpoint Prototyping Toolkit is hier te vinden en een kort artikel over het onderwerp hier.

Alternatieve Star Wars intro

2008-03-08T12:08:00.001+01:00

Hoe zou de Star Wars intro eruit hebben gezien als hij in de jaren 60 was uitgebracht? Hieronder het antwoord!

EIndelijk!

2008-03-06T22:46:00.002+01:00

Hij is er!

Supersnel paper prototypen

2008-03-06T22:23:00.001+01:00

Gewoon cool!

2008-03-05T20:51:00.004+01:00

Soms hebben dingen geen reden buiten dat het er gewoon kick-ass uit moet zien en aan moet voelen. Zo ook de site van Silverback. (tip: resize de site :)

Wil je weten hoe je het kunt namaken, check this.

Praten is belangrijker dan mededelen

2008-03-04T21:28:00.002+01:00

Onderstaande presentatie is een goede samenvatting van The Cluetrain Manifesto, ook al is het (denk ik) niet zo bedoeld :)

| View | Upload your own

via: Tanja de Bie

De kracht van use cases

2008-03-04T20:39:00.004+01:00

Te vaak werken interactie ontwerpers alleen maar de 'ideale flows' uit. Hiermee bedoel ik de flow van pagina's en elementen die een gebruiker idealiter gebruikt om van A naar B te komen.
Terwijl dit voor klanten een goed beeld geeft van de mogelijkheden, zorgt het bij ontwikkelaars -die het systeem uiteindelijk moeten bouwen- juist voor te weinig houvast. Tijdens de ontwikkeling komen zij continue zaken tegen waar niet over is beslist, zoals 'Wat als een wachtwoord niet klopt?' of 'Wat moet ik tonen als er geen zoekresultaten zijn gevonden?' Om die reden is het belangrijk dat interactie ontwerpers standaard ook de unhappy flow meeontwerpen. En in plaats van het nog groter maken van je flowschema's (van A3 naar A2 :) is het gebruik van use cases hier een zeer handig middel.

Wat zijn use cases?
Use cases zijn in feite puntsgewijze scenarios. Ze omschrijven op een specifieke -en sluitende- actie binnen een website, waarna ze alle mogelijke afwijkingen beschrijven Door dit met de belangrijkste acties binnen de site te doen creeer je een goed inzicht in de mogelijke situaties van het systeem, waarna je hier in wireframes oplossingen voor aan kan dragen.

Een voorbeeld is het bestellen van een boek. In een use case zal iedere actie die op de site nodig is, van het zoeken tot de bevestigingsmail, worden beschreven:

1. Klant klikt op 'boeken'
2. Klant zoekt op titel boek
3. Systeem toont lijst met resultaten en bovenaan gezochte boek
4. Klant klikt gezochte boek aan
5. ...
11. Systeem bevestigd bestelling

Na deze stap worden alle mogelijke problemen en afwijkingen (unhappy flow) omschreven. Dit doe je door ze aan de betreffende punten te koppelen:

2a. Klant typt titel net verkeerd in

3a. Systeem geeft aan dat er geen resultaten zijn gevonden
3b. Systeem werkt momenteel niet
etc.

Op deze manier kunnen ook oplossingen worden aangedragen en extra niveaus met alternatieve situaties worden geformuleerd. Voor de ins en outs hieromtrent zijn er duidelijkere artikelen. De bottom-line is dat use cases een snelle manier zijn om inzicht te krijgen in flows. Doordat ze geschreven worden kun je als interactie ontwerper veel sneller schakelen, omdat je bijna een verhaal aan het schrijven bent. Volgens mij een zeer goede, maar nog te weinig gebruikte tool!

Goede bronnen:
> Scenario's & use cases: praktisch, maar zeer goede omschrijving van use cases
> Wikipedia over use cases
> Use cases and interaction design: leuk artikel over de voordelen

Websites in je dock

2008-03-03T22:37:00.002+01:00

Steeds meer websites zijn niets meer of minder dan (online) applicaties. Stuk voor stuk moet je ze via je browser benaderen. Dit is een stuk omslachtiger dan het opstarten van applicaties op je Mac. Deze klik je aan in je dock of start je met Quicksilver in een seconde op. Om dit gemis op te lossen heeft een fanatieke ontwikkelaar Fluid bedacht. Met deze tool kun je websites aan je dock toevoegen, alsof het applicaties zijn. Door er een mooi icoontje aan toe te voegen is het net alsof je een echte applicatie hebt draaien. Zeer handig voor sites als Facebook, Wikipedia en Gmail. En de laatste kan zelfs met een dock badge aangeven hoeveel ongelezen mails er zijn... briljant!

Star Wars toegelicht door een 3 jarig kind

2008-03-03T22:10:00.001+01:00

Hoe briljant! Obi Kenobi en 'a shiny robot' :)