Rowenna roelofsen Design patterns BVA iphone & apple watch versie 2

Transcriptie

1 Rowenna roelofsen Design patterns BVA iphone & apple watch versie Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie:

2

3 inhoudsopgave Inhoudsopgave / oplossing in een notendop... blz. User story - Product in detail bekijken (I-Phone)... blz. t/m 5 User story - Kavel opslaan (I-Phone)... blz. 6 t/m 7 User story - Bericht ontvangen (Apple watch)... blz. 8 t/m 9 User story - Het te bieden bedrag instellen (Apple watch)... blz. 0 t/m Screenflow... blz. Bijlagen... blz. Bijlage : Interview met de gebruiker feedback tabel Feedback Aanpassing herkansing Feedback van Al je kleuren staan in RGB maar die kan je beter in CMYK zetten. Het interview hoeft niet in het document te staan, enkel de conclusie Alle kleuren in CMYK zetten Het interview in de bijlagen zetten en alleen een conclusie in het document. Rémon Roelosen - Grafisch vormgever Oplossing in een notdendop Userstory Uit het interview bleek dat de productbeschrijving niet overzichtelijk genoeg is voor de gebruiker. In het herontwerp is de gehele beschrijving dus verdeeld in verschillende categorieën om zo meer overzicht te bieden voor de gebruiker. Userstory Bij userstory twee herkende de gebruiker de huidige button van een kavel opslaan niet en kon het hierdoor niet vinden. Daarom heb ik in het herontwerp een ontwerp gemaakt van een button die de aandacht trekt, herkenbaar is voor de gebruiker, beschrijft waar de button naar toe gaat en feedback geeft als het gelukt is. Benaam de items in de inhoudsopagve (dus niet alleen user story ) Het eerste voorbeeld lijkt teveel op de andere voorbeelden Bij het gekozen pattern moet de conclusie onderaan staan. Alle screenshots en herontwerpen moeten voor de Iphone zijn, niet voor android. Alle items in de inhoudsopgave een naam geven ( user story - Product in detail bekijken. Een nieuw voorbeeld gekozen voor voorbeeld De conclusie onderaan neergezet Alle android screenshots / het herontwerp van userstory aangepast naar Iphone. Userstory De gebruiker moest een melding krijgen dat de veiling van start is gegaan. Ik heb melding zo duidelijk mogelijk gemaakt, zodat de gebruiker direct herkent welk kavel het betreft. Verder heb ik hier een knop gemaakt waar de gebruiker op kan tappen om te beginnen met bieden. Userstory Omdat het om zeer hoge bedragen kan gaan was het zaak dat het bedrag zo nauwkeurig mogelijk kan worden ingevoerd. Hiervoor heb ik dus een systeem gebruikt die veel gebruikt wordt bij complexe, langere getallen, namelijk een rekenmachine interface. Ook heb ik er een bevestiging scherm op laten volgen zodat de gebruiker niet per ongeluk een verkeerd bod invoert. De structural pattern tekst niet over de afbeelding heen als het daar onleesbaar door wordt. Bij het herontwerp en de schetsen kan dit ook wel worden weggelaten. Bij userstory is de tekst van het herontwerp te klein. Alle structural patterns naast de afbeelding weergeven. De tekst leesbaar en passend maken aan het formaat van de applewatch Bij userstory op Pttrns.com kijken voor originelere patterns. Huidige voorbeelden aangepast met nieuwe patterns. Legenda Niet alle tekst is duidelijk leesbaar 00% zwart i.p.v. 80% Bij userstory patterns toevoegen voor het bevestiging scherm. patterns toegevoegd Geen Apple watcth template bij de screenflow als er geen gebruik wordt gemaakt van de digital crown Alle templates bij de screenflow weglaten Gesture digital crown Gesture tap x Gesture slide down Gesture swipe rechts naar beneden draaien Bij het redesign van userstory een komma i.p.v een punt Een komma in plaats van een punt gebruiken. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie:

4 User story : De gebruiker kan op zijn Iphone een specifiek product in detail bekijken, zodat hij weet of dit product interessant is. Huidige situatie Passende oplossingen (patterns) Terug knop, logo naar homepage, deelknop Naam product Toevoegen aan mijn kavels Afbeelding van het product Terug knop, menu Content item kenmerken Uitklap knop Veiling informatie Begin bod Content item groep & rubriek Product beschrijving Content item beschrijving Meer informatie veiling Navigatie menu Uitklap knop sluiten, volgende, vorige, delen Interview conclusie Uit het interview is gebleken dat de gebruiker moeite heeft met het lezen van de beschrijving van het product, aangezien alle informatie achter elkaar is geformuleerd. Hierdoor is het dus ook moeilijk om een duidelijk overzicht van de details van het product te krijgen, om te kijken of het product interessant is. Probleembeschrijving De beschrijving in de app is niet overzichtelijk genoeg voor gebruikers. Alle informatie staat als één grote blob aan content in het veld van beschrijving. Doordat alles zo naast elkaar staat moet de gebruiker door de hele tekst kijken om de informatie te vinden, die hij of zij zoekt. Pattern - Tweakers (Behavioural) Pattern - Marktplaats (structural pattern) Pattern - Asos (Behavioural pattern) De beschrijving is in verschillende categoriën verdeeld. Als je op een categorie tapt opent deze zich doormiddel van een drop down functie. Alle informatie is dan onder elkaar te vinden. Om de categorie weer te sluiten moet er nog een keer op de titel worden gedrukt. Met de functie alles openen worden alle categoriën tegelijk geopend. De beschrijving is duidelijk verdeeld in verschillende catagoriën (Kenmerken, groep & rubriek en beschrijving) en zo per catagorie onder elkaar gezet met de titel er boven. Ook is er de optie om extra informatie te openen door op het pijltje te drukken. Zo wordt er dus ruimte bespaard en toch veel informatie vrij gegeven op een overzichtelijke manier. Zodra er op product info wordt gedrukt in het product overzicht wordt de product beschrijving in een overlappend venster geopend.deze is verdeeld in drie verschillende categoriën: product, brand en info. De gebruiker kan hier tussen navigeren middels het horizotale menu boven aan de pagina. Gekozen pattern Om de behoeften van de gebruiker te vervullen moet alle informatie over het product direct duidelijk zichtbaar zijn. Ook moet het overzichtelijk zijn zodat de gebruiker niet eerst door alle informatie heen hoeft te zoeken om datgene te vinden dat hij nodig heeft. pattern voldoet niet helemaal aan deze voorwaarden aangezien de informatie verscholen is in een dropdown menu. Ook pattern voldoet niet helemaal aan de voorwaaden omdat hier een nieuw venster geopend moet worden om het overzicht te bekijken. Daarom heb ik gekozen voor pattern. Alle informatie is verdeeld in verschillende categorieën (beschrijving, kenmerken, groep & rubriek) zodat het voor de gebruiker makkelijker is specifieke informatie te vinden. Ook is alle informatie direct zichtbaar op één pagina. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie:

5 User story : De gebruiker kan op zijn Iphone een specifiek product in detail bekijken, zodat hij weet of dit product interessant is. Gekozen oplossingsrichting Nieuw ontwerp notities Variant : Extra informatie openen met pijl Variant : structural pattern Alle informatie direct beschikbaar Dit is de menu balk. Hierin kan genavigeerd worden naar de homepagina en naar de laatst bezochte pagina. Verder kan de pagina hier ge-refreshed worden en is er een klein menu met hierin een optie om de kavel door te mailen en een optie om een vraag te stellen over de kavel Hier is extra informatie weergegeven over de status van de veiling Hier is te zien dat de productbeschrijving in verschillende categorieën is verdeeld. Nu zijn er alleen kenmerken en een beschrijving te zien, maar er zijn ook nog andere categorieën zoals groep & rubriek, informatie over de adverteerder en technische specificaties. Hier is de categorie kenmerken te zien waarin alle informatie in komt te staan, die voor de gebruiker als belangrijkst worden ervaren. Hier is een andere categorie te zien, namelijk beschrijving. Hierin wordt het product op verhalende wijze of stap voor stap, uitgebreid beschreven. Hier kunnen de (technische) specificaties dus verder in worden beschreven. Gekozen variant Ik heb gekozen voor het tweede variant aangezien alle informatie hier direct beschikbaar is in plaats van extra informatie te verbergen achter de pijltjes. Scrollen is vaak minder moeite op een mobiel dan een nieuw venster openen dus in dit geval is het verstandiger alle informatie bij elkaar neer te zetten. KENMERKEN winkel verkoop prijs 7,5 kleur zwart Maat L M/V Vrouwen BESCHRIJVING Deze hi-tech Dames bodywarmer van het merk Misty Mountain biedt u kwaliteit, warmte en stevigheid in temperaturen tot -5 C. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: 5

6 User story : De gebruiker kan op zijn iphone een kavel opslaan, zodat hij op de hoogte van blijft van de start van de veiling. Huidige situatie Passende oplossingen (patterns) Terug knop, logo naar homepage, deelknop Naam product Toevoegen aan mijn kavels Afbeelding van het product Veiling informatie Begin bod Product beschrijving Meer informatie veiling Navigatie menu Interview conclusie Uit het interview is gebleken dat de gebruiker niet wist hoe ze een kavel moest toevoegen. Toen ze het niet op het eerste opzicht kon vinden ging ze er naar op zoek onder meer informatie. Toen ze het toen nog niet kon vinden drukte ze wel op het hartje maar snapte toen ze geen bevestiging kreeg wist ze nog niet zeker of het wel was toegevoegd aan mijn kavels. Probleembeschrijving De gebruiker krijgt geen bevestiging te zien wanneer het kavel is opgeslagen. Hierdoor ontstaat er verwarring over de betekenis van de knop en weet de gebruiker niet dat de actie gelukt is. Pattern - Bol Pattern - Scribd Pattern - Asos Hier is gebruikt gemaakt van een button waar een icoon op staat om duidelijk te maken waar het om gaat maar ook een korte beschrijving namelijk, op verlanglijstje. Als hier op getapt wordt, scrollt het scherm naar boven en staat er een melding dat het artikel is toegevoegd aan het verlanglijstje. Hier wordt er een plusje gebruikt in plaats van een hartje om iets toe te voegen. Over het algemeen wordt deze ook meer geassocieerd met iets toevoegen dan een hartje. Ook wordt er een korte beschrijving van de button gegeven, namelijk add to library. Als de gebruiker hier op getapt heeft verschijnt er een melding dat het product is toegevoegd. Ook krijgt de gebruiker een menu te zien waarin hij kan kiezen het product ergens anders op te slaan, en een optie om het product meteen uit de bibliotheek verwijderen. Gekozen pattern In dit geval was het belangrijk dat de gebruiker niet alleen begrijpt waar hij het product kan opslaan maar ook wanneer dit gelukt is. In alle voorbeelden is het icoon aangevuld met een korte beschrijving van de functie van de knop. Ook krijgt de gebruiker bij elk voorbeeld een bevestiging dat de actie voltooid is. Bij pattern scrollt het scherm eerst weer helemaal naar boven voor deze bevestiging. Dit kan erg ongebruiksvriendelijk zijn omdat de work-flow van de gebruiker dan wordt verstoord. Bij pattern en is de bevestiging wel juist geplaatst, net onder de knop waar de gebruiker net mee bezig was, waardoor de workflow dus niet verstoord wordt. Bij pattern krijgt de gebruiker echter ook een menu te zien waarbij de gebruiker het product ook meteen uit de library kan verwijderen. Dit is een handige functie voor het geval de gebruiker de knop per ongeluk heeft ingedrukt, als hij eigenlijk de knop er boven had willen indrukken. Zo kan hij die fout meteen recht zetten. Ook hier wordt het hartjes icoon aangevuld door een korte beschrijving, Save for later, waardoor de functie van de knop duidelijker wordt. Ook krijgt de gebruiker een bevestiging dat het gelukt is door middel van een pop-up melding onder de knop. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: 6

7 User story : De gebruiker kan op zijn iphone een kavel opslaan, zodat hij op de hoogte van blijft van de start van de veiling. Gekozen oplossingsrichting Nieuw ontwerp notities Variant : Met icoon op dezelfde plaats Variant : Zonder icoon boven aan pagina Het + icoon staat doorgaans voor iets toe voegen. Omdat het hier dus gaat om het toevoegen van een kavel is het weet de gebruiker sneller waar hij moet kijken als hij naar deze optie op zoek is. Hier in een korte beschrijving van de functie van de button beschreven. Alleen een icoon is vaak niet erg duidelijk en beschrijft op zich niet waar de knop voor staat. Met tekst erbij wordt dit wel duidelijk voor de gebruiker. Als er op de button geklikt wordt krijgt de gebruiker een notificatie dat het kavel is toegevoegd door de knop te veranderen. Dit ziet er als volgt uit: + TOEVOEGEN AAN MIJN KAVELS + TOEVOEGEN AAN MIJN KAVELS Gekozen variant Ik heb gekozen voor variant omdat er geen venster geopend hoeft te worden om het kavel meteen weer te verwijderen. Dit bespaart dus ruimte. Ook kan de gebruiker op de pagina zelf zien of het kavel al toegevoegd is in plaats van dat er eerst naar mijn kavels moet worden genavigeerd. KENMERKEN winkel verkoop prijs 7,5 kleur zwart - VERWIJDEREN UIT MIJN KAVELS Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: 7

8 User story : De gebruiker ontvangt een bericht op zijn Apple Watch, zodat hij weet dat hij kan gaan bieden. Probleem beschrijving Sommigen kavels op BVA zijn niet direct beschikbaar, deze staan onder de categorie binnenkort. Door een kavel toe te voegen aan mijn kavels wordt de gebruiker op de hoogte gehouden van de start van de veiling van dit kavel. Het is echter wel belangrijk dat de gebruiker hier optijd een duidelijke notificatie van krijgt zodat hij de veiling niet mist, en zodat hij weet welk kavel het precies betre Passende oplossingen Voorbeeld - Apple watch Facebook Voorbeeld - Apple watch Alarm Pattern - Apple watch Cleartrip De gebruiker krijgt een korte notificatie tril zodat hij naar het scherm gaat kijken die automatisch wordt ingeschakeld zodra de arm wordt opgetild en gedraaid zodat de gebruiker naar het scherm kijkt. Dan krijgt hij meteen te zien wat de notificatie is, wat deze in houdt en hij kan er op reageren. In dit geval is het dus een facebook notificatie. De haptic feedback die hier vergelijkbaar bij is, is te zien in figuur Als een alarm is ingeschakeld en af gaat op de ingestelde tijd gaat het alarm af door te trillen en door geluid te maken. De interval is vrij consistent en het blijft door gaan met vibreren tot het alarm wordt uitgezet. Dit geldt ook voor het geluid. De haptic feedback die hier vergelijkbaar bij is staat in figuur De gebruiker krijgt een notifcatie in de vorm van een tril en krijgt vervolgens het beeld van de eerste afbeelding te zien. Dit is een zeer korte beschrijving van de notificatie. Als er op getapt wordt opent het scherm op de tweede afbeeldin, waarop er meer infomatie over de notificatie wordt gegeven. De haptic feedback die hier vergelijkbaar bij is staat in figuur Haptic feedback tabellen Figuur Figuur Gekozen voorbeeld Het belangrijkste punt bij dit probleem is dat de gebruiker zijn aandacht getrokken moet wordenzodat hij naar het scherm gaat kijken, en dat hij direct kan zien wat de notificatie is en wat deze inhoudt. Daarom heb ik gekozen voor het eerste voorbeeld. Door de haptic feedback wordt de aandacht van de gebruiker getrokken en de boodschap wordt zo duidelijk mogelijk vermeld zonder dat hier eerst een nieuw venster voor geopend hoeft te worden zoals in voorbeeld. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: 8

9 User story : De gebruiker ontvangt een bericht op zijn Apple Watch, zodat hij weet dat hij kan gaan bieden. Gekozen oplossingsrichting Variant : Enkel veiling informatie Variant : Veiling informatie + productbeschrijving Gekozen variant Ik heb gekozen voor de eerste variant omdat ik vond dat het overzichtelijker is voor de gebruiker als alleen de veiling informatie beschikbaar is. Als de gebruiker de kavel heeft opgeslagen heeft hij immers al doorgenomen wat de product informatie is, dus is het niet echt nodig dit nog eens te vermelden op dit scherm. Nieuw ontwerp notities Als een kavel dat is toegevoegd aan mijn kavels van start gaat krijgt de gebruiker deze melding. Hier is de titel van het kavel te zien. De titel is dan ook oranje om de aandacht van de gebruiker te trekken. BVA x De veiling van het volgende kavel is begonnen: Dames bodywarmer Openingsbod: Huidig bod: Begin veiling: Einde veiling: 5,00 5, : :0 Hier staat de belangrijkste veiling informatie. Als de gebruiker besluit dat hij op dit kavel wilt bieden kan hij op deze knop tappen. Hiermee wordt hij genavigeerd naar het volgende scherm, waar de gebruiker een te bieden bedrag kan invoeren. Ook deze knop is oranje gemaakt om de aandacht van de gebruiker te trekken. Het is de call to action button en dus één van de belangrijkste content items op het scherm. Als de gebruiker hier niet op wilt bieden kan hij het scherm simpelweg naar links schuiven om het te sluiten. BIEDEN Als de gebruiker niet wilt bieden kan hij middels het kruisje dit scherm sluiten. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: 9

10 User story : De gebruiker kan op zijn Watch het te bieden bedrag instellen, zodat hij kan bieden. Probleem beschrijving De gebruiker wilt op de apple watch een bedrag instellen waarmee hij op een bepaald kavel wilt bieden. Het moet mogelijk zijn hoge bedragen in te kunnen stellen en de bedragen tot op de komma in te kunnen voeren. Sommige kavels hebben een hoog start bedrag (tot in de duizenden). De gebruiker dus moet zo veel mogelijk controle hebben over het invoeren van het bedrag omdat het om zulke hoge bedragen gaat. Ook moeten hierdoor fouten bij het invoeren en bevestigen van het bedrag zo veel mogelijk worden vookomen. Gekozen voorbeeld Bij deze user story is het vooral zaak dat de gebruiker een hoog bedrag kan in voeren tot aan de komma toe om zo veel mogelijk controle te hebben op de hoogte van het bedrag. Bij voorbeeld één is het lastig om het bedrag specifiek in te voeren. Het kan om erg hoge bedragen gaan en dan zou er voor elk getal op zich opnieuw geswiped moeten worden. Ook bij voorbeeld drie kan het lang duren en veel handelingen kosten tot het gewenste bedrag is ingevoerd. Om deze redenen heb ik gekozen voor voorbeeld twee. Het getal kan op een zeer eenvoudige en bekende wijze worden ingevoerd. Ook kan het getal tot op de komma worden ingevuld in niet al te veel handelingen. Tenslotte is het makkelijk om het bedrag aan te passen als deze per ongeluk niet goed is ingevoerd en is dit voorbeeld dus het gebruiksvriendelijk. Passende oplossingen Voorbeeld - bedrag invoeren (behavioral pattern) - Android stopwatch app Voorbeeld - bedrag invoeren - Apple watch MoneyWiz Voorbeeld - bedrag invoeren - Apple watch BUDGT In dit voorbeeld kan de gebruiker de tijd aan passen door naar beneden te swipen. De volgorde is uren, minuten en seconden. Als de gewenste tijd geselecteerd is kan er op set countdown gedrukt worden om de tijd te laten starten. Deze zelfde techniek kan gebruikt worden om een bedrag in te stellen als je de uren, minuten en seconden omzet in 00 tallen, 0 tallen en centen. Set countdown kan vertaald worden naar bieden. De gebruiker kan het bedag instellen door getallen aan te tappen tussen de 0 en de 9 en door een komma te gebruiken voor de centen. Als er op het finkje wordt gedrukt gaat de gegbruiker akkort met het ingevulde bedrag. Bij BVA kan de gebruiker met dit bedrag dus bieden. Voorbeeld - Bevestigen - (behavioral pattern) Whatsapp call Voorbeeld 5 - Bevestigen - Apple watch shazam In dit voorbeeld kan de gebruiker bevestigen door naar rechts te swipen en weigeren door naar links te swipen. In dit voorbeeld wordt er geaccepteerd en komt de gebruiker bij de volgende stap uit. De gebruiker kan verder gaan door op knop met lyrics te drukken. Als hij aanpassingen wilt maken aan het vorige scherm, en in dit geval dus een ander geluidsfragment wilt opnemen, kan hij terug gaan doormiddel van het pijltje links boven in. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: De gebuiker kan het bedrag aan passen door eerst de 0 tallen aan te drukken of de centen, vervolgens kan er op de plus of min knop getapt worden om of 0 euro toe te voegen. In het geval van BVA zouden hier nog meer units bij worden toegevoegd zodat er ook met 00 euro geboden kan worden. Voorbeeld 6 - Bevestigen - Apple watch Skype De bevestiging in dit geval is een bericht terug sturen met de reply knop. Er kan geweigerd worden met de dismiss knop. In dit geval wordt er geaccepteerd en komt de gebruiker bij het scherm uit waar hij een bericht kan achterlaten. Datum: Versie: 0

11 User story : De gebruiker kan op zijn Watch het te bieden bedrag instellen, zodat hij kan bieden. Gekozen oplossingsrichting Variant : Enkel veiling informatie Variant : Veiling informatie + productbeschrijving Gekozen variant Ik heb gekozen voor het tweede variant. Ik vond het vnkje minder duidelijk omdat er dan niet gespecificeerd wordt waar dat vinkje naar toe leidt. Doormiddel van de knop waar plaats bod op staat heeft de gebruiker meer duidelijkheid over de volgende stap. Nieuw ontwerp notities BVA 7, x x 5 In dit scherm wordt het ingevoerde bedrag weergegeven. Voordat er een bedrag is ingevoerd staat hier het openingsbod zodat de gebruiker niet lager kan bieden dan dat. Met deze button kan de gebruiker de getallen die verkeerd zijn ingevoerd verwijderen. Hier is een overzicht te zien van alle getallen waar de gebruiker uit kan kiezen. Als er op getapt wordt, wordt het getal geselecteerd en komt het in het veld bij notitie te staan. Met de punt kan de gebruiker tot op de komma het getal instellen., 0 RESET Met de reset button kan de gebruiken in één handeling het hele ingevoerde bedrag verwijderen, zodat hij een groot bedrag niet meerdere keren op de verwijder knop bij notitie hoeft te tappen. 6 PLAATS BOD 5 Als de gebruiker niet wilt bieden kan hij middels het kruisje dit scherm sluiten BVA Gaat u akkoord met uw bod van 8 7,50 7. NEE, WIJZIG BOD JA, PLAATS BOD Als de gebruiker tevreden is met het ingevoerde bod kan hij doormiddel van deze button het bod insturen. Aangezien het een call to action button is, is de tekst extra opvallend gemaakt, zodat de aandacht van de gebruiker er naar toe getrokken wordt. Ook krijgt de gebruiker na deze button te hebben getapt nog een scherm te zien, waarin hij gevraagd wordt dit bedrag te bevestigen. Dit is het bevestiging scherm. Bij BVA kan het om erg hoge bedragen gaan en op deze manier worden grote fouten voorkomen. Hier staat het bedrag dat de gebruiker moet bevestigen. Het is oranje gemaakt om op te vallen en te linken aan het plaatsen van een bod, dat ook oranje is gemaakt. Hier kan de gebruiker er voor kiezen het bod te wijzigen. Hij keert dan weer terug naar het scherm waar een bedrag kan worden ingevoerd. Hier kan de gebruiker er voor kiezen het bod te bevestigen. Dit werkt net zoals op de website van BVA en het bod staat dus vast. Om de veiling verder te bekijken moet de gebruiker de app of de website bezoeken. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie:

12 Screenflow BVA De veiling van het volgende kavel is begonnen: Dames bodywarmer Openingsbod: Huidig bod: Begin veiling: Einde veiling: 5,00 5, : :0 BVA 5 7, 8 0 7, RESET x BVA x x Gaat u akkoord met uw bod van 7. 7,50 NEE, WIJZIG BOD BIEDEN PLAATS BOD JA, PLAATS BOD KENMERKEN winkel verkoop prijs 7,5 kleur zwart Maat L M/V Vrouwen BESCHRIJVING Deze hi-tech Dames bodywarmer van het merk Misty Mountain biedt u kwaliteit, warmte en stevigheid in temperaturen tot -5 C. + KENMERKEN TOEVOEGEN AAN MIJN KAVELS winkel verkoop prijs 7.5 kleur zwart A BIEDEN A B 5,00 x E JA, PLAATS BOD A BESCHRIJVING Deze hi-tech Dames bodywarmer van het merk Misty Mountain biedt u kwaliteit, duurzaamheid en warmte in temperaturen tot wel 0 ºC. Het model is bij de zij extra smal gemaakt om aan te sluiten op de pasvorm van dames. A C D 7 x PLAATS BOD GROEP EN RUBRIEK Kleding & Schoenen + TOEVOEGEN AAN MIJN KAVELS B - VERWIJDEREN UIT MIJN KAVELS Legenda Gesture tap x Gesture slide down Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie:

13 Interview met een gebruiker Interview userstory & Voor dit interview heb ik een account aangemaakt en ingelogd. Het testpersoon maakt dus gebruik van de app in een ingelogde staat. Rianne Roelofsen 0 jaar Student Rechten Heb je wel eens eerder een veiling app/ mobiele website bezocht? Ik maak wel eens gebruik van de marktplaats app. Ik heb ook wel eens iets gekocht op ebay maar niet via mijn mobiel. Wat is de eerste indruk die je hebt van de BVA app? Het lijkt wel veel op soort gelijke apps maar ik begrijp sommige dingen niet helemaal. Ik begrijp bijvoorbeeld in het eerste opzicht niet precies wat er met lijst wordt bedoeld. Selecteer een product waar je graag meer informatie over zou willen hebben. Weet je hoe dit moet? Ja, je tapt gewoon op het product dat je wilt selecteren Hoe vind je deze pagina op het eerste opzicht? Vind je het duidelijk, overzichtelijk? Wel duidelijk. Het ziet er vrijwel hetzelfde uit als andere apps met producten. Kun je vinden of dit een nieuw product of een tweedehands product is? Na een heleboel zoeken wel ja. Het stond helemaal onderin de beschrijving en deze was niet echt overzichtelijk. Alles staat door elkaar heen. Als je een kavel wilt opslaan, wat doe je dan? Ik zie nergens iets staan over het toevoegen van kavels. Misschien vind ik het onder meer informatie? Heb je nog een ander idee waar het zou kunnen staan? Nouja, misschien onder het hartje dan? Wat had je verwacht dat er zou gebeuren als je hier op klikte? Enige bevestiging dat het gelukt is ofzo? Nu is het hartje alleen maar verandert van kleur. Ik weet nou eigenlijk nog steeds niet wat er gebeurt is. Bovendien dacht ik in eerste instantie dat het hartje iets met favorieten te maken had. Naam: Rowenna Roelofsen Stud nr: klas V-07 Docent: Datum: Versie: