Sketching prototypes

Enkele posts geleden heb ik al eens kort verwezen naar het boek Sketching User Experiences van Bill Buxton maar ben er toen niet echt dieper op ingegaan. Ondertussen heb ikzelf een aantal prototypes proberen te maken volgens de regels (?!) beschreven in dit boek. Zoals je in onderstaande filmpjes zal kunnen zien, kan je met een heel beperkte tijd en beperkte middelen toch al interessante dingen maken die je aan je management of zelfs aan de gebuiker kan voor leggem. Aan de hand van deze filmpjes proberen we na te gaan of de gebruikers verstaan wat er in de filmpjes gebeurt. A.h.v. deze filmpjes zouden we ook graag te weten komen welke methode zij verkiezen en vooral waarom ze ervoor kiezen. Sketching geeft ons de mogelijkheid om vooraleer aan het daadwerkelijke implementeren te beginnen de gebruiker reeds een indruk te kunnen geven welke de ervaring is die ze zouden kunnen ondervinden met het product.

In de onderstaande filmpjes onderzoeken we twee technieken om informatie van een stadskaart op te vragen.

De voorbeelden in deze post werden verwijderd, sorry voor het ongemak!

Zoals je hebt kunnen zien hebben we enkel een videocamera gebruikt, enkele post-it notes, een stift en natuurlijk een stadskaart, ... en een goed humeur is ook wel belangrijk :-) Verder hebben we de filmpjes gemonteerd met iMovie, een standaard videobewerkingspakket dat met iedere Mac wordt meegeleverd.

Onze sketches hebben enorm veel weg van paper prototypes en kunnen dus ook op die manier gebruikt worden om het scenario eens uit te laten voeren door een echte gebruiker. Dingen ZELF ondervinden is immers nog altijd belangrijker voor de user experience dan andere de dingen zien doen.

Form factor

Eem belangrijk onderdeel bij usability onderzoek is de vormgeving van het ding dat je wil ontwerpen. De vorm zou duidelijk moeten aangeven wat je ermee kan doen. Bv het moet duidelijk zijn dat als een knop een draaiknop is dat je er ook meteen aan wil draaien. Een vierkant design is dus niet echt aangewezen voor een draaiknop omdat je de intentie niet hebt om eraan te draaien. Een ronde knop daarentegen zal de mensen wel aanzetten om eraan te draaien. Dit is natuurlijk maar een klein voorbeeldje maar laat je toch al even nadenken over de vorm wanneer je een bepaald product of onderdeel wil ontwikkelen.

Naast de vorm factor is de context ook heel belangrijk, wat nog eens benadrukt wordt in onderstaand filmpje.

Alhoewel een microfoon ondertussen wel bekend is bij de mensen, verwachtte deze vrouw tijdens het eten geen micro onder haar neus geduwd te krijgen. De vorm deed haar in eerste instantie denken aan een pepermolen. De vorm lijkt op het eerste zicht hetzelfde. Maar ze wist direct dat er iets niet juist was van het moment ze eraan wilde draaien. Niet alleen de vorm is dus belangrijk maar ook de context wanneer je het gaat gebruiken, of in dit geval gewoon onverwachts onder je neus geduwd krijgt.

Tags: usability form factor

Spelen met Photobooth Mac OS X

Bij de standaard installatie van Mac OS X zitten een aantal leuke applicaties waaronder Photobooth. De experience die deze applicatie biedt is echt wel tof. Je hebt het gevoel dat je in zo'n fotohokje zit dat je soms nog wel eens kan vinden in de GB. Wanneer je beslist om een foto te nemen, al dan niet met effect, krijg je een signaal te horen en telt de applicatie af en wanneer de foto wordt genomen wordt het ganse scherm wit om de indruk te wekken dat er wordt geflitst.

Een aantal van mijn creaties vind je hieronder.

Design Comics :: Characters and Scenes for Storyboarding & Design

Om even terug te komen op mijn vorige blog post over conceptuele prototypes. Hierin haalde ik kort aan dat men i.p.v. de foto's die ik gebruikte eventueel de situaties ook zou kunnen tekenen.

Bij Sun Microsystems maakt men ook gebruik van conceptuele prototypes en zij hebben hiervoor karakters, omgevingen e.d. getekend die je op de Design Comics web site kunt downloaden en gebruiken in je eigen storyboards. Experience design is echt wel aan een opmars bezig. Experience design gaat echt wel verder dan conceptuele prototypes en ik hoop dan ook af en toe dingen te kunnen posten waar ik vooral mee bezig ben hieromtrent

Design Comics :: Characters and Scenes for Storyboarding & Design

Tags: storyboard comics design user experience Sun

Conceptueel prototype

Zoals jullie zich misschien nog herinneren heb ik verleden academiejaar de post-academische opleiding usability design gevolgd aan de KULeuven. Voor mijn eindwerk heb ik o.a. een conceptueel prototype gemaakt van een interactieve mobiele kiosk.

Een conceptueel prototype wordt gebruikt, zoals de naam het al zegt, om een concept te verduidelijken, een idee iets concreter te maken a.h.v. afbeeldingen zodat bijvoorbeeld management zich beter een gedacht kan vormen van wat het idee eigenlijk juist inhoud. Of dit conceptueel prototype kan ook reeds in een zeer vroeg stadium gebruikt worden om reeds feedback te krijgen van de beoogde gebruikers zoals: wat vinden ze van het idee, zouden ze dit nuttig vinden, welke aspecten vinden ze leuk, wat verstaan ze niet van het concept, hoe en wanneer zouden zij het gebruiken, enz. Je kan dus met zo'n conceptueel prototype in een vroeg stadium al heel wat te weten komen.

Zoals reeds eerder gezegd zullen we proberen om met dit conceptueel prototype het idee proberen uit te leggen. Belangrijk hierbij is dat we ons in eerste instantie hiervoor niet richten op hoe de eigenlijke GUI er moet uit zien maar eerder hoe de gebruiker interageert met het systeem en wat hij of zij hiermee ervaart.

Hieronder vind je mijn eerste poging van zo'n conceptueel prototype dat het concept van de interactieve mobiele kiosk probeert te verduidelijken.

| View | Upload your own

Zoals je ziet is het niet zo moeilijk om een conceotueel prototype te maken. Een digitale camera om wat foto's te nemen, een grafisch tooltje om enkele dingen uit te knippen en powerpoint om het storyboard te vervolledigen.

Je zou het eventueel nog eenvoudiger kunnen houden en de verschillende cellen van het storyboard gewoon tekenen. Maar ik heb het gevoel dat als je wat meer realistischer materiaal gebruikt de aanvaarding wat hoger ligt voor het gebruik van zo'n conceptueel prototype.

Deze manier om prototypes te maken leunt ook sterk aan bij het boek van Bill Buxton: Skecthing User Experiences, getting the design right and the right design. In dit boek draait het vooral om op een zo snel mogelijke manier, met zo eenvoudig mogelijke middelen sketches of prototypes te maken die voorgelegd kunnen worden om het concept te verduidelijken. Conceptual prototyping met foto's of met tekeningen is mijns inziens een duidelijk voorbeeld hiervan.

Tags: usability experience design prototyping management user concept sketch

Life on Mars

Technorati Tags: 3D, mars, animation, nasa