mtin östlund 2008 1 Disposition! Pototyping medium/high fidelity! Användupplevelse! Intektionsflöde och flow! Användbhetsutvädeing - Usbility testing! Tillgänglighet
2 Metode fö pototyping! Medium fidelity pototyping/testning» Använd skämbilde» Sttisk men me detljede och me fädig än pppespototype*» Fotfnde snbb tt t fm (i eltion till fädig ppliktion)» Simule funktionlitet i sekvense 3 Metode fö pototyping! Medium fidelity pototyping/testning» Sttiskt/mnuellt» Simule funktion mnuellt» Byt sid mnuellt» Intektivitet - fejkd» Växl melln sttisk skämbilde» Dedikede pototypingvektyg t ex pototypepp» HTML och jvscipt» Powepoint, Flsh
4 el p p m Exe 5 ä Anv in p y t o ot g up d n pl en s l e ev Vilken typ v upplevelse vill jg ebjud?! Användupplevelsen» Vilken nvändupplevelse vill mn levee» Vd ä det nvänden uppsktt?» Tänk på vd det kn v just fö ktuell gupp*» Kul, stimulende, effektivt, fötoendeingivnde, lättlät, lättnvänt Vd uppsktt min målgupp?» beo på nvänden och sitution vd som pss **
6 Hittsolesn.se» Mgkänsl» Soligt» Känslo» Kul» Undehållnde» Spännnde» Enggende» Uppmuntnde» Innehåll» Sekvens» Meningsfullt» Miljö» Funktionellt» Snyggt» Genombett 7 Uppmäksmhet/Attention Hu kn mn tydliggö sekvensen?! Uppmäksmhet och medvetenhet» Vi kn b fokuse på en sk i tget» Vi kn b tänk på en sk i tget» Uppmäksmhet ä det som sty den medvetn och måliniktde människn» Synen ä (oft) det dominende sinnet» Uppmäksmheten ä döen in till medvetndet» Påveks v både ytte och ine fktoe» Uppmäksmheten ä flyktig och änd fokus kontinueligt*** Hu kn mn sty nvändens uppmäksmhet? Synen domine tydligen
8 Hittsolesn.se» Sty uppmäksmhet en till ätt ställe i ätt sekvens» Gfik» Guppeing» Animtion» Gö sekvensen tydlig» Stöd vbott i sekvensen 9 Undvik dold funktionlitet Om mn ändå vill/behöve h (dold) inställning, hu kn mn synliggö tt de ä ktiv? Vilk ltentiv finns det till (dold) inställning?! Synlighet undvik dold funktionlitet» Dold inställning ställe oimlig och onödig - kv på minnet» Exempel:» Dold inställning i Wod» Publiceingsinställningn i Powepoint» Visuell indiktoe ä b» Funge som tigges» Exempel: Mköen i Photoshop**
10 Hittsolesn.se» Synlighet» ing dold inställning/ funktione» B diektflyg, b SAS, b miljöklsst» Synlig indiktoe viktigt 11 Skp flow! Intektionsflöde» Skp flow» Nä llting flyte på mn ä i the zone» Effektivt och Kul!» Fokus helt på uppgiften» inte på intektionsmeknismen» Exempel:» Illustto: Fokus på det mn skp, inte på hu mn nvände Pen tool» Dop-down-list: Fokus på vlet inte på hu mn välje ett ltentiv i en dop-down-list» Skivnde: Fokus på histoien, inte spåk, gmmtik elle odbehndlens funktione
12 Skp flow! Automtiseing» Det meknisk utomtises och fösvinne fån medvetndet» Stödj/uppmunt till utomtisk beteenden» Käve inläning och övning, men kn gös me elle minde svåt» Skilj på kommndo och konfigution» Konfigution byte flödet» V konsekvent Gänssnittet sk v osynligt fö vnlig uppgifte 13 God exempel! Duktig på Flow och intektionsflöde» Google» Föstå nvänden syfte» Stenhåt fokus på syfte med minimlistiskt gänssnitt utn gfiskt lull-lull*» Effektivt» Gö det mn vill» Gö det snbbt och smidigt» Apple» Fokus på enkelhet» Fokus på flöde» Noggnt (u)vl v funktione*» Elegns i gänssnitt» Effektivt» Känns effektive än det knske ä» B nvändupplevelse nöjd nvände
14 on m H tion k e k int is! Use in contol» Ge feedbck så tt nvänden vet vd som ske» Stopp inte flödet (ing modl diloguto om inte syftet ä tt stopp flödet)*» Feedbck sk v elevnt och meningsfull» Pesente feedbck som del i betsflöde*» Se till tt nvänden föstå budskpet» Och vd hn/hon fövänts gö i espons (om något)» Pioite omedelb espons» Även om det t ett tg innn ett kommndo kn utfös ge omedelb espons om tt kommndot h ktivets 15 on m H tio k e k int n is! Att gö ätt och inte gö fel» Design fö det vnlig (föutsägb)» Väde ltentiven hu oft/sälln komme ltentivet tt väljs**» Vilket vl gjodes fö gången» Vnlig ltentiv synlig ovnlig ltentiv dold (åtkomlig?)» Hjälp nvänden gö ätt*» Vfö finns inte ång-knpp på webben -?» Design fö tt hjälp nvänden tt undvik tt gö fel*» Exempel: Ejection set*» Hjälp nvänden tt begäns konsekvensen nä det bli fel*
16 Exempel! Usbility testing» Usbility-lbb» Olik metode fö pototyping» Usbility-test» Eye-tcking Usbility Lb Ppe pototyping Enkelt usbility-test Test med eye-tcking