Mitchel Anneveldt V Ontwerpdocument Design pattens - NS - Mitchel Anneveldt V

Transcriptie

1 Mitchel Anneveldt V Ontwerpdocument Design pattens - NS - Mitchel Anneveldt V !1

2 Mitchel Anneveldt V Inhoudsopgaven Multi device wireflow 3 Patterns onderzoek 5 Voor het reizen Patterns onderzoek 7 Tijdens het reizen Patterns onderzoek 9 Na het reizen Inleiding In dit onderzoek probeer ik te te achterhalen hoe de gebruiker zo gemakkelijk mogelijk zijn verhalen kan lezen in de treinen van de NS. Om te begingen met het onderzoek heb ik drie verschillende Patterns onderzoeken gedaan. De onderzoeken gaan over voor het reizen tijdens het reizen & na het reizen. Bij het beging van een Onderzoek heb ook geprobeerd mezelf in de reiziger te verplaatsen met 3 job stories, hierna ben ik gaan kijken naar de user scenario, om me zelf nog meer te verplaatsen. Bij ieder onderzoek heb ik gekeken naar 3 verschillende patterns die gebruikt worden op verschillende andere websites & apps. Daar heb ik schetsen op gemaakt, waar vervolgens 1 keuze van gemaakt is en verder verwekt in het onderzoek. Uiteindelijk heb ik van de 3 onderzoeken 1 Multi device wireflow uitgewerkt om een duidelijker beeld te geven van hoe de websites er voor de verhalensite uitgaat zien volgens het onderzoek.!

3 Mitchel Anneveldt V Multi device wireflow !3

4 Mitchel Anneveldt V User scenario Voor de reis Mark leest voordat hij op weg gaat naar het station 1 van de 99 verhalen dit doet hij om zijn tijd te doden. Als hij heeft uitgezocht hoe laat zijn trein vertrekt pakt hij zijn fiets om onderweg naar het station te gaan. Op het station aangekomen ziet mark dat hij nog zijn verhaal af kan lezen en pakt zijn iphone om verder te lezen tot dat de trein arriveert. Tijdens de reis Zitten in de trein heeft mark meer tijd en kan hij zijn ipad pakken om het verhaal verder te lezen In de trien ziet Mark dat hij bijna op zijn bestemming is en dat zijn verhaal op 90% zit. hij heeft genoeg tijd om het uit te lezen. Mark leest zijn verhaal uit en stop in alle rust zijn ipad in de tas en stapt uit de trein. Na de reis Na een dagje zich vermaakt te hebben, pakt mark de trein terug naar huis. Op de weg naar huis kiest mark een nieuw verhaal, wat hij thuis verder kan lezen op zijn desktop. Hier heeft mark ook de mogelijkheid om zijn on afgelezen of opgeslagen verhalen te verwijderen. 1. op mobiel is het sorteren buiten beeld en kan de gebruiker scrollen. Bij het klikken op meer opties verschijnt een filter onder het zoekveld. Hierdoor kan de gebruiker meer opties krijgen. 3. de verhalen komen ondeelbaar te staan en zijn naar beneden te scrollen. 4. bij het filter is het donkere icoon aan en het wat lichtere icoon uit. Legenda Links naar rechts vegen. Boven naar onder vegen. Drukken.!4

5 Mitchel Anneveldt V Patterns onderzoek Voor het reizen Hoe kan jij overhalen opslaan. Jobsotry Ik wil voor het reizen mijn verhaal kunnen opslaan, om deze tijdens gereis verder te kunnen lezen. User Scenario: Safari in safari kan je webpagina s als favorieten opslaan dit is gemakkelijk te doen met grote knoppen. Om dit te kennen doen moet je wel een heel proces door, wat erg langdradig is. De gebruiker heeft net gekeken hoe laat de trein verdekt. Voordat de trein vertrekt moet er nog snel even een verhaal worden gelezen voor in de trein. Ontwerpprobleem de gebruiker moet dit snel kunnen doen, omdat hij/zij zich misschien moet haasten voor de trein. Facebook Bij Facebook kan je een post opslaan doormiddel van een inklap menu, dit zit goed verstop en is moeilijk te zien waar je het terug kan vinden. Wel geven ze een feedback dat je het goed hebt opgeslagen. Aangeven met een schuiknop Aangeven met een tik knop. Netflix Bij Netflix kan je pas als je op de film geklikt hebt er voor kiezen om deze in je lijst te zetten, als je dit doet krijg je een feedback terug van het plusje wat naar een vinkje veranderd. ook komt er in je bibliotheek een speciale categorie waar al jouw opgeslagen films in staan. Ik heb gekozen om dit pattern aangegeven doormiddel van klikken. De locatie komt wel boven in het scherm, omdat gebruikers op grotere telefoons dit moeilijker bereiken en dus echt bewust voor op moeten klikken. Het pattern is in de vorm van een lampje om de stijl aan te houden van de NS. Ik heb gekozen voor een lampje en niet voor een boekenlegger, omdat als je een idee hebt er meestal een lampje gaat branden. Herinnering aan Herinnering uit!5

6 Mitchel Anneveldt V Klik 1 keer op het lampje en je slaat een verhaal op, klik je nog een keer gaat hij weer uit.. Klik 1 keer op het lampje en je slaat een verhaal op, klik je nog een keer gaat hij weer uit Weet je zeker dat je dit verhaal wilt toevoegen? klik je op nee verdwijnt de popup weer. klik je op ja dan krijg je kort een bevestigen dat het gelukt is. Klik je op ja en mislukt het, krijg je een kruis en kan je het nog een keer proberen. 3 Legenda Gelukt # #404 Gelukt De actie is mislukt. De actie is gelukt. Drukken.!6

7 Mitchel Anneveldt V Hoe kan je tijdens het rijzen op te hoogte blijven van de tijd Patterns onderzoek Tijdens het reizen Jobsotry Netflix Onder aan de film is te zien hoever je nog bent. Echter is er niet te zien hoe lang deze film nog duurt. User Scenario: Ik wil tijdens het reizen mijn verhaal gemakkelijk kunnen lezen en weten hoelang het verhaal ongeveer nog duurt. Bij het afsluiten wil ik weten of het verhaal bijna klaar is, om te voorbereiden op te terug weg. De gebruiker wil weten of hij/zij de gekozen tekst kan lezen tijdens de reis, voordat de trein aankomt op zijn bestemming. EN wezenwaar hij/zij aan toe is Ontwerpprobleem Een duidelijke weergaven van veel informatie. NS app Bij de mobile app van ns is te zien hoe ver de trein nog te gaan heeft, voordat hij op het desbetreffende station aan komt. De tijden van hoe laat de trein aan komt op welk station staat duidelijk aangegeven. Er staan zoveel tijden dat dit onoverzichtelijk wordt. Blendle Op deze website staat niet duidelijk aangegeven hoe ver je bent in het verhaal. Wel staat er duidelijk aangeven hoelang het duurt om deze tekst te lezen, echter sta dit wel verstopt onder een onduidelijk pannenkoek menu Aangeven in procenten Tijdbalk Ik heb gekozen om de voortgang van lezen aan te geven in procenten, omdat dit duidelijker is voor de gebruiker en gemakkelijker aan te geven als pattern. Ook heb ik voor procenten gekomen omdat dit terug komt in het design van de ns!7

8 Mitchel Anneveldt V Klik bij de overzichtpagina op verder om het verhaal te lezen.. Klik op logo om terug te gaan naar het overzicht. 3. Je krijgt te zien hoever je verhaal is en of je het definitief wilt lezen of later verder wilt lezen. Als je op beëindigen klikt slaat hij niet op dat je dit verhaal verder wilt lezen. Klik je op andere keer lezen onthoud hij waar je bent. 4 & 5. Wil je tijdens het lezen meer info over hoever je bent? klik op de info knop om een overzicht te zien van hoeveel je gelezen hebt en hoeveel je nog moet gaan. De tijdbalk is naar boven en beneden te scrollen 6. In de header is te zien hoeveel je al gelezen hebt. het lichtje vult zich steeds voller Legenda Links naar rechts vegen. Boven naar onder vegen. Drukken.!8

9 Mitchel Anneveldt V Patterns onderzoek Na het reizen Hoe kan jij opgeslagen verhalen verwijderen. Jobsotry Ik wil na het reizen mijn verhaal kunnen verwijderen, om deze tijdens de volgende reis makkelijker mijn verhalen die ik verder wil lezen, terug kan vinden User Scenario: Netflix Bij Netflix kan je pas als je op de film geklikt hebt er voor kiezen om deze in je lijst te zetten, als je dit doet krijg je een feedback terug van het plusje wat naar een vinkje veranderd. ook komt er in je bibliotheek een speciale categorie waar al jouw opgeslagen films in staan. De gebruiker komt thuis en een heeft een prettige reis ervaren met verhalen waar hij/ zij om kon lachen. Voor de volgende reis wil hij/zij verhalen verdere lezen en verhaal die minder leuk waren of verveeld zijnd kunnen verwijderen Ontwerpprobleem hoe kan de gebruiker geen verhalen per ongeluk verwijderen en deze definitief verwijderen. ' ~ Netflix Bij Netflix kan je pas als je op de film geklikt hebt er voor kiezen om deze in je lijst te zetten, als je dit doet krijg je een feedback terug van het plusje wat naar een vinkje veranderd. ook komt er in je bibliotheek een speciale categorie waar al jouw opgeslagen films in staan. à X à T,,"' X T IOS Bij het besturingssysteem van de iphone gaan de icoontjes trillen waardoor de gebruiker gewaarschuwd wordt dat ze op het punt staan verwijderd te worden. Om te verwijderen moet je de applications langer ingedrukt houden. 640 PX > verwijderen met kruisjes PX > verwijderen door te slepen naar een andere folder Ik heb gekozen om voor kruisjes in de hoek van het verhaal, omdat het overzichtelijker PX > werd. Bij het verwijderen schudden de icoontjes om te gebruiker te640waarschuwen dat hij met iets bezig is waardoor de verhalen kunnen verwijden. Als de gebruiker het nog steeds verwijderd kan hij in het archief deze terug vinden 640 PX > PX!9 >

10 Mitchel Anneveldt V ~~- 9~k1r ----~ kn ~ 1~ Sb), 1... w w "'.,, X 1. in de balk onder het zoekveld wordt weergeven hoeveel verhalen je nog te lezen hebt. "'.,, X T. Hierna kom je op een pagina waar al je verhalen staan. als op je wijzigen klikt beginnen de verhalen te trillen en komt er in de linker hoek een kruisje te staan ~~] [-c-j /~l 3. als je ze verwijderd hebt komen ze onder de archief knop. zo kan de gebruiker alles terug vinden en er voor kiesen om het later helemaal te verwijderen & 4.1. de gebruiker kan de verhalen aanvinken om ze vervolgens te kunnen verwijderen. de keuze van alles verwijderen veranderd dan in de keuze om de geselecteerde opties te selecteren. 640 PX < 640 PX I 5. Als je klikt op de begin letter van de title van je verhaal scrol je hier direct naar en kan je zo gemakkelijker 1 title verwijderen 640 PX 6. je kan gemakkelijk alles direct verwijderen. Legenda Drukken. Boven naar onder vegen. 5 6!10