MINOR USER EXPERIENCE DESIGN

MINOR USER EXPERIENCE DESIGN Kwartaaldossier

Studenten

: Marian van der Kruijt - 0787965 Gerthilde Mastenbroek - 0795655 Tim Poot - 0792989

Klas Docenten Vak Maand Versie

: : : : :

CMD3B Hans Kemp en Bas Leurs Minor User Experience Design April 2010 (kw. 3 - lente) 1

INHOUDSOPGAVE INTRODUCTIE ..........................................................................................................3 1. MIJN UXD MINOR EXPERIENCE ........................................................................4 2. USER EXPERIENCE HONINGRAATMODEL ......................................................5 3. TIMELINE ..............................................................................................................6 3.1 PROCES - INFORMATIE VERZAMELEN ................................................6 3.2 PROCES - SCHETSEN VOOR TIMELINE...............................................6 3.3 PROCES - ONDERZOEK INTERACTIVITEIT..........................................9 3.4 PROCES - ONTWERPVERSIES..............................................................9 3.4.1 Timelines Marian....................................................................................9 3.4.2 Timelines Gerthilde ..............................................................................12 3.4.3 Timelines Tim .......................................................................................13 3.5 TIMELINE-PRESENTATIE .....................................................................20 4. DESIGN RESEARCH..........................................................................................21 4.1 VISUALISATIE DESIGN-RESEARCH....................................................21 4.2 PROCESVERSLAG ................................................................................22 4.3 CONTEXTUAL INQUIRY ........................................................................22 4.3.1 Onderzoeksplan ...................................................................................22 4.3.2 Contextual inquiry magazines ..............................................................23 4.3.3 Conclusie Contextual inquiry................................................................27 4.4 FOCUSGROEP.......................................................................................28 4.4.2 Focusgroep marketing / functionaliteit (Marian)...................................29 4.4.2 Focusgroep functionaliteit (Gerthilde) ..................................................30 4.4.3 Expert-focusgroep usability (Tim) ........................................................33 5.4 CONCLUSIES EN ONTWERPKEUZES.................................................35 5.5 UITWERKING ONTWERP......................................................................36 BIJLAGE 01 - OPDRACHT 01 INDIVIDUEEL.........................................................37 BIJLAGE 02 - OPDRACHT 02 INDIVIDUEEL.........................................................38

2 van 38

Minor UXD – kwartaaldossier

INTRODUCTIE In dit dossier kunt u een overzicht vinden van de opdrachten die we het afgelopen kwartaal hebben gemaakt voor de Minor User Experience Design. Er zijn drie soorten Designers: Designer voor Research, Interaction-designer en Visual designer. De competenties die hiervoor nodig zijn, komen aan de orde bij de gemaakte opdrachten van dit kwartaal.

3 van 38


1. MIJN UXD MINOR EXPERIENCE In deze opdracht beschrijven we individueel onze stage-ervaringen, onze persoonlijke voorkeuren en leerdoelen voor de Minor User Experience Design. Deze individueel geproduceerde documenten kunt u vinden in de bijlage.

4 van 38


2. USER EXPERIENCE HONINGRAATMODEL Met het honingraatmodel van Peter Morville worden een zevental facetten benoemd waaruit een user experience kan bestaan. Voor elke user experience spelen bepaalde facetten een grote rol en andere facetten een minder grote rol. De findability van een website met een belangrijke sociale functie bestemd voor een hele grote groep mensen in de samenleving is veel belangrijker dan de findability van een website bestemd voor gamers uit een bepaalde subcultuur. Op die manier zou je dus een soort ‘footprint’ kunnen maken van een user experience, waarbij uiteenlopende sites, ook een uiteenlopende ‘footprint’ zullen hebben. Deze opdracht was individueel. We analyseerde drie uiteenlopende user experiences aan de hand van het honingraatmodel. We vergeleken deze analyses met elkaar door middel van een visualisatie. Verder gaven we per user experience aan hoe deze verbeterd zou kunnen worden. Deze individueel geproduceerde documenten kunt u vinden in de bijlage.

5 van 38


3. TIMELINE 3.1 PROCES - INFORMATIE VERZAMELEN Allereerst hebben we vastgelegd welke soort informatie we wilden zoeken voor in de timeline. We kwamen tot de volgende categorieën: Jaartal, Welke persoon, Wat die persoon gedaan heeft, Welke gebeurtenis of uitvinding, Bekendste boek, Invloed op ons vakgebied, Bekende uitspraak, Bronvermelding, Bijbehorende afbeelding. Deze informatie verzamelden we in een exceldocument. We zochten naar technische ontwikkelingen, uitvindingen en guru’s.

3.2 PROCES - SCHETSEN VOOR TIMELINE Toen we aardig wat informatie verzameld hadden, begonnen we met het schetsen voor de timeline. De schetsen die hieronder zijn weergegeven zijn van de hand van Gerthilde.

6 van 38


7 van 38


8 van 38


3.3 PROCES - ONDERZOEK INTERACTIVITEIT Tim begon met het onderzoeken van interactieve mogelijkheden. Hij heeft de volgende timeline-programma’s getest: x TimeRime x Time Toast x Capzles x Temporis x MatchWare x TimeLine 3D

Deze standaard programma’s voldeden echter niet aan onze eisen. Daarom is hij vervolgens begonnen met het ontwerpen van een eigen interactieve versie.

3.4 PROCES - ONTWERPVERSIES 3.4.1 Timelines Marian Versie 01

9 van 38


Versie 02

Deze timeline is voorzien van symbolen om de categorie aan te duiden.

Boek:

Uitvinding techniek:

Model:

Versie 03

Deze versie is gericht op de Guru’s en de verbanden tussen hen.

10 van 38


Versie 04

In deze versie staan de guru’s op een andere wijze gevisualiseerd. De volgorde is alfabetisch op achternaam. Verder bevat het dezelfde informatie als versie 03.

11 van 38


3.4.2 Timelines Gerthilde 3.4.2.1 Versie 01

3.4.2.2 Versie 02

12 van 38


3.4.3 Timelines Tim 3.4.3.1 TimeRime

Met TimeRime is het mogelijk om afbeelding een bepaalde datum toe te kennen en deze worden vervolgens overzichtelijk op een tijdlijn weergegeven. Het is echter niet mogelijk om, behalve de datum, ook nog verdere informatie aan een afbeelding toe te voegen. De navigatie door de tijdlijn is echter wel weer de moeite waard. Door met de muis over de afbeeldingen heen te gaan komt de nodige informatie tevoorschijn. Deze informatie bevat de naam van de afbeelding en de datum. Als het ook nog mogelijk was om wat meer aan deze informatie toe te voegen, zou dit een goede optie zijn om een interactieve tijdlijn te maken. Het verdeelde scherm is ook een leuke eigenschap. Zo wordt de informatie op de bovenste helft van het scherm visueel weergegeven en op de onderste helft tekstueel. Zo krijg je in één oogopslag een goed beeld van de tijdlijn. Onze tijdlijn bevat informatie van een eeuw geleden tot het heden. De tijdlijn wordt daardoor erg breed. Zeker in de laatste paar jaar is er een boel gebeurd. Deze worden dan ook allemaal bovenop elkaar weergegeven. Dit is op zicht geen probleem aangezien je informatie te zien krijgt door eroverheen te gaan. Maar met meer dan tien afbeeldingen op elkaar wordt dit toch te lastig. Voordelen: Twee schermen: één visueel en één tekstueel Informatie door met de muis over een afbeelding te gaan Nadelen: Geen mogelijkheid om meer informatie toe te voegen Geen mogelijkheid om de tijdlijn meer uit te spreiden

13 van 38


3.4.3.2 Time Toast

Met Time Toast is het mogelijk om informatie toe te voegen met een afbeeldingen en eventueel een linkje. Deze informatie wordt verdeeld over evenementen en weergegeven als een zwarte punt op het scherm. Dit ziet er een beetje saai uit, maar functioneel is het wel. Zo is het mogelijk om in één oogopslag te zien waar de meeste evenementen zich bevinden en wat dus een belangrijke periode was in de geschiedenis. Door op een zwarte punt te klikken komt een ballonetje tevoorschijn met de foto, de datum en de omschrijving van de gebeurtenis. Door op het plusje in het ballonetje te klikken komt er nog meer informatie beschikbaar. De tijdlijn is ook scrollbaar. Door naar links of naar rechts te scrollen krijgt het ballonetje een leuk effect mee: het pijltje blijft bij de zwarte punt. Dus als het ballonnetje helemaal rechts staat, is de pijl daar ook en als er gescrollt wordt en het ballonetje naar links verplaatst verschuift de positie van de pijl. En heel groot minpunt is dat het er erg saai uitziet. Het nodigt totaal niet uit om ermee te gaan spelen. En om meer informatie te krijgen moet je eerst klikken voordat je wat ziet. Voordelen: Goede navigatie door de tijdlijn heen Mogelijkheid om voldoende informatie toe te voegen Periodes onderscheiden Nadelen: Erg saai uiterlijk

14 van 38


3.4.3.3 Capzles

Capzles maakt het mogelijk om een interactieve slideshow te maken met foto’s. Deze techniek is ook goed te gebruiken voor een tijdlijn. Boven de foto’s is de titel en de datum te zien. Door verder te klikken komt de afbeelding schermvullend in beeld met nog informatie erbij. Iets te veel informatie. Zo zit er ook reclame in, kan je de naam van de foto in Google invoeren en zijn er allerlei opties om de foto op te slaan, te delen of te exporteren. Onder in beeld is een scrollbar te zien, zodat de gebruiker weet waar hij zich op de tijdlijn bevindt. Ook is er een navagtie-paneel met knoppen te zien. Met deze knoppen kan de gebruiker een slideshow starten of door de foto’s heen bladeren. Deze webbased-applicatie is gericht op foto’s en diavoorstellingen. Als deze gericht was op het creëren van een tijdlijn, zou het een perfecte oplossing zijn geweest. Op dit moment zijn er echter te veel beperkingen om met een slideshow-tool een tijdlijn te maken. Voordelen: Mooie interface met een sterk gebruikersgemak. Goede weergave van de onderdelen in de applicatie Exporteerbaar Mogelijkheid om te delen op sociale netwerken Nadelen: Slideshow-tool, te beperkt om een tijdlijn mee te maken Veel reclame en ongebruikte opties in het ‘meer informatie’-gedeelte

15 van 38


3.4.3.4 Temporis

Temporis een een programma voor de Mac speciaal ontworpen om tijdlijnen mee te maken. Het is een erg simpel concept: er is een blank veld waar de gebruiker werkt. Met de nodige tools is het vrij eenvoudig om een tijdlijn in elkaar te draaien. De gebruiker geeft de begin- en de einddatum aan waartussen een lijn wordt getrokken met informatie erboven weergegeven. Mocht het voorkomen dat er meerdere gebeurtenissen zijn gebeurd over dezelfde periode (wat bij ons het geval is) worden deze boven elkaar weergegeven. Dit heeft zijn voor- en nadelen. Het is vrij overzichtelijk aangezien er niets over elkaar heen ligt, maar aan de andere kant is het ook weer niet overzichtelijk omdat de gebruiker nu zowel van links naar rechts, als van boven naar beneden moet scrollen om alles te kunnen zien. Zoals in het screenshot hierboven ook te zien is, kan de tijdlijn veel te hoog worden. Daarnaast is het niet mogelijk om te tijdlijn te ‘tweaken’ of om deze interactief te maken. Het blijft een witte achtergrond met een paar lijnen erop geprint. Ook deze tool nodigt niet uit om ermee te spelen. Voordelen: Snel en eenvoudig een tijdlijn maken Overzichtelijke weergaven van de gebeurtenissen (mits geen in dezelfe periode) Nadelen: Erg saai eindresultaat Geen mogelijkheid om kleuren/achtergrond/ect aan te passen Geen mogelijkheid om de tijdlijn interactief te maken

16 van 38


3.4.3.5 MatchWare

MatchWare is een programma voor Windows waarmee een tijdlijn gecreerd kan worden. Het programma voelt aan als Office, dus ervaren gebruikers van Office kunnen hiermee goed uit de voeten. Een groot voordeel is dat deze tijdlijn wel helemaal aan te passen is. Om maar even wat te noemen van de mogelijkheden: tekstgrootte, tekstkleur, lettertype, tekststijl, achtergrondkleur, achtergrondafbeelding, etc. Hierdoor krijgt de tijdlijn al snel een persoonlijk tintje. Wat dan wel weer jammer is, is dat het niet mogelijk is om afbeelding toe te voegen aan de gebeurtenissen. Deze worden als een simpele bullit weergegeven op de tijdlijn. Hierdoor wordt de tijdlijn enkel tekstueel. Ook is het niet mogelijk om de tijdlijn interactief te maken. Het blijft een afbeelding met een lijn en bullit-points. Voordelen: Volledig aan te passen naar eigen smaak Eenvoudig te gebruiken Nadelen: Geen mogelijkheid om de tijdlijn interactief te maken Geen afbeeldingen bij de gebeurtenissen

17 van 38


3.4.3.6 TimeLine 3D

TimeLine 3D is een applicatie voor de Mac. Het is erg eenvoudig in gebruik. Zo kan je zeer eenvoudig een gebeurtenis toevoegen, daaraan een afbeelding, meer informatie en zelfs linkjes toevoegen. De tijdlijn is volledig aan te passen naar eigen smaak. Tekstkleur en de achtergrond is zelf te uploaden en geeft al snel een persoonlijk tintje. Ook komt TimeLine 3D standaard met thema’s die er erg strak uitzien en meer dan uitnodigen om ermee te spelen. Maar de allermooiste functie: de 3D-weergave. Door deze functie te activeren wordt de tijdlijn schermvullend weergegeven. Zo zie je meteen een overzicht van de complete tijdlijn. Vervolgens kan je inzoomen op een gebeurtenis en met de pijltjes-toetsen door de gebeurtenissen heen bladeren. Dit maakt de tijdlijn erg interactief en is het leuk om de tijdlijn te bekijken. Dit is allemaal nog 2D, door op de spatie-balk te drukken wordt de 3D-weergave geactiveerd. Nu ziet de gebruiker de tijdlijn als een soort muur die in de diepte verdwijnt. De geselecteerde gebeurtenis komt nu van de tijdlijn af als een soort uithangbord. Dit maakt het extra leuk om door de tijdlijn heen te bladeren. Toen ik deze applicatie aan het uitproberen was kreeg ik al een boel leuke reacties. De 3D weergave is ook te exporteren. Zo kan je de tijdlijn, terwijl deze in 3D wordt weergegeven, opslaan als een video, een Flash-video of als een Keynote-presentatie. Deze laatste opties zijn enkel mogelijk met de betaalde versie, die wij als arme studenten niet kunnen veroorloven. Hierdoor houdt het al snel op, aangezien de gebruiker dan ook TimeLine 3D moet hebben geinstaleerd om de tijdlijn te bekijken.

Voordeel: De perfecte tijdlijn-tool! Nadeel: Een betaalde tijdlijn-tool...

18 van 38


3.4.3.7 Eigen ontwerp Interactieve timeline

3.4.3.8 Uitwerking Interactieve timeline De uitwerking van de Interactieve timeline kunt u vinden op deze locatie: http://stud.cmd.hro.nl/0792989/tijdlijn/

19 van 38


3.5 TIMELINE-PRESENTATIE Feedback op de printversies Tijdens onze presentatie lieten we twee versies van de timeline. Uit de feedback concludeerden wij dat het beter was om deze twee samen te voegen. Daarom hebben we de ‘bekende uitspraken’ uit de timeline van Gertilde toegevoegd in de timeline van Marian. Verder hebben we de timeline meer geschikt gemaakt om aan de muur te hangen. Daarom hebben we de titel van de timeline vergroot, zodat het op grote afstand te zien is. Als je dichterbij komt, zie je de middelgrote informatie: de foto’s van de guru’s en de verbanden tussen hen. Als je nog dichterbij komt zie je de details: de boeken die zij geschreven hebben en de reden van de verbanden tussen hen.

Feedback op de interactieve versie

Tim heeft naar aanleiding van de feedback het paneel aan de rechterkant weggelaten. Hij heeft daarna de interactieve versie gecombineerd met de timeline van de Guru’s.

20 van 38


4. DESIGN RESEARCH 4.1 VISUALISATIE DESIGN-RESEARCH We begonnen deze opdracht met het onderzoeken van het begrip Design-research. Hiervoor hebben we de volgende artikelen gelezen: 1. Dan Saffer – Designing for interaction: Design Research 2. Hugh Dubberly – Design in the Age of Biology: Shifting From a Mechanical-Object Ethos to an Organic-Systems Ethos 3. Liz Sanders An Evolving Map of Design Practice and Design Research 4. 16.422 Human Supervisory Control Research Methods & Experimental Design 5. Anne Bruseberg and Deana McDonagh-Philp Department of Design and Technology, Loughborough University User-Centred Design Research Methods: The Designer’s Perspective De conclusies van ons onderzoek naar Design-research hebben we gevisualiseerd: Visualisatie (Tim)

21 van 38


4.2 PROCESVERSLAG Om tot een goed design te komen voor het E-zine maken we gebruik van de volgende onderzoeksmethodes: - Contextual Inquiry - Focusgroep

4.3 CONTEXTUAL INQUIRY Contextueel onderzoek is een user-centered design (UCD) methode en vindt plaats aan het begin van de productontwikkeling. Het vraagt om een één-op-één waarneming van de handeling in de praktijk in de natuurlijke context. De bedoeling van deze onderzoeksmethode is om een gebruiker van een product te observeren tijdens zijn dagelijkse routine in het gebruik van dit product. Het is de bedoeling dat de gebruiker beschrijft wat hij doet tijdens het gebruik. Een opmerking kan het begin zijn van een discussie. Zo kom je veel te weten over het product, en kan dat helpen bij het ontwerpen en of verbeteren van het product. Contextueel onderzoek omvat een voorbereiding, evaluatie, analyse en een ontwerpfase. Contextueel onderzoek betreft het verzamelen van gedetailleerde informatie over de klant door te observeren en de gebruiker te interviewen tijdens het gebruik van het product. De onderzoeker moet wel op de achtergrond blijven en laat de gebruiker de situatie zo veel mogelijk zelf in de hand houden wanneer hij het product gebruikt. Natuurlijk mogen er wel vragen worden gesteld, maar laat de gebruiker vooral zijn eigen ding doen. De situatie is zo dat het lijkt dat de onderzoeker de leerling is van de gebruiker in het gebruiken van het product. Het doel is om het hoe en waarom te begrijpen.

4.3.1 Onderzoeksplan Hoofdvraag: Welke gewoontes/gedrag hebben mensen die de Donald Duck lezen en hoe kunnen we dat gedrag vertalen in de werking en het design van het e-zine? Deelvragen: Waarin verschillen de observaties per locatie? In hoeverre beïnvloeden de datum en tijdstip de onderzoeksresultaten? Waar gaan we observeren: - boekhandels (donner, Bruna) - bibliotheken Waar gaan we op letten tijdens de observatie: Algemeen: - Wat voor mensen pakken/lezen de donald duck? - beginnen ze aan het begin van het blad, of lezen ze een ander verhaaltje eerst? - wat voor andere bladen bekijken ze ook - Hoe lang heeft de ‘donald duck sessie’ in totaal geduurd? Boekhandels: - Hoe lang bladeren mensen in het blad? Nemen ze het mee of niet? - Waarom kopen ze een donald duck? Waar gaan ze die dan lezen? Bibliotheek: - Hoe lang bladeren mensen in het blad? Na hoelang gaan ze het lezen? - Hoe lang lezen mensen achter elkaar de donald duck? Stoppen ze op een gegeven moment? - Hoe lang lezen mensen hetzelfde verhaal? Stoppen ze op een gegeven moment omdat ze het zat zijn? Vragen die kunnen worden gesteld aan de mensen die we observeren: - Hebben ze een mobiele telefoon waar ze internet op hebben? - Als mensen niet eerst in het begin van het blad beginnen met lezen, vragen waarom ze dat doen. - Koop je wel eens een Donald Duck? Waar lees je die dan?

22 van 38


4.3.2 Contextual inquiry magazines De uitvoering en de resultaten van ons Contextual inquiry hebben we op drie manieren vastgelegd: - Schriftelijk verslag - Foto’s - Film: het filmpje is te vinden op: http://www.youtube.com/watch?v=acy7SQ_B1TE Interview bij de Ako in de koopgoot:

Donderdagochtend 1 april 2010 om 09:30 uur We kwamen niet op het juiste tijdstip bij de boekhandel. Er was bijna niemand en diegene die er waren, stonden niet bij de afdeling met strips. Gelukkig stond er wel een winkelmeisje waar we een aantal vragen mochten stellen, zodat we toch al wat onderzoeksresultaten zouden hebben. Ze vertelde dat alle mensen de Donald Duck kopen, klein en groot. Na schooltijd zijn het toch wel vaak de kinderen die daar naartoe rennen. De Donald Duck wordt ook vaak weggegeven als kadootje. De meesten weten gelijk wat ze moeten hebben; ze kijken welke ze nog niet hebben en nemen die dan mee. Anderen komen elke week de nieuwe editie halen van de Donald Duck.

Observatie bij Selexyz:

De observatie zelf kunt u terugvinden in het filmpje.

Donderdagochtend 1 april 2010 Er stond een meisje bij de afdeling met Manga verhalen, dat zijn Japanse strips. Er zijn heel veel verschillende soorten van. Het meisje zocht gericht naar een pocket, waarschijnlijk om te kijken welke ze nog niet had. Je zag aan haar dat het een verzamelaarster was, ze kocht er gelijk drie en het was duidelijk dat ze er verstand van had. Later hebben we haar een paar vragen gesteld. Ze was inderdaad een verzamelaar, ze had al een hele boekenplank vol van die strips. Ze leest ze overal, in de bus, auto, thuis. Ze vond het wel lastig dat ze elke keer zo'n pocket mee moest nemen, haar tas werd er wel zwaarder door. Van Manga strip wordt vaak een hele serie gemaakt.

23 van 38


Observatie in de bibliotheek bij Blaak in Rotterdam:

De observatie zelf kunt u terugvinden in het filmpje.

Donderdagochtend 1 april 2010 Ook hier kwamen we er achter dat strips voor jong en oud geschikt zijn. Manga is tegenwoordig wel heel populair onder jongeren, vooral deze boeken zijn in het weekend allemaal uitgeleend. De meeste mensen lezen de strips thuis, mensen die niets te doen hebben, lezen vaak in de bibliotheek zelf. Sommigen nemen een lijstje met titels mee naar de bieb, om te kijken of er nog strips zijn, die ze nog niet hebben gelezen. Soms vinden ze een strip zo goed, dat ze die vaker lenen/lezen. Er kwam een man van ongeveer 50 jaar die een strip pakte van Suske en Wiske, je zag dat hij gericht naar Suske en Wiske zocht, je zag dat hij zocht naar een titel die hij nog niet gelezen had. Observatie in de bibliotheek in Ouddorp:

Donderdagmiddag 1 april 2010 om 15:45 uur Het was net na schooltijd, dus er waren best veel kinderen aanwezig die gelijk op de strips afrenden. Af en toe zag je ook wel een ouder iemand staan, maar toch minder. Ik heb aan sommige ouders gevraagd of ze ook geïnteresseerd waren in strips. Vaak was het antwoord: 'ik lees ze wel van mijn kinderen als we thuis zijn, maar zelf ga ik niet tussen de strips zoeken.' Toch zag ik wel dat de kinderen en jongeren gericht zochten naar strips die ze nog niet hadden gelezen. Soms werd er ook even in gebladerd, maar zetten hem na ongeveer 20 seconden terug, zeker omdat het verhaal niet beviel. Anderen bleven langer in de strip lezen en gingen na verloop van tijd ergens zitten om het verhaal verder te lezen. Maar de meeste mensen namen ze gewoon mee naar huis, dat komt omdat er weinig zitplaatsen in de bibliotheek zijn om even te lezen. Op een gegeven moment zag ik een medewerker van de bibliotheek naar een meisje toe lopen die net een paar boeken had teruggebracht. De medewerker gaf haar een bladwijzer terug die nog in één van de boeken zat. Er zat wel een jongen aan een tafel een boek te lezen. Naar verloop van tijd sloeg hij het boek dicht en ging hij naar het toilet, toen hij terug kwam moest hij moeite doen om de bladzijde te zoeken waar hij was gebleven.

24 van 38


Conclusie: De conclusie die ik trek is dat strips wordt gelezen door groot en klein. Daarnaast schamen sommige 'grote' mensen zich als ze zitten te zoeken tussen de strips in de bibliotheek, dit laten ze doen door hun kinderen, om ze thuis ook te lezen. Mensen zoeken gericht op strips die ze nog niet gelezen hebben, om deze later thuis of onderweg te lezen. Ik vind het feit dat manga heel populair is onder jongeren erg bijzonder. Het zijn geen vriendelijke figuren die worden afgebeeld en er wordt veel gevochten in de strips. Observatie in de Primera Broekpolder in Heemskerk: Zaterdag 3 april 2010 Ik heb zaterdag terwijl ik aan het werk was bij de Primera welgeteld 6 Donald Duck Weekbladen, 2 Donald Duck Extra's, 4 Donald Duck Pockets, 3 Katrien's en 2 Donals Duck Juniors. Deze werden allemaal gekocht door kinderen of door ouders voor hun kinderen. De weekbladen werden bewust gekocht. Ik kreeg ook een paar keer de vraag of dit het laatste nummer was, waaruit ik concludeer dat ze bijhouden welke nummers ze al hebben en welke niet. Hetzelfde geldt voor de pockets, op 1 na, welke een kadootje was voor de paasdagen. De Extra's en de Juniors werden op impuls gekocht. Deze klanten stonden eerst een tijd voor het schap, hebben verschilende bladen in handen gehad om vervolgens de Donald Duck uit te kiezen. Dit werd gedaan door ouders die hun kinderen bij hun hadden. Ze lieten hun kinderen een blaadje voor het weekend uitkiezen. In sommige gevallen waren de ouders naar iets anders aan het kijken en zag het kind de Donald Duck en 'overtuigde' zijn ouders om die voor hem te kopen. De Katrien's waren een verhaal apart. Deze werden door 3 totaal verschillende types gekocht. Eentje werd gekocht door een meisje van ongeveer 16 jaar, terwijl de doelgroep voor de Katrien aanzienlijk lager ligt (kinderen van 6 t/m 12). Een andere werd gekocht door een verstandelijk gehandicapt meisje die mij een heel verhaal vertelde dat ze een beste vriendin heeft en dat ze elkaar elke week een kadootje geven (of iets dergelijks). De derde werd gekocht door een schattig jongetje die een kadootje moest hebben voor zijn jarige zus van 12. Wat mij opviel was dat de bladen nauwelijks werden bekeken voordat ze gekocht werden. De Donald Duck Weekblad werd zelfs helemaal niet ingekeken, maar alleen naar het nummer gekeken. De Extra's en de Junior's die op impuls werden gekocht werden zeer vluchtig door gebladerd. De Pockets zitten in folie, dus die kunnen niet worden doorgekeken. De Katrien's waren de enige die werden doorgekeken, ik denk omdat dit blad minder bekend is. Een andere opmerkelijkheid vond ik dat geen volwassen de Donald Duck voor hunzelf kochten. Maar wij hebben geleerd met doorvragen dat het vaak de kinderen zijn die de strip aanschaffen en dat de ouders de strip thuis ook lezen. Observatie in de bibliotheek Dok in Delft:

Donderdagochtend 8 april 2010 Leuk om te vermelden is dat deze openbare bibliotheek in Delft (stichting Dok) in december 2009 door het vakblad Bibliotheekblad is uitgeroepen de beste bibliotheek van Nederland.

25 van 38


Als ik de bibliotheek binnenkom ga ik eerst op zoek naar de stripboeken. De Donald Duck en andere tijdschriften vind ik in de afdeling Jeugd. Als ik navraag doe, ontdek ik dat de echte stripboeken in een aparte hang/leeshoek voor kinderen staan. Het is een mooie leeshoek in de hoek van het gebouw, er staan bankjes met kussens. Deze worden omringd met bakken vol stripboeken. Ook bij de romans in de afdeling voor volwassenen staan echter stripboeken. Als ik de bibliotheekmedewerkster vraag wat het verschil is tussen de stripboeken voor volwassenen en die voor kinderen, weet zij hier geen antwoord op. Het enige publiek wat ik zie in de jeugdafdeling is wat moeders met kleine kinderen en een paar scholieren. Een van de moeders verteld dat ze hier komt voor de ontspanning. Haar tweejarige peuter is aan het kleuren. Kleurplaten en kleurpotloden liggen klaar op de tafels. De moeder is zwanger van haar tweede kind en vindt het heerlijk dat ze even lekker kan blijven zitten, terwijl haar peuter zich vermaakt met kleuren, spelen en boeken kijken. Sommige moeders zijn hun kind aan het voorlezen uit grote kinderboeken met mooie platen. Zes meiden, scholieren, zijn bezig voor een schoolopdracht. Zowel in de jeugdafdeling als bij de volwassenen is niemand uit stripboeken aan het lezen. Later ga ik in het leeslandschap zitten tussen vele andere mensen. Studenten zijn daar huiswerk aan het maken en andere mensen lezen er de krant of een tijdschrift. In een paar fauteuils zitten een paar oudere dames ontspannen een boek te lezen. Er hangt een rustige sfeer. Heel zacht staat ergens een muziekje aan. De materialen die de mensen bij zich hebben zijn: pen, papier, jas, tas, shawl, koffie (kun je halen), mobieltje, ipod, rekenmachine. De meeste mensen die aan de tafels zitten, lezen hetgeen zij aan het lezen zijn, niet helemaal van voor naar achter. De dames die met een boek in de fauteuils zitten, lijken wel het boek helemaal te lezen. Ik zie hen niet door de boeken heen bladeren. Een man leest een tijdschrift. Hij leest alleen wat hij interessant vindt. Als hij leest, ondersteunt hij met zijn ene hand zijn hoofd, terwijl hij op de tafel leunt. Met zijn andere hand, houdt hij steeds de volgende bladzijde vast, klaar om om te slaan. Hij is ongeveer 1,5 minuut aan het lezen, voordat hij de bladzijde omslaat. Als hij doorbladert, kijkt hij steeds vluchtig naar de bladzijde. Als hij iets tegenkomt wat hij interessant genoeg vindt, blijft hij op die pagina om het artikel beter te lezen. Als hij op de een na laatste pagina is, staat hij op. Hij doet zijn jas aan en schuift zijn stoel aan. Vervolgens slaat hij het blad dicht en brengt het terug naar het wandrek met tijdschriften. Dan loopt hij naar de uitgang. Het is bijna tijd voor de lunch.

Net als ik bijna weg wil gaan, komt er een groepje kinderen binnen van een jaar of 8. Ik denk dat deze kinderen regelrecht uit school komen. Daar moeten ze vanmiddag weer naartoe. Ze rennen naar de jeugdafdeling. Met een stuk of 3 stripboeken en tijdschriften rennen ze nog wat heen en weer en zoeken een leuk hangplekje in de bibliotheek. Het valt me op dat ze niet in de hangplek met stripboeken gaan zitten, die speciaal bedoeld is voor jeugd. Twee meisjes gaan naast elkaar op een zacht tapijt op de grond liggen. Twee andere meiden zitten daar vlakbij op een paar zachte, rode stoelen. Een jongentje leidt hen af met verhalen over dingen die hij gelezen heeft in een platenboek (soort encyclopedie met platen). Helaas ontbreekt mij de tijd om hen nog langer te observeren. Conclusie: - De bibliotheek heeft de strips zowel op de jeugdafdeling als op de volwassenenafdeling staan. - Kinderen lezen in allerlei houdingen op de gekste plekken en laten zich snel afleiden. - Mensen hebben onderweg allerlei spullen bij zich. - Onder schooltijd hebben kinderen geen tijd om strips te lezen. - Mensen houden de volgende bladzijde vaak vast, klaar om de bladzijde om te slaan.

26 van 38


Observatie in de bus van Rotterdam naar Ouddorp: Tijdens de busrit van Rotterdam naar Ouddorp komt er een meisje in de bus die een aantal Donald Ducks bij zich heeft en erin gaat lezen, dat was voor mij een goede gelegenheid om het meisje uitgebreid te gaan observeren. Het meisje is ongeveer 19 jaar, het is een gewoon meisje, geen bijzonderheden. Ze begon gelijk met lezen toen ze in de bus was. Ze begon bij de allereerste pagina en keek niet naar de voorkant. Ze leest erg snel, een halve minuut per bladzijde ongeveer, of nog korter, ze kijkt niet aandachtig naar de plaatjes. Daarom heeft ze het blad snel uitgelezen en begint ze een volgende Donald Duck te lezen. Ze leest alles, ook de moppen, die duren wat langer, want op die pagina staat veel tekst. Ze zit heel de tijd in dezelfde houding. Haar hand houd steeds, nadat ze ongeveer de helft van de pagina gelezen heeft, de volgende bladzijde alvast vast, zodat ze hem direct om kan slaan als ze de pagina gelezen heeft. Haar gezichtsuitdrukking blijft hetzelfde, af en toe veegt ze met haar hand haar haar weg uit haar gezicht. Ze vouwt ook elke keer de pagina dubbel, ze heeft dus elke keer het overzicht over 1 pagina. Ook de tekeningen die kinderen naar de Donald Duck hebben gestuurd, bekijkt ze heel nauwkeurig, ze trekt het blad dichter naar haar gezicht, zodat ze het nog beter kan zien. Voordat ze met een nieuw verhaal in de Donald Duck begint, kijkt ze niet eerst hoelang een verhaal duurt. Ze begint gewoon aan een verhaal en die leest ze uit. Het lijkt alsof ze het blad al eerder heeft gelezen, dat het gewoon voor haar is geworden om de DD te lezen. Ze probeert ook het raadsel op te lossen uit de rubriek ‘mickey Mouse lost het op’ ook hier trekt ze het blad dichter naar haar hoofd, zodat ze het nog beter kan lezen. Dit zie ik haar vaker doen. Ook bij de tweede Donald Duck bekijkt ze niet de voorkant van het blad, ook bij de berichten van de mensen voorin blijft ze niet lang kijken. Ze gaat gelijk door naar de strips. Ze houd het blad met twee handen vast. Op een gegeven moment is ze uit haar concentratie en haalt haar staart er uit en doet haar haar in een knot, het zat steeds voor haar ogen, omdat ze de Donald Duck leest in een gebogen houding met haar hoofd. Ook leest ze snel de advertentie die in het blad staat! De advertentie was voor de donald duck zelf. Even later komt ze weer bij een advertentie, deze keer bekijkt ze hem niet, het was een advertentie voor de Turtels. Ze krabt aan haar hand en weer heeft ze er één uit en pakt opnieuw een Donald Duck! Ze heeft er drie bij zich! Het zijn wat oude exemplaren dus. Bijna elke keer als ze een pagina omslaat, kijkt ze even naar voren, misschien om te kijken hoe ver we al zijn met de bus. Na 2,5 donald duck is ze het zat, ze stopt bij een nieuw verhaal. Ze doet de ducks weer in haar tas en ik hoor een diepe zucht. Na verloop van tijd doet ze haar ogen dicht, ze is vast moe. Conclusie: Ook tijdens het reizen worden strips dus gelezen. Daarnaast verbaasde het me dat ze zo ongelooflijk snel las. Een leuk detail vond ik het feit dat als ze iets duidelijker wilde zien, of echt is met aandacht wilde lezen, dat ze het blad naar zich toe trok, zodat ze het nog beter las. Dit doelt dat er een inzoomfunctie moet worden gebruikt. En ze keek vrijwel niet naar advertenties.

4.3.3 Conclusie Contextual inquiry De observaties zijn niet helemaal gelopen, zoals we in eerste instantie in gedachten hadden. We kwamen er bijvoorbeeld achter dat het niet rendabel zou zijn als we alleen naar de Donald Duck zouden kijken. Daarom besloten we ook lezers van andere strips te observeren, zodat we meer resultaat zouden boeken. Opmerkelijke details uit de observatie die we met de focusgroep kunnen bespreken en later in het ontwerp kunnen verwerken. x De gebruiker zit al klaar met zijn hand om de bladzijde om te slaan In het e-zine moet een functionaliteit komen die de gebruiker makkelijk naar de volgende pagina kan laten gaan. x De gebruiker zit in allerlei houdingen om de strips te lezen x Gebruikers hebben verschillende leessnelheden

27 van 38


x Als de gebruikers iets aandachtig bekeken, trokken ze het blad dichter naar zich toe Het is dus duidelijk dat er een zoomfunctie moet komen, maar op welke manier zou die moeten werken? x Over het algemeen kopen/lenen alleen kinderen strips, maar lezen de ouders de strips thuis Dit betekent dat we het e-zine voor jong en oud aantrekkelijk moeten maken. x Mensen zoeken gericht naar strips die ze nog niet hebben gelezen Uit het onderzoek kwam ook naar voren dat sommige mensen echte verzamelaars zijn en wachten daarom met spanning op het volgende stripalbum. In de focusgroep gaan we daarom ook aandacht besteden hoe we dit gegeven mee kunnen nemen in het e-zine. x Het onthouden van de bladzijde waar men gebleven was. Tijdens de observatie kwam het geregeld voor dat mensen op de bladzijde moesten opzoeken waar ze gebleven waren, of ze hadden gewoon een bladwijzer in hun boek. Of een bladwijzer interessant is in de e-zine zullen we bespreken in de focusgroep.

4.4 FOCUSGROEP Een focus group is een groep van meestal 6 tot 12 mensen, die geleid worden door een discussieleider. In de focus group wordt een bepaald onderwerp bediscussieerd. De deelnemers kunnen bijvoorbeeld klanten, gebruikers of experts zijn. Een focus group is meer dan een groepsinterview. Het draait niet alleen om de interactie tussen de discussieleider en de deelnemers, maar vooral ook om de interactie tussen de deelnemers onderling. De deelnemers kunnen elkaar stimuleren en op elkaar reageren in de discussie. Door deze discussie kan een focus group met acht deelnemers veel rijkere informatie opleveren dan acht afzonderlijke interviews. Een focus group is daarmee zeer waardevol om te ontdekken wat de wensen en behoeften zijn. We hadden bedacht om meerdere focusgroepen te organiseren, waar we verschillende dingen te weten wilde komen. Naast twee focusgroepen waar we ons meer wilden richten op functionaliteiten, hebben we nog een focusgroep gedaan met experts die veel ervaring hebben met het gebruik van touchtelefoons. Allereerst hadden we het idee om schetsontwerpen voor te leggen aan de focusgroepen, zodat we daar feedback op zouden ontvangen. Dit hebben we veranderd door alles nog blanco te houden. We wilden er juist achter komen wat belangrijk voor hun zou zijn als de applicatie echt gerealiseerd gaat worden en waar op gelet moet worden in het ontwerp. Aan de hand van deze gedachte hebben we een hoofdvraag bedacht, die door middel van de deelvragen beantwoord moet worden. Hoofdvraag: - Aan welke functionaliteiten in een e-zine hebben lezers van de Donald Duck behoefte? Deelvragen: - Wat voor een soort strip e-zine ziet de gebruiker het liefst? - Hoe moet de weergave worden van het strip e-zine? - Wanneer zouden mensen voor het e-zine willen betalen? - Bestaan er al e-zines voor mobile? - Op welke handheld kan een e-zine getoond worden? - Welke patterns kunnen we inzetten in een e-zine voor mobiel?

28 van 38


4.4.2 Focusgroep marketing / functionaliteit (Marian)

Zaterdag 10 april 2010 De focusgroep bestond uit drie jongeren tussen de 14 en 22 jaar. Allemaal lezen zij regelmatig stripverhalen. Soms kopen zij strippocketboekjes om mee te nemen op vakantie. Verder lezen zij vaak thuis Donald Ducks die ze weer gekregen hebben van anderen. Prijs en aanschaf Een van de jongens, die een vaste baan heeft, zou wel bereid zijn om een klein bedrag te betalen om stripverhalen op zijn mobieltje te lezen. Hij zou dit het liefst doen in de vorm van credits (hoe meer credits je tegelijk aanschaft, hoe goedkoper). Deze credits wil hij dan besteden op het moment dat het hem uitkomt. Hij vindt dit praktisch omdat hij de ene keer veel meer tijd heeft om te lezen dan de andere keer. De andere twee (scholieren) zouden het liefst niets betalen. Ze vinden het niet erg, als ze te maken krijgen met reclame. De jongens zouden geen gebruik willen maken van een wekelijks abonnement. Productkeuze Hij wil echter voor dat hij tot aanschaf over gaat, heel precies weten wat hij krijgt. Hij wil behalve het soort strip, ook nog kunnen kiezen wat voor soort verhaal het is. (Bijvoorbeeld als het over de Donald Duck gaat, wil hij geen verhalen lezen over Aladin, want dat vindt hij niet leuk; maar wel over Dagobert Duck.) Eenvoud en functionaliteit Alle jongens vinden dat de applicatie eenvoudig en toegankelijk moet zijn. Meer ingewikkelde functionaliteiten en toevoegingen moeten in een website verwerkt worden, die bij de applicatie hoort. Verder vinden ze het belangrijk dat je gemakkelijk kunt zien welke verhalen je al gelezen hebt en welke verhalen nog niet, door middel van een symbool bijvoorbeeld. Favorieten De functie dat je verhalen kunt toevoegen aan je favorieten, vinden zij niet praktisch. Verhalen lees je meestal toch maar een keer, zeggen zij. Waardering Wel zouden ze het leuk vinden om een waardering aan het verhaal te geven, door middel van sterren bijvoorbeeld. Een van de jongens denkt dat het commercieel niet handig is, als het mogelijk is de verhalen met je mobiel door te sturen naar een ander. De kracht van de mobiele stripverhalen-applicatie moet eenvoudigheid en helderheid zijn.

29 van 38


4.4.2 Focusgroep functionaliteit (Gerthilde)

Zaterdag 10 april 2010 De focusgroep bestond uit 3 jongeren: Twee jongens van 10 en 12 en een meisje van 16. Ook waren er 3 volwassen aanwezig in de leeftijd van 23, 50 en 51 jaar. Vooral de jongeren lezen regelmatig strips. De jongens lezen heel veel verschillende strips zoals Donald Duck, Asterix en Obelix, strips van lego, Kuifje, Disney verhalen en de smurfen. Bij het tienermeisje was vooral Tina, Noortje en Suus en Sas populair, maar ook zij kon verhalen van de Donald Duck wel waarderen. Bij de volwassenen waren het vooral de nostalgische strips/strips die er in hun jeugd al waren populair zoals Douwe Dabbert, Donald Duck, Bessie & Billie Turf, Jan Jans en de kinderen, Ollie B. Bommel en Guust de Flater. Ze vonden het jammer dat veel van de strips niet meer gepubliceerd worden, vooral Bessie en Billie Turf. De volwassenen waren wel blij dat de Donald Duck in al die jaren hetzelfde was gebleven. Ze noemden als voorbeeld Sjors en Sjimmie, dat waren vroeger hele leuke strips, maar die hebben ze heel erg modern gemaakt door ze stoere kleding te geven, dit vonden ze erg jammer. Eén van de mensen in de focusgroep haalde aan dat ze het fijn vond om allemaal korte verhalen te lezen, die toch met elkaar in verband staan. Dit is bijvoorbeeld bij Jan, Jans & de kinderen. De verhalen zijn allemaal 1 pagina lang, maar toch is het een doorlopend verhaal. Zo kan je beter stoppen wanneer je wilt. De applicatie Ik bracht het in de groep wat ze er van zouden vinden als het Donald Duck blad elke week op hun telefoon zou verschijnen. Dit leverde gelijk een lading kritiek op. De voornaamste reden was dat ze steeds zouden moeten schuiven op de pagina. Want je leest van links naar rechts, als je dan de volgende regel plaatje leest, moet je van rechts weer naar links schuiven op het scherm. Dit leek hun erg onhandig. Daarnaast hebben ze toch liever de papieren versie van de Donald Duck, omdat er ook veel gezoomd moet worden als de pagina's van het blad op een telefoon zouden verschijnen. Het leek hun handiger om de strip doorlopend te maken door een lange rij plaatjes achter elkaar te zetten, zodat ze alleen maar op volgende hoeven de drukken en eventueel in te zoomen op het plaatje. Je zou natuurlijk ook kunnen kiezen tussen verschillende weergaven, zodat je het naar iedereen zijn zin kan maken. Ook willen zij liever zo veel mogelijk verschillende strips in de applicatie zien, dus niet alleen van 1 stripfiguur, maar van meedere. Volgens de focusgroep bleef het dan leuk en ben je steeds geneigd om weer andere strips te gaan lezen en zo zou de gelegenheid weer komen om al die nostaligische strips weer te lezen. Weergave van de strip Bij de vraag of ze wilden zien of ze bepaalde strips al gelezen hadden, kwamen er een aantal goede ideeën naar voren. Allereerst dat het handig zou zijn als de strips een nummer krijgen, zodat je weet welke je al gelezen hebt en welke niet, dit kan versterkt worden door een vinkje bij de strips die al gelezen zijn, zo raak je niet in verwarring. Alle gelezen strips zouden ergens zichtbaar moeten zijn, op

30 van 38


volgorde gezet bij nummer en de soort strip, zo kan je strips die je al gelezen hebt, nog een keer kan lezen. Favorieten In de focusgroep was iedereen het er mee eens dat ze favorieten aan willen maken en dat ze ook hier weer zelf mappen kunnen maken om ze te rangschikken naar elk stripfiguur. De oudste in de focusgroep gaven aan dat ze graag zien dat als er nieuwe strips is toegevoegd van hun lievelingsfiguur, dat ze hier bericht van krijgen, zodat ze dan gelijk de allernieuwste kunnen lezen. Waardering van de strips De mensen in de focusgroep hadden geen behoefte om reacties van anderen te lezen, wel vonden ze het handig als de strips een bepaalde waarde zouden bevatten. Dus dat de strips die heel leuk zijn een betere waardering krijgen dan de strips die minder leuk zijn. Een idee van hen was om de strips die vaak worden gelezen ook beter te waarderen of dat iedereen de strip een cijfer kan geven en dat het gemiddelde cijfer zichtbaar is bij de strip, dit kan dan gevisualiseerd worden door een waardering met sterren. Bladwijzer Het kan zijn dat je tijdens het lezen van de strips wilt stoppen om op een andere keer verder te lezen. Dan is het wel handig als de strip bewaard blijft. In de focusgroep kwam naar voren dat het maken van eigen mapjes wel handig zou zijn. Dat je dus zelf bepaald waar de strip in wordt opgeslagen, zodat niet alle bladwijzers door elkaar raken. Zoomfunctie Een zoomfunctie vonden ze erg belangrijk. In de strips van Asterix en Obelix zitten vaak erg veel detail die goed bekeken moeten worden. Zoekfunctie Hier hadden de volwassenen als eerste een mening over. Ze vonden de manier van google erg fijn werken, dat je suggesties krijgt, als je een naam/term verkeerd hebt gespeld. De jongeren in de discussiegroep vonden het wel makkelijk als je bij de titels die je krijgt, als je zoekt op bijvoorbeeld Noortje, ook een plaatje komt te staan. Zo weet je gelijk met welke strip je te maken hebt. Extra functionaliteiten Natuurlijk kwamen ook de extra functionaliteiten aan bod. De jongen van 12 had hier zo zijn ideeën over. Hij zou graag zichzelf in een strip zetten en zo meespelen in een strip van Donald Duck en zelf de teksten in kan spreken. De jongen van 10 dacht meer aan kleine bewegende beelden in de strip, dat bijvoorbeeld steeds de hand en mond van kuifje beweegt (zoals weleens in een gifbestand het geval is) Abonnement of niet Ik vroeg aan de groep wanneer ze bereid zouden zijn voor de applicatie te betalen. De jongste drie hebben nog weinig geld, maar ze dachten dat als alle functionaliteiten er in zouden zitten, ze het wel erg graag zouden willen hebben. De oudste van de focusgroep vonden de gebruiksvriendelijkheid ook erg belangrijk, alles moet goed te vinden zijn en vooral goed leesbaar. Daarnaast mogen er geen 'kleine lettertjes' bij het abonnement zitten, want vaak zit er bij een abonnement een addertje onder het gras. De moeder van de kinderen was het er over eens dat het toegankelijk moet zijn voor het hele gezin, als een soort leesmap, zodat iedereen er van profiteert en niet één persoon in een gezin. Dan kan je erover meepraten met z’n allen.

31 van 38


Conclusie die slaat op het ontwerp: Uit de discussiegroep kwam naar voren dat ze de tijdschriften op zichzelf niet op hun telefoon wilde hebben. Ze wilden het blad liever nog gewoon over de post ontvangen en in hun handen houden. De vraag ging meer uit naar allerlei korte verhalen, die achter elkaar worden gezet, zodat ze goed te lezen zijn. Ook moet er een zoekfunctie bij worden gezet.

32 van 38


4.4.3 Expert-focusgroep usability (Tim) Vrijdag 9 april 2010 Ik heb een focusgroep samengesteld uit mensen die bekend zijn met smartphones en de techniek daarvan. Mijn focusgroep bestond uit 8 mensen uit verschillende landen. het zijn collega’s van mij. Zes personen komen uit Spanje, ééntje komt uit Polen en nog één komt uit Duitsland. Ze zijn allemaal developers op 1 na, dat was de vriendin van een developer. Ze ontwikkelen voor verschillende besturingssystemen, slechts 2 voor de iPhone. Aangezien ze dagelijks met mobiele telefoons bezig zijn, is deze focusgroep zeer representatief voor het gebruik van de applicatie en hoe deze eruit ziet. Ik heb verschillende applicaties met dezelfde insteek op een aantal iPhones geïnstalleerd om de positieve en negatieve kanten van de gebruikservaring naar boven te halen. Daarnaast hebben we ook nog gekeken naar de iPad. De applicaties die ik heb geïnstalleerd zijn: x

Classics (http://itunes.apple.com/nl/app/classics/id294773236?mt=8)

x

3D Bookshelve (http://itunes.apple.com/nl/app/3d-bookshelf-classic-literature/id352342690?mt=8)

x

Sherlock Holmes Collection (http://itunes.apple.com/nl/app/sherlock-holmes-collection/id320945713?mt=8)

x

Marval Comics (http://itunes.apple.com/nl/app/marvel-comics/id350027738?mt=8)

x

The Cat in the Hat (http://itunes.apple.com/nl/app/the-cat-in-the-hat-dr-seuss/id353473931?mt=8)

x

Bookshelf (http://itunes.apple.com/nl/app/bookshelf/id284934036?mt=8)

x

Comics (http://itunes.apple.com/nl/app/comics/id303491945?mt=8)

x

iBooks (staat standaard op de iPad)

Algemene indruk Sommige applicaties vielen meteen in de smaak, anderen duurde even en weer andere werkte gewoon niet lekker. De touch-flow is hetgeen wat het meest bepalend is voor de algemene indruk. De manier om door de verhalen heen te bladeren is in de meeste applicaties hetzelfde, je flipt de pagina’s. Dit werkt erg goed en lokt uit om te gaan lezen. Een andere manier is om erdoorheen te bladeren is door de afbeeldingen heen te gaan. Dit houdt in de afbeeldingen simpel van links naar rechts gaan. Dit werkt goed voor stripverhalen, maar niet voor boeken. Interface Het eerste wat ze zagen was de interface, wat meteen de eerste indruk van de applicatie geeft. De applicaties waarbij de boeken in een boekenkast stonden, spraken de meeste erg aan. Je krijgt er het gevoel van dat je echt door een soort bibliotheek loopt. Deze interface is echt clean en slick, als deze goed in uitgevoerd. Dat is meteen het nadeel van bijvoorbeeld Marval Comics. De applicatie is erg goed als vergelijking voor ons aangezien in de applicatie je stripboeken kunt lezen. Het lezen zelf is erg goed geïmplementeerd, maar het overzicht in een rommel, wat niet uitnodigd om te gaan lezen. Cat in the Hat is weer een ander verhaal. Deze aplicatie laat de afbeeldingen zien alsof de applicatie het stripboek is. Dit klinkt erg aanemelijk, maar het werkte toch niet. Dit is best een interasnte ontdekking. Er zijn 2 manier: Een boek een boek laten en die weergeven om een telefoon, of het boek opzetten zodat de applicatie het boek wordt. Dit laatste lijkt het meest logische maar dat is dus niet wat de focusgroep wou zien. De beleving van een boek moet centraal blijven staan. Touch-flow De manier van bladeren door een applicatie met boeken is zeer bepalend voor de beleving van de applicatie. Zoals al eerder aangehaald is het bladeren-effect erg fancy en nodigt uit tot lezen. Het van foto naar foto gaan werkt ook, maar ziet er minder aantrekkelijk uit. Het bladeren is een absolute winnaar.

33 van 38


Maar dat is voor boeken, niet voor stripboeken. Ik heb de focusgroep gevraagd of dit ook zal werken voor een stripboek. Het antwoord luidt nee. De tekst van een boek kan je aanpassen aan het formaat van een mobiel, dus het blijft dan een boek, maar gewoon met meerdere pagina’s. Dit kan ook voor een stripboek, maar de flow ontbreekt dan. De gebruiker gaat dan van plaatje naar plaatje in plaatst van bladzijde naar bladzijde zoals in een boek. Een suggestie van een lid van de focusgroep sprak iedereen erg aan. Om de flow erin te houden zou het handig zijn om in plaatst van links naar rechts te gaan, van boven naar beneden door het verhaal heen te gaan. Zodra er dan sprake is van een soort scene-switch zou een nieuwe pagina kunnen worden geopend. Overzicht Met zoveel pagina’s is het overzicht erg belangrijk. Niet alle applicaties hadden een inhoudsogave. De applicaties die dat wel hadden werden meer gewaardeerd. Een lastig onderdeel is het verschil om terug te gaan naar overzicht van het boek en het terug gaan naar het overzicht van alle boeken. In 3D bookshelve ga je niet terug naar de inhoudsopgave maar naar alle boeken. Dit moet voorkomen worden. Aanschaffen Op een gegeven moment heb je alle boeken gelezen en wil je wat nieuws. Dit was bij elke applicatie verschillend. De focusgroep vond iBooks van de iPad het beste. Als je daar een boek wilt aanschaffen draait de kast om en kom je in de iTunes Store terecht. Dit is inderdaad zeer goed geïmplementeerd, maar dan moet je wel over een store beschikken zoals Apple dat heeft. Andere applicaties werken op ongeveer dezelfde manier: je klikt op een icoontje om naar een soort winkel te gaan, daar staat een overzicht van alle boeken die de applicatie ondersteunt. Deze kan je aanschaffen met in-app purchases. Deze functionaliteit werkt erg goed en stabiel.

34 van 38


5.4 CONCLUSIES EN ONTWERPKEUZES Antwoord op de hoofd- en deelvragen Door de focusgroep kunnen we antwoord geven op de hoofdvraag die we voor ogen hadden gesteld. Namelijk: 'Aan welke functionaliteiten in een e-zine hebben lezers van de Donald Duck behoefte?' Deze uitkomsten kunnen we weer koppelen aan het e-zine ontwerp. Door de focusgroep hebben we een beter beeld van hoe de weergave moet worden van het e-zine. Allereerst kwam uit de derde focusgroep naar voren dat de beste handheld een touch-screen moet zijn. Met een touch-screen zou volgens de focusgroep de strip-beleving meer intact worden gehouden. Goede voorbeelden van touchtoestellen zijn: iPhone, iPad, ,alle Androidtoestellen, de meeste Windows Mobile toestellen en sommige J2ME toestellen. Volgens de eerste en tweede focusgroep is het beter om allerlei verschillende strips in de applicatie te stoppen en niet alleen de Donald Duck, zodat er lekker veel keuze is aan strips. Hierdoor zal de doelgroep ook breder worden, wat zal leiden tot meer gebruikers van het e-zine. Daarnaast vonden ze het niet handig als de stripbladen die uitkomen op de telefoon worden weergegeven. Het probleem daarbij is namelijk dat je van links naar rechts moet lezen, dit zou op een telefoon erg onhandig zijn. Het zou beter zijn als er steeds één frame van de strip te zien is en dat de gebruiker steeds door middel van een knop of met een beweging naar links en rechts met de vinger op een touchtelefoon, om naar het volgende of vorige plaatje te gaan. Hierbij zou het praktisch zijn als de strip in meerdere views bekeken kan worden, zodat de gebruiker nog makkelijker terug kan gaan naar eerdere plaatjes. Uit de gesprekken kwam ook naar voren dat het handig zou zijn als de strips genummerd worden, zodat je precies weet waar je bent in een reeks van strips. Ook het aanmaken van favorieten kwam aan bod. De meningen van de eerste twee focusgroepen waren hierover verdeeld. Bij de ene groep kwam naar voren dat ze de strips na één keer lezen toch niet nog eens lezen, terwijl de andere groep favorieten toevoegen juist wel praktisch vond. Nu moeten we kijken wat voor het ontwerp het meest praktisch is om te doen. Het leek ons het beste om de functie om favorieten toe te voegen niet meer in het e-zine te verwerken. Het is veel leuker om nieuwe strips te lezen, mits er veel nieuwe strips uitkomen. Het leek ons daarom beter om notificaties te verzenden als er van een favoriete strip weer een nieuwe beschikbaar is. Zo blijven ze altijd up to date en missen ze nooit een nieuwe strip. Het afvinken van strips als ze gelezen zijn, is ook een functie die welkom is. Op deze manier kunnen mensen ook de strips makkelijker terugvinden die ze al gelezen hebben. Het komt vaak voor dat mensen midden in een verhaal stoppen met lezen. Vooral als je een strip aan het lezen bent op een telefoon zal het lastig worden en tijdrovend zijn om het juiste frame terug te vinden. Om dit probleem op te lossen zullen we werken met bladwijzers, zo kan de gebruiker weer makkelijk teruggaan naar het frame waar hij gebleven was. Natuurlijk zou zo'n mooie applicatie niet kosteloos kunnen zijn. Maar het idee was om abonnementen te verstrekken op de website en niet op het e-zine. Zo kan de gebruiker zelf kiezen tussen de verschillende abonnementen die op een telefoon kan worden gezet. Op de website: eerste drie plaatjes van de strip, de rest abonnement, kunnen bepalen wat ze willen. - een bepaald bedrag voor de hoeveelheid verschillende strips, hoe meer je kocht, hoe goedkoper het wordt. - of reclame en dan gratis. In de tweede focusgroep kwamen veel leuke ideeën naar voren over allerlei extra functionaliteiten, zoals het zelf meedoen in een strip doormiddel van een plaatje of gif bestand, dat de frames allemaal kleine herhalende bewegingen in zich hebben (gifbestand) Mensen uit de eerste focusgroep dachten dat het beter was om extra's op een website te plaatsen. Hier zijn we het mee eens. Less is more en daar moeten we ons aan houden.

35 van 38


5.5 UITWERKING ONTWERP

Dit laatste ontwerp wilden we niet uitvoeren, omdat uit het onderzoek is gebleken dat het beter is om de applicatie te richten op losse verhalen en niet op hele nummers.

36 van 38


BIJLAGE 01 - OPDRACHT 01 INDIVIDUEEL

37 van 38


Gerthilde Mastenbroek - Deel 1: Mijn stage Ik heb stage gelopen bij A New Spring. Een bedrijf dat een platform (Memotrainer) heeft gemaakt, waar klanten, zoals Scheiddegger opleidingen, hun lesmateriaal in kunnen zetten. Mijn taak was om Memotrainer gebruiksvriendelijker te gaan maken voor de cursist. Dit heb ik gedaan doormiddel van onderzoek, interaction- en visual interface design. Deze taken voerde ik over het algemeen alleen uit, maar ik heb wel vaak met de programmeur aan de tafel gezeten om met hem de mogelijkheden van de ontwerpen te bespreken. Voordat ik met de stage begon, lag mijn passie niet bij visual interface design. Toch heb ik mij hiermee bezig gehouden en ik ben het steeds leuker gaan vinden. Ik wil graag nog beter worden in VID, maar mijn passie gaat nog steeds uit naar IAD. Ik hoop dat ik tijdens de minor mij zowel met IAD als met VID kan bezig houden, want oefening baart kunst. Ik verwacht dat user experience design heel erg voortborduurt op de stof die we vorig jaar bij het CMD hebben gehad. Dit vind ik niet erg, omdat je zo nog veel meer leert over ontwerpen. Ook denk ik dat er opdrachten worden opgegeven in groepsverband, waarbij er drie verschillende ontwerpers in een groep zullen zitten. Ik hoop dat er tijdens de lessen voorbeelden worden gegeven van beroemde designers/architecten. Deze mensen kunnen een bron van inspiratie zijn voor je eigen ontwerpen en het is sowieso interessant om te weten wat er speelt vandaag de dag, zodat je trends kan gaan herkennen. Tijdens mijn stage heb ik al veel competenties gehaald op niveau drie, vooral op het gebied van interaction design. Tijdens de minor wil ik me gaan focussen op competenties die ik nog aan moet scherpen. Leerdoel 1 (competentie op niveau 3 op het gebied van IAD) Informatie en functionaliteit ordenen en structureren op een manier die aansluit bij het perspectief van de gebruikers. Dit wil ik doen, door rekening te leren houden met veranderende randvoorwaarden in het ontwerp, zoals het uitbreiden van content door gebruiker en opdrachtgever. Leerdoel 2 (competentie op niveau 3+ op het gebied van IAD) Informatie en functionaliteit ordenen en structureren op een manier die aansluit bij het perspectief van de gebruikers. Dit wil ik doen, door oplossingen te ontwerpen voor een gebruikersgroep met een veranderende behoefte of doelstellingen. Leerdoel 3 (competentie op niveau 3 op het gebied van VID) Het creëren van een merkstijl voor interactieve producten met een visuele taal (waaronder typografie) die aansluit bij een bepaalde merkstrategie en –implementatie van de opdrachtgever en bij de gebruiksdoelen van de gebruiker. Dit wil ik doen door visualisaties van derden te ontleden en vertalen naar de vervolgstappen in het ontwerpproces.

1 van 1

Gerthilde Mastenbroek – Mijn UXD minor experience

Tim Poot - Deel 1: Mijn stage Ik heb stage gelopen bij M2Mobi Amsterdam. Dit bedrijf maakt mobile application voor alle platformen. Tijdens mijn stage heb ik voornamelijk interfaces ontworpen. Ik begon met het ontwerpen van icoontjes, buttons en andere elementen van de interface, later ben ik grafisch aan de slag gegaan met websites, splashscreens en graphics voor presentaties om uiteindelijk uit te komen bij het ontwerpen van een complete applicatie. Dit ontwerp werd dan ter goedkeuring gelegd bij de klant, dus het was belangrijk dat het er allemaal goed uitkwam en de kwaliteit hoog lag.

Tijdens mijn stage heb ik vrij specifiek gespecialiseerd: User Interface Design for Mobile Applications. Ik zou dit vak graag nog beter verstaan.

Ik verwacht dat er tijdens de minor ruimte is om hier specifiek om in te gaan. Ook zou ik graag zoveel mogelijk voorbeelden ter inspiratie willen zien en hoe deze in de praktijk worden toegepast.

Ook zou ik graag verder willen gaan met moderne media. En dan bedoel ik niet het internet (ik zie dat niet meer als moderne media), maar juist nog een stapje verder. Ik zou graag willen ontwerpen voor smartphones, touch-screens of misschien zelfs wel voor Microsoft Surface (touch-table)

Leerdoelen: * Het web loslaten. Vaak lijken native applications die ik ontwerp nog steeds een verkleinde website, dit wil ik graag voorkomen. * Out of the box denken. Voor bepaalde designs zijn richtlijnen opgesteld. Ik zou graag leren deze te interpreteren en hier vervolgens iets unieks mee doen in plaatst van de richtlijnen op te volgen.

1 van 1

Tim Poot – Mijn UXD minor experience

Marian van der Kruijt - 1. MIJN STAGE Mijn stagebedrijf en mijn taken Mijn stagebedrijf heet CARENZA. De vestigingsplaats is in de Schiecentrale in Rotterdam. CARENZA is een reclamebureau voor online en offline media. Zij ontwerpen en realiseren alle mogelijke bedrijfsuitingen, die bijdragen aan het imago van een bedrijf of organisatie. Je kunt hierbij denken aan huisstijlen, websites (met cms), klantensystemen, brochures, etc. Zij werken samen met partners, zoals een drukker, een copywriter, een fotograaf en een technische club die de servers beheert. Mijn taak bij CARENZA was het vormgeven van websites, huisstijlen en drukwerk. Ook bouwde ik af en toe een website in html en css aan de hand van een (door mijn collega) aangeleverd ontwerp. Verder hield ik mij bezig met de planning, conceptontwikkeling en nog allerlei andere dingen. User Experience Design Als een product (website of klantenadministratiesysteem) door de programmeur ontwikkeld was, controleerden ik vaak samen met mijn collega (die voornamelijk ontwerpt) het product. We maakten een lijst met verbeteringen, die de programmeur vervolgens nog moest doorvoeren. De meeste aandacht voor User Experience Design was er tijdens de conceptontwikkeling. Tijdens brainstorms bedachten wij hoe de ervaring van de gebruiker zou zijn, als we bijvoorbeeld meerdere media tegelijk in een project zouden inzetten (voornamelijk print en web). Verder heb ik een aantal keer een wireframe gemaakt, maar bij mijn stagebedrijf waren ze daar niet aan gewend. Ook maakte ik het functioneel ontwerp voor een website. Deze werd dan in de bespreking met de klant erbij gehouden als ondersteuning bij het gesprek over de inhoud en structuur van de website. Bij de meeste projecten werkte ik samen met een programmeur en een designer. Bij mijn stage heb ik geleerd, dat hoe meer geld een opdrachtgever heeft, hoe meer ruimte er is voor testen en terugkoppelingen. Kleinere ondernemers kennen vaak hun doelgroep zo goed, dat ze beter kunnen inschatten, wat er geschikt is voor hen.

2. MIJN PERSOONLIJKE VOORKEUREN Het testen van producten vind ik erg interessant. Samen met de mensen uit de doelgroep aan tafel zitten en van hen horen, hoe zij tegen het product aankijken. Dit is iets wat ik bij mijn stage niet heb gedaan, maar ik vind het erg leuk. Ik heb ook veel interesse voor ‘digitale handleidingen en lesmethodes (in het onderwijs of in musea)’. Mijn overtuiging is dat leren veel leuker (een experience) wordt, als dat op allerlei manieren digitaal ondersteund wordt. Ontwerpen vind ik erg leuk, maar ik vermoed dat mijn toekomst wel eens zou kunnen liggen in gebieden die daaraan gerelateerd zijn. Op het gebied van usability, experience en datavisualisatie zou ik graag meer willen leren. Ik verwacht dat we bij deze Minor leren een goede designer te worden. Ik hoop dat we ook op het gebied van interaction en usability dingen gaan leren. Onderwerpen die ter sprake moeten komen: IAD-document, gebruikstesten, Research naar design; hoe kun je jezelf profileren en presenteren; op welke markt is er interesse naar mensen met deze vaardigheden?

3. LEERDOELEN Een volledige en kwalitatief goed IAD-document maken (usability, wireframes, etc.) Datavisualisatie Gebruikstesten

1 van 1

Marian van der Kruijt – Mijn UXD minor experience

BIJLAGE 02 - OPDRACHT 02 INDIVIDUEEL

38 van 38


USER EXPERIENCE HONINGRAADMODEL

Wat: Van wie: Door wie: Nummer:

0910Q3 Opdracht 2 Bas Leurs/Hans Kemp Gerthilde Mastenbroek 0795655

Inhoud Inhoud ......................................................................................................................................2 1 USER EXPERIENCES..........................................................................................................3 1.1 Alfa Romeo 159 ..............................................................................................................3 1.2 Fashism ..........................................................................................................................5 1.3 Tibu.................................................................................................................................8 2 VISUALISATIESAMENVATTING 3 VERBETERPUNTEN................................................10 3 VERBETERPUNTEN ..........................................................................................................11 3.1 Alfa Romeo 159 ............................................................................................................11 3.2 Fashism ........................................................................................................................12 3.3 Tibu...............................................................................................................................13

2

1 USER EXPERIENCES 1.1 Alfa Romeo 159 http://www.experience159.com

Zoals de link al zegt is deze website een beleving van de Alfa Romeo 159. Het laat zien wat deze auto in zijn mars heeft door middel van mooie beelden en bijpassende geluiden. Op alle vijf de auto’s kan geklikt worden en je krijgt bij elke auto een verschillend gevoel. Er is erg goed gezinspeeld op de verschillende termen: verschijning, plezier, veiligheid, exclusiviteit en realiteit.

Honingraatmodel Useful: 9 Het hoofddoel van de eigenaar van de site is, dat hij zijn product wil verkopen. Daarom zet hij het product zo mooi mogelijk neer. Usable: 6 De gebruiker krijgt van de site een beeld van de 159 doormiddel van een paar woorden en de beleving doormiddel van de filmpjes. Er is wel meer informatie te vinden, maar verder zit er weinig interactie in wat de beleving compleet zou maken.

3

Desirable: 9 Er is goed gebruik gemaakt van emotional design. Door gebruik te maken van special effects in het filmpje, geven ze de Alfa 159 een gevoel mee, dat de kijker zal verleiden. Findable: 8 Het doel van de site is om mensen te verleiden om de Alfa te kopen door beeld en geluid en is er verder geen informatie te vinden. Dit zorgt ervoor dat de navigatie niet moeilijk is, ook al is het in het Frans. Accessible: 7 De website is niet toegankelijk voor slechtziende mensen, dit komt natuurlijk ook omdat dit niet de doelgroep is van Alfa Romeo. Ze kunnen wel met de muziek meegenieten, maar voor de rest niet. Credible: 9 Door de muziek en de vormgeving, komt de Alfa 159 zo mooi naar voren, dat je gelijk zin hebt om er eentje aan te schaffen. Door de experience is er een geloofwaardige schets gemaakt van de Alfa. Valuable: 8 Mensen hechten waarde aan de website, omdat het er erg goed uitziet. Daarom zullen ze deze site doorsturen naar vrienden, die zullen dan weer geconfronteerd worden met het merk. En dat is wat de mensen bij Alfa Romeo willen. Ze willen niet in de vergetelheid raken en door zich met moderne middelen te positioneren, wordt het een sterk merk. Om het voor de slechtziende ook wat toegankelijker te maken, zouden er tijdens de muziek, meer moeten worden gepraat.

4

1.2 Fashism http://www.fashism.com Fashism.com is een mode community. Men kan foto’s van kleding, accessoires, make-up etc. uploaden, waar andere mensen feedback op kunnen geven. Dit kan op een aantal verschillend e manieren. Je kan bij een foto aangeven of je een look leuk vind of niet. Des te meer mensen het leuk vinden, des te hoger het percentage wordt. Bij het plaatje hieronder zie je dat deze look hoog scoort met 82%. Het is wetenschappelijk bewezen dat mensen veel waarde hechten aan de mening van anderen, dus dit meisje weet dat ze dit jurkje wel vaker aan kan doen.

5

H et is ook mogelijk om twee verschillende foto’s te uploaden, waarbij andere mensen kunnen zeggen welke look ze beter vinden, A of B , bij de foto hieronder gaat de meeste voorkeur uit naar look B.

Honingraatmodel Useful: 6 Het verdienmodel van de site is advertising. Ze hopen dat de website erg populair wordt, zodat er veel bedrijven hun advertentie op de site willen plaatsen. Usable: 8 Fashism is een mode community, waar mensen foto’s van zichzelf kunnen uploaden en waarbij anderen feedback kunnen geven op hun kleding, make-up en look. Desirable: 8 Het thema van de website is fashion en deze uitstraling zit door heel de website heen. Daar is rekening mee gehouden in de look and feel. Het ziet er best schattig uit allemaal. Findable: 7 De navigatie is makkelijk in gebruik. De site is heel beknopt gehouden, daarom was het mogelijk om de knoppen groot te maken. Je kunt bijvoorbeeld maar op 2 verschillende

6

manieren op kleding van andere mensen stemmen. Je kan stemmen of je de look hot vind or not, of je kan kiezen uit twee foto’s, welke je beter vind. In principe hadden ze nog meer variaties kunnen bedenken. Het is alleen jammer dat je alleen de foto’s ziet die net zijn geüpload, de populairste looks en de looks waar het meest op gereageerd is. Pas als je op een gebruiker klikt, zie je de foto’s die zij hebben gemaakt. Accessible: 5 Het font en de knoppen zijn extra groot weergegeven, zo kunnen slechtzienden het ook goed zien. Dit zie je bij de knoppen ‘i like it’ of ‘i hate it’ ze zijn groot gevisualiseerd met de pijlen omhoog en omlaag. Credible: 8 Door de aantrekkelijke uitstraling en het leuke concept, is het erg leuk om mee te doen. Niet alleen om feedback te geven op de kleding van anderen, maar ook om erachter te komen of je wel de juiste klerencombinatie aanhebt. Valuable: 9 Het is waardevol voor de gebruiker, omdat hij feedback krijgt over iets waar hij niet zeker van is, of juist wel. Het is altijd leuk om complimentjes over je kleding te krijgen. Je kan het toegankelijker maken doordat er op de foto’s ingezoomd kan worden. tijd, gala etc.

7

1.3 Tibu http://www.tibu.nl/member/usercalendar.aspx Tibu is een online organizer waarbij je met vrienden en familie online afspraken kunt maken. Dit is vooral handig als je een grote vriendengroep hebt, dan is het vaak lastig om een datum af te spreken wanneer iedereen tijd heeft. Met Tibu kun je alle agenda’s naast elkaar leggen en zo een gezamenlijke afspraak maken. Ook kan je elke afspraak als privé instellen, voor iedereen of een gering aantal personen. Zo is in de agenda wel te zien dat je op die tijd niet beschikbaar bent, maar is niet te zien wat je dan te doen hebt. Aan de afspraken kan een locatie worden gekoppeld, zodat je via google maps kan zien waar je naartoe moet voor de afspraken.

Honingraatmodel Useful: 5 De maker wil dat er veel gebruikers kiezen voor Tibu als online organiser. Om afspraken uit de organiser niet te vergeten, kan de gebruiker een smsdienst inschakelen tegen betaling. De makers van Tibu verdienen hier dan aan. Usable: 3 Het is erg overzichtelijk. Het hoofddoel van de applicatie is om je agenda te delen met vrienden, familie en bekenden. Als je een grote vriendengroep hebt is het vaak lastig om af te spreken, met deze online agenda kun je samen met vrienden een datum zoeken wanneer iedereen kan, door al deze agenda’s naast elkaar te leggen.

8

Het probleem is dat je al je vrienden moet aansporen om ook Tibu te gaan gebruiken en dit zal lastig worden, omdat er al veel van zulke applicaties bestaan. De applicatie is verder erg gebruiksvriendelijk, maar je hebt er niet zoveel aan als je vrienden er niet mee werken. Desirable: 7 De applicatie ziet er goed en overzichtelijk uit. Hierdoor is het aantrekkelijk gemaakt om het te gaan gebruiken. Ze hebben er dus rekening mee gehouden dat het oog ook wat doet. Findable: 9 Alles is goed vindbaar in de website, dat komt omdat de navigatie erg duidelijk is gemaakt. Je hoeft niet te zoeken naar bepaalde functies. Accessible: 6 In de applicatie is er weinig rekening met gehandicapten gehouden. Al zijn de iconen wel lekker groot afgebeeld. Credible: 8 De applicatie is wel geloofwaardig. Dit komt ook door de uitstraling, je krijgt een rustige indruk. Daarnaast kun je ook je andere online agenda’s importeren als je die gebruikt. Zo heb je alles in één. Valuable: 6 Omdat er al zoveel bestaat aan zulke online applicaties, zullen er veel vrienden zijn die je moet aansporen om ook Tibu te gaan gebruiken. Dat is jammer en de waarde van de applicatie daalt hierdoor.

9

2 VISUALISATIESAMENVATTING

10

3 VERBETERPUNTEN 3.1 Alfa Romeo 159 How we make it more usable Nu kan de gebruiker weinig anders doen dan één van de auto’s kiezen en kijken naar het filmpje. Er zit verder weinig interactiviteit in en dat is jammer. Meer informatie over de auto is terug te vinden in een pdf formaat. Dat is erg saai en hier kan meer mee worden gedaan. De gebruiker moet meer zelf kunnen doen. Daarom is het een goed idee dat je na het filmpje ook in het interieur kan kijken van de auto doormiddel van een panorama.

11

3.2 Fashism How we make it more accessible De gebruiker moet betere toegang krijgen tot de foto’s. Mijn idee is nu om de gebruiker bij het uploaden van een foto moeten aankruisen in welke categorie de kleding past. Hierdoor zal er gezocht kunnen worden op een kleding categorie en zullen alle foto’s meer toegankelijk zijn. Je moet kunnen kiezen uit verschillende stijlen: Uitgaan, werk, sport, vrije tijd, feestje of gala.

12

3.3 Tibu How we make it more usable Het zal moeilijk zijn om al je vrienden, familie en collega’s te overtuigen om ook Tibu te gaan gebruiken. Vaak hebben zij al ergens anders een online organizer en is het vervelend om dan over te stappen op iets anders. Daarom moeten de online agenda’s van je vrienden geïmporteerd kunnen worden naar Tibu, zodat jij hun Gmail, of outlook agenda kan zien via Tibu. Bij elke agenda staat dan wel welke online agenda’s zij gebruiken. In het plaatje hieronder zie je dat Julian Google Agenda gebruikt. Zo kunnen je vrienden hun oude organizer blijven gebruiken.

13

USER EXPERIENCE DESIGN User experience honingraatmodel

Student

: Marian van der Kruijt

Klas Docenten Vak Maand Versie

: : : : :

- 0787965

CMD3B Hans Kemp en Bas Leurs Minor User experience design Februari 2010 (kw. 3 - lente) 1

INHOUDSOPGAVE

INTRODUCTIE ..........................................................................................................3 1.

DEELOPDRACHT 1 – ANALYSE ...................................................................4 1.1 DE ZEVEN FACETTEN VAN PETER MORVILLE ...................................4 1.2 BESCHRIJVING USER EXPERIENCES..................................................5 1.3 ANALYSE USER EXPERIENCES ............................................................7 1.3.1 Bibliotheek..............................................................................................7 1.3.2 Melk........................................................................................................7 1.3.3 Ferrari.....................................................................................................8 1.4 VISUALISATIE ANALYSE ........................................................................9 1.4.1 visualisatie 01.........................................................................................9 1.4.2 visualisatie 02.......................................................................................10

2.

DEELOPDRACHT 2 – VERBETERPLAN.....................................................11 2.1 ZWAKKE EN STERKE PUNTEN............................................................11 2.2 VERBETERVOORSTELLEN ..................................................................11 2.2.1 Centrale bibliotheek Rotterdam............................................................11 2.2.2 Got Milk ................................................................................................13 2.2.3 Ferrari...................................................................................................15

3.

CONCLUSIE .................................................................................................17

BRONVERMELDING ..............................................................................................18

2 van 18

Minor UXD – verslag Honingraatmodel

INTRODUCTIE Met het honingraatmodel van Peter Morville worden een zevental facetten benoemd waaruit een user experience kan bestaan. Voor elke user experience spelen bepaalde facetten een grote rol en andere facetten een minder grote rol. De findability van een website met een belangrijke sociale functie bestemd voor een hele grote groep mensen in de samenleving is veel belangrijker dan de findability van een website bestemd voor gamers uit een bepaalde subcultuur. Op die manier zou je dus een soort ‘footprint’ kunnen maken van een user experience, waarbij uiteenlopende sites, ook een uiteenlopende ‘footprint’ zullen hebben. In deel 1 van dit verslag analyseer ik drie uiteenlopende user experiences die ik interessant vind. Ik beschrijf de user experience facetten en vergelijk de analyses met elkaar. Met behulp van deze informatie maak ik een visualisatie van de footprints. In deel 2 van dit verslag geef ik per user experience aan hoe deze verbeterd zou kunnen worden.

3 van 18


1. DEELOPDRACHT 1 – ANALYSE 1.1 DE ZEVEN FACETTEN VAN PETER MORVILLE Useful = nuttig Als praktijkervaringsdeskundigen, kunnen we niet tevreden zijn om binnen de lijnen te schilderen die door managers zijn getrokken. We moeten de moed en creativiteit hebben om te ons af te vragen of onze producten en systemen nuttig zijn, en om onze diepgaande kennis van de ambachtelijke en middelgrote ondernemingen toe te passen om innovatieve oplossingen te kunnen definiëren die beter bruikbaar zijn. Usable = bruikbaar Gebruiksgemak blijft van vitaal belang, en toch hebben de interface-centered methoden en perspectieven van de mens-computer interactie geen betrekking op alle aspecten van web design. Kortom, usability is noodzakelijk, maar niet voldoende. Desirable = wenselijk / wannahave Onze zoektocht naar efficiëntie moet worden getemperd door een waardering voor de kracht en de waarde van imago, identiteit, merk, en andere elementen van emotional design, Findable = vindbaarheid We moeten streven naar navigeerbare websites en lokaliseerbare objecten, zodat gebruikers kunnen vinden wat ze nodig hebben. (vb: gemeente Rotterdam) Accesible = toegankelijkheid Net als onze gebouwen liften en opritten hebben, zouden onze websites toegankelijk moeten zijn voor mensen met een handicap (meer dan 10% van de bevolking). Vandaag de dag is het een goede zaak (interessante business) en een ethische aangelegenheid om dit voor elkaar te hebben. Later zal dit een vaste regel zijn. Credible = geloofwaardigheid Geloofwaardig. Dankzij het Web Credibility Project, beginnen we wat te begrijpen van de design elementen die van invloed zijn op het feit dat gebruikers vertrouwen en geloven wat wij hen vertellen Valuable = waardevol (toegevoegde waarde) Onze sites moet waarde leveren aan onze sponsors. Voor non-profitorganisaties, moet de gebruikerervaring voorafgaan aan de missie. Bij commerciële instellingen, moet het bijdragen aan de basis en de klanttevredenheid verbeteren.

4 van 18


1.2 BESCHRIJVING USER EXPERIENCES Ik heb gekozen voor de volgende user experiences: Bibliotheek website – centrale bibliotheek Rotterdam

URL: www.bibliotheek.rotterdam.nl/NL/Pages/default.aspx Beschrijving: Op de website van de centrale bibliotheek in Rotterdam, kun je algemene informatie vinden over de bibliotheek. Er staat vermeld welke faciliteiten er aanwezig zijn. Verder is er een geavanceerd zoeksysteem beschikbaar op de websites. Daarmee kun je o.a. vinden: boeken, luisterboeken, stripboeken, tijdschriften, documentatiemappen, video’s, dvd’s, cd-roms en diaseries. Over het gevonden item kun je details (auteur, omschrijving, isbn) en ook of het item uitgeleend is en wanneer het weer wordt terugverwacht. Tenslotte kun je er je eigen account aanmaken (mijn bibliotheek). Via dit account kun je materialen lenen en de leentijd verlengen. Verder kun je een favorietenlijst maken met favoriete materialen. De website is bedoeld voor een grote groep mensen, van allerlei pluimage.

Melk-ervaring

URL: www.gotmilk.com/ Beschrijving: Deze website is bedoeld om een verhaal en een ervaring mee te geven aan het simpele product Melk. De focus ligt niet alleen focus op het product zelf, maar is breder. Er is een verhaal om het product Melk heen gemaakt, waarbij een spel het uitgangspunt is. De navigatie is daar rondom verwerkt. De website is bedoeld om het product Melk meer bij de mensen bekend te maken en meer speciaal te maken voor mensen. Doel van het spel: Een boerderij loopt pas goed, als de melkproductie goed verloopt. Dieren zijn vrolijker en gezonder.

5 van 18


Ferrari website:

URL: www.ferrari.com/English/Pages/Home.aspx Beschrijving: Deze internationale website is beschikbaar in drie talen: Italiaans, Engels en Japans. Op deze website is het volgende te vinden: Nieuws, informatie over heel veel modellen (inclusief technische specificaties en prestatietabellen), informatie over de racers en racemodellen (F1) van Ferrari, de Ferrari Store met heel veel autoaccessoires van de Ferrari en gadgets voor fans, informatie over de Ferrari dealers en winkels, de Ferrari fanclub met mogelijkheid tot lid worden. Opvallende experiences: 3D -rondtour in en om het Ferrari-model van je keuze (www.ferrari.com/English/GT_Sport%20Cars/CurrentRange/Ferrari_599_GTB/Pages/599GTB.aspx) Download The Ferrari Virtual Race experience op je computer. (http://www.ferrari.com/English/Community/Ferrari_Virtual_Race/Pages/Game_home.aspx)

6 van 18


1.3 ANALYSE USER EXPERIENCES 1.3.1 Bibliotheek Useful: 8 Boeken, films, games. Je kunt het nodig hebben voor studie etc. Verder bijna vergelijkbaar met een museum, speciale collecties. Online databank Usable: 7 Website is redelijk overzichtelijk. Desirable: 2 Vrij saai, het is niet heel stoer of hip, om een account te hebben bij de centrale bibliotheek. Findable: 7 Website is goed vindbaar. Domeinnaam is heel logisch. Staat hoog in de zoekresultaten van Google. Boeken zijn goed te vinden. Je kunt zien of de materialen binnen zijn of uitgeleend zijn en wanneer ze weer terug worden verwacht. Het is niet helemaal duidelijk of je er ook DVD’s en video’s kunt zoeken. Dat dat mogelijk is, wordt pas duidelijk op het moment dat je op geavanceerd zoeken klikt. Accesible: 5 Het menu op de website heeft wel grote letters. De lettergrote is niet aan te passen. Het patroontje maakt de leesbaarheid weer minder goed. De structuur zou voor gehandicapten en ouderen beter kunnen. Technische toegankelijkheid lijkt mij niet heel geweldig, maar dat kan ik niet goed beoordelen. Credible: 7 Dat de website geloofwaardig is, komt denk ik voornamelijk door het logo en door het feit, dat de zoekfunctie echt werkt. Overige design vind ik minder geloofwaardig en betrouwbaar overkomen. Valuable: 7 De website van de bibliotheek levert genoeg op om waarde te hebben voor de doelgroep. Doel van de website: Informatie verschaffen. Ook een maatschappelijke functie van schrijvers, die hun ideeën kunnen publiceren en tentoonstellen. Culturele functie.

1.3.2 Melk Useful: 5 Het is niet heel nuttig, maar vooral grappig. Je leert wel, dat melk gezond is voor je spieren en om PMS (Premenstrueel syndroom) te bestrijden. Usable: 5 Het doel is niet meteen duidelijk. Je moet wel veel lezen en de structuur was voor mij niet meteen duidelijk (een spel met minigames?) Je krijgt wel wat visuele feedback (kip wordt boos en ongeduldig of juist blij), als je het spel niet goed speelt en de kans om het daarna beter te spelen. Desirable: 7 Het is wel leuk en hip, als je deze website bezoekt. De emotionele waarde wordt gecreëerd door deze website. Findable: 4 Als je deze website niet kent, zul je het ook niet zo snel vinden.

7 van 18


Accesible: 3 Waarschijnlijk een flashgame, niet erg geschikt voor mensen met een handicap. Er is weinig gebruik gemaakt van bekende designpatterns. Credible: 8 De website komt geloofwaardig op mij over. Mede door de disclaimer en de website erachter (bij contact) die je meer vertelt over de doel van de website en de club die daar het initiatief voor genomen heeft. Valuable: 7 Het is voor de melkfabrikant wel van waarde, omdat melk door deze website populairder wordt. (gezondheid: medisch, afvallen) Je associeert het product met de afkomst van melk (boerderij) en daardoor ook met biologisch en natuurlijk. Ook wordt het meer een fun-product door het spelelement op de website.

1.3.3 Ferrari Useful: 6 Ik vind het niet een hele nuttige website. Als ik een auto wil kopen, ga ik wel naar een dealer toe of ik vraag aan autokenners, wat een geschikt merk ik om te kopen. Voor dealers is het wellicht een handige website. Zij kunnen hun klanten ernaar verwijzen. Voor de autofabrikant is het wel nuttig, omdat Ferrari’s door de mooie look & feel naamsbekendheid en status krijgen. Usable: 7 De bruikbaarheid is vrij goed. Nadeel is wel dat alles in het Engels staat. Bij specifieke autotermen kan dit moeilijk zijn voor anderstaligen. Indeling, structuur etc. is vrij duidelijk. Desirable: 9 De website brengt de emotie van het merk goed over. Door de ervaring zo goed over te brengen, worden mensen sterk verleid om deze auto te willen / wensen. Findable: 9 Deze website staat heel hoog in Google. Het informatiegehalte op de website is vrij hoog. Heb je toch nog een onbeantwoorde vraag over de auto, dan kun je altijd nog bij de Ferrari fanclub terecht. Accesible: 6 Er is weinig geluid op de website. Ik weet niet of het voorleesbaar is. Leesbaarheid (grijs op zwart) is niet overal even goed. Credible: 9 Geloofwaardigheid is erg goed. Zo’n populair duur automerk heeft duidelijk geld gestoken in de website. Ze zijn vast nog niet failliet. Uitstraling van de website sluit goed aan bij het merk. Valuable: 8 De website draagt bij aan de waarde van de Ferarri, van het merk en is waardevol, voor zowel mensen die er een gekocht hebben (ze kunnen andere mensen hun auto online showen) en voor jongens (en meiden) die erover dromen.

Doel van de website: E-commerce en naamsbekendheid, goed imago (Ferrari fanclub), verkoopcijfers, informatie.

8 van 18


1.4 VISUALISATIE ANALYSE 1.4.1 visualisatie 01

9 van 18


1.4.2 visualisatie 02

Centrale bibliotheek Rotterdam

Got Milk

Ferrari

10 van 18


2. DEELOPDRACHT 2 – VERBETERPLAN 2.1 ZWAKKE EN STERKE PUNTEN Centrale bibliotheek Rotterdam + Het is een nuttige, waardevolle, bruikbare, vindbare website. - De website is niet zo erg aantrekkelijk. Ook de geloofwaardigheid zou verbeterd kunnen worden. Tenslotte, zou het zoeksysteem (vindbaarheid) en / of de bruikbaarheid van het zoeksysteem wat verbeterd kunnen worden Got Milk + Het is een grappige, aantrekkelijke, waardevolle en geloofwaardige website. - De bruikbaarheid, nuttigheid en toegankelijkheid kunnen verbeterd worden. Ferrari + Het is een aantrekkelijke, geloofwaardige, vindbare, waardevolle en toegankelijke website. - De bruikbaarheid en toegankelijkheid zouden iets verbeterd kunnen worden.

2.2 VERBETERVOORSTELLEN 2.2.1 Centrale bibliotheek Rotterdam

1. 2. 3. 4.

Patroontje verwijderen, meer gebruik maken van strakke, gekleurde vlakken Hoofdmenu-items clickable maken. Minder navigatiemanieren. Er zijn nu 3 menu’s. Elk menu-item heeft zijn eigen kleur (zie je nadat je iets aangeklikt hebt). Deze kleuren doorvoeren in de items op de homepage. Het gebruik van symbolen zou een goede toevoeging kunnen zijn. 5. De functie van deze blokken is niet helemaal duidelijk. Dit komt deels door de opmaak, deels door het feit dat ze in het geheel clickable zijn, maar er staat ook nog een onderstreept woord ‘lees meer…’ 6. Optie toevoegen om letters te verklein of te vergroten. Zeker bij de meer gedetailleerde info, is dit een handige optie.

11 van 18


7. Op de homepage heb ik op ‘Lid worden’ geklikt. Dit valt onder het menu-item Informatie. Het zou duidelijker zijn, als het menu-item Informatie actief zou zijn (donkerder / lichter gekleurd).

8. Ik heb gezocht naar de dvd My fair lady. In de zoekresultaten krijg in eerste instantie heel veel bladmuziek te zien. Daarom lijkt het mij beter dat je eerst de mogelijkheid hebt, om het soort materiaal dat je zoekt, te kennen te geven. Deze optie bestaat al wel, maar daarvoor moet je eerst naar uitgebreid zoeken gaan. 9. De resultaten die weergegeven worden, zijn resultaten uit alle bibliotheken. Het lijkt mij beter als de resultaten die weergegeven worden alleen resultaten zijn van de Centrale bibliotheek in Rotterdam. Je moet wel zelf kunnen kiezen voor resultaten van andere bibliotheken.

12 van 18


2.2.2 Got Milk

0. De website is gemaakt in Flash. Dit is niet gunstig voor zoekmachines en voor de toegankelijkheid voor gehandicapten. 1. De website lijkt op het eerste gezicht alleen een spel, en komt daarom meer als funwebsite over. De informatievoorziening lijkt niet erg belangrijk. Als je ergens op klikt, beland je bijna meteen in het spel. 2. Ik zou het menu belangrijker maken door het naar boven te verplaatsen. Je herkent het dan ook eerder als navigatie.

13 van 18


3. De functie van de bordjes, die tevoorschijn komen is me niet helemaal duidelijk. Heeft het wat met het spel te maken? Het zou al helpen, als er onderscheid zou zijn tussen de informatie die over het spel gaat en de informatie over het product. Het is nu zo door elkaar toegepast, dat het ten koste gaat van de duidelijkheid.

4. Ook als je het spel keer op keer niet af krijgt, worden er geen extra tips gegeven. Ik heb het idee, dat de melkproductie niet goed loopt en de kip wordt steeds kwader. Wellicht zouden meer tips, feedbackmomenten of een demo helpen.

14 van 18


2.2.3 Ferrari De website van Ferrari behoeft niet veel verbetering. De website scoort hoog in het facettenmodel. De enige punten die verbeterd zouden kunnen worden, zijn toegankelijkheid en nut. Ook de bruikbaarheid zou wat beter kunnen.

1. De talen die nu beschikbaar zijn, zijn: Italiaans, Japans en Engels. Het zou een positieve ontwikkeling zijn, als dit uitgebreid werd. Autobenamingen en omschrijvingen kunnen behoorlijk technisch zijn. Dan is het gemakkelijker als je dit in je eigen taal kunt lezen. 2. De namen van de menu-items zijn voor een Ferrari kenner waarschijnlijk heel duidelijk. Voor iemand die daar minder mee bekend is, zijn een aantal menu-items (GT & Sport Cars; Scuderia) echt vraagtekens. 3. Op dit deel van de website staan erg veel hyperlinks. Het zou beter zijn, als dit aantal beperkt zou worden.

15 van 18


3D -rondtour in en om het Ferrari-model van je keuze 4. Ferrari heeft een aantal hele mooie experiences op de websites. Deze zitten echter een beetje verstopt in de website. Het zou beter zijn als deze triggers meteen via de homepage te bereiken zijn. Ik zou dat doen, zoals je in de vorige screenshot bijvoorbeeld de Ferrari-store aangekondigd ziet staan.

16 van 18


3. CONCLUSIE Ook al lijken sommige websites bijna aan alles te voldoen als het om user experience gaat. Met het model van Peter Morville ernaast, kom je tot de conclusie dat er altijd wel verbeterpunten zijn. Zelfs de website van Ferrari die heel op heel veel facetten goed scoort, blijkt nog voor verbetering vatbaar.

17 van 18


Bronvermelding Website: http://semanticstudios.com/publications/semantics/000029.php

18 van 18


MINOR USER EXPERIENCE DESIGN

Recommend Documents