Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: 31 mei 2015

Transcriptie

1 Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: mei 05

2 Inhoudopgave Inleiding De sitemap De jes Avonden overzicht 6 Filteren 7 Avond 8 I Suggest Artiest aandragen 0 Artiest beoordelen Down The Rabbit Hole Het festival Down The Rabbit Hole wil door het hele jaar heen en gaan organiseren op basis van verschillende area s. Hier moet tijdens dit project een app voor ontworpen worden. De gebruikers en hun doelen De gebruikers willen en vinden op basis van gegevens zoals thema en locatie of surfen en op deze manier een leuke vinden. Hiernaast willen ze tickets kunnen kopen, informatie krijgen, artiesten aandragen en beoordelen. De app in vogelvlucht Dit zijn de belangrijkste pagina s uit de applicatie. Het Avonden overzicht Een Avond pagina Maria Barmentlo - mei 05 pagina /

3 De Sitemap Op de sitemap kan je structuur van de pagina s van de app zien.

4 De Sitemap De structuur De app begint met een loadscreen. Hierna kom je op de pagina met een overzicht van alle en. Hier kun je op klikken. Op deze pagina kun je op verschillende buttons klikken. De doelen 0 Loadscreen 0 : Deze pagina laat het logo van DTRH zien. Dit zorgt voor herkenbaarheid voor de gebruikers en naamsbekendheid. Avonden overzicht : Op deze pagina zie je een overzicht van alle en. Hier kunnen gebruikers surfen door verschillende en. Ook kunnen ze filteren op hun voorkeuren.. Avond. : Op zo n pagina kan de gebruiker info vinden over die specifieke. Ook kan hij/zij tickets kopen, artiesten aandragen en beoordelen. Legenda Meerdere pagina s Enkele pagina.. Artiest aandragen.. Artiest + beoordelen.. Tickets kopen.. : Op deze pagina kan de gebruiker artiesten aandragen voor een specifieke. Hij/zij kan door dit te doen iets winnen... : Op deze pagina kan de gebruiker een artiest beoordelen nadat de heeft plaatsgevonden. Hij/zij kan door dit te doen iets winnen... : Op deze pagina kan de gebruiker een ticket kopen voor een specifieke. Maria Barmentlo - mei 05 pagina /

5 De jes Op de volgende pagina s zie je de pagina s van de app waar de gebruiker door kan navigeren om zo een te vinden die goed bij hem of haar past.

6 filteren. Avonden overzicht Omschrijving van de balangrijkste doelen van de pagina. Leg een relatie met de doelen van de hele app. zoeken A: Nadruk op duidelijkheid B: Nadruk op ontdekken zoeken Toelichting Hiermee kan je de volgorde van de en sorteren. Voor elke is er zo n vlak. De titel, sfeer, afbeelding en beschrijving zullen aangepast worden per. sorteren sfeer-afbeelding Dit menu klapt uit. Hier zijn verschillende filteropties die je kan toepassen op de en die getoond worden. - scrollen door de pagina info over Gestures Van links naar rechts swypen het filtermenu uit te klappen. blurry sfeer-afbeelding Avonden overzicht Scrollen om meer en te zien. Tappen om een specifieke te zien. + Duidelijk overzicht + Strak uiterlijk + Fijne/leuke vorm van interactie + Speelse vormgeving, afwisselend Organisatiesystemen Verschillende mogelijk. Wordt aangepast aan de sorteerkeuze van de gebruiker. - Weinig ruimte voor tekst - Blurry afbeelding, niet al te duidelijk - Veel scrollen - Geen duidelijk overzicht - Veel scrollen Pop-ups Keuze Ik heb gekozen voor schets B. De indeling van de verschillende en vond ik leuk en speels overkomen. Dit zorgt ook voor afwisseling in een lange lijst met veel en. Ook is de afbeelding duidelijker te zien dan in schets A, omdat deze daar blurry zou moeten zijn. Wanneer je op de loep klikt kan je zoeken. Er komen ook suggesties gebaseerd op wat er al is getypt. Wanneer je op de knop voor sorteren klikt klapt deze uit. De gebruiker krijgt andere sorteeropties om uit te kiezen. Maria Barmentlo- mei 05 pagina 6/

7 . Filteren Op dit uitschuif-menu kan de gebruiker zijn zoektocht naar een leuke beter specificeren op zijn voorkeuren. Toelichting Is uitgeklapt nadat hier op geklikt is, of is geswypt. Klapt in nadat je nog een keer klikt of van rechts naar links swypet. A: Visueel B: Dropdown & veel filters dropdown Klapt uit nadat je er op klikt. Toont verschillende keuzes waar je er of meer in de vorm van checkboxes kan kiezen. simpele annotaties de organisatie systemen Past alle gekozen filters toe op de en die getoond worden. Alleen de en die voldoen aan de filters worden getoond. de rest aan de andere kant De rest van het scherm wordt donker/ blurry. past filters toe Filteren Gestures Swipen om het menu weer te verbergen. + Visueel: veel iconen, widgets + Weinig tekst - filter per keer - Misschien onduidelijk + Meerdere filters per keer + Consistency - Veel filters Scrollen door de mogelijke filterkeuzes. Pop-ups Filtercategorieen klappen uit als je er op tapt. Filterkeuzes verschijnen. Functioneren als checkboxes. Keuze Ik heb gekozen voor schets B. Ik vond dat deze duidelijker zou zijn voor de gebruiker, omdat alle vakken er hetzelfde uitzien maar met een andere titel. In schets A is er veel afleiding en onduidelijkheid omdat er veel verschillende iconen en widgets worden gebruikt. Ook is in schets B de Ga! knop duidelijker en aantrekkelijker om te gebruiken dan in schets A. Maria Barmentlo - mei 05 pagina 7/

8 Toelichting. Avond Als gebruiker hier op klikt, terug naar en overzicht. terug naar overzicht Dit is een pagina van een die de gebruiker heeft gekozen. Hier kan hij informatie vinden en nog veel meer! A: Lange pagina B: Links/rechts swipe Als gebruiker hier op klikt, naar (..) Artiest aandragen. Verdwijnt nadat de heeft plaatsgevonden. Als gebruiker hier op klikt, naar (..) Tickets kopen. Verdwijnt nadat de heeft plaatsgevonden. veranderd na datum + Minder buttons in de pagina zelf + Duidelijk de organisatie systemen overzicht artiesten + Weinig buttons bovenin + Visueel terug naar overzicht veranderd na de datum Event info Als gebruiker hier op klikt, naar (..) Artiestpagina/Beoordelen. Gestures Pull-to-refresh om content op te verversen. Scrollen om meer info/artiesten te zien. Organisatiesystemen Alfabetisch - de artiesten staan op alfabetische volgorde. - Veel buttons bovenin - Veel buttons onderin bij elkaar - Weinig plaatjes, misschien minder aantrekkelijk - Veel informatie op pagina. - Veel buttons op pagina. Pop-ups Hoe een artiest er uit ziet voordat de heeft plaatsgevonden. Hoe een artiest er uit ziet nadat de heeft plaatsgevonden. Keuze Ik heb gekozen voor schets B. Deze vult de pagina beter en reageert beter op verandering nadat de heeft plaatsgevonden. Ook staan er minder buttons in de bovenste balk. Dit is consisterter. Maria Barmentlo - mei 05 pagina 8/

9 I suggest Op deze pagina s kunnen gebuikers artiesten aandragen. Nadat een heeft plaats gevonden kunnen ze deze beoordelen.

10 .. Artiest aandragen Toelichting Als je hier op klikt, terug naar (.) Avond. terug naar uitleg wat je kan winnen Op deze pagina kunnen gebruikers per een artiest aandragen waarvan zij denken dat deze wel zou passen bij de. A: Tekstvak B: Suggesties en tekstvak uitleg wat je kan winnen tekstvak terug naar dropdown met eerdere suggesties tekstvak Artiest aandragen 5 5 Dropdown met alle al eerder aangedragen artiesten Tekstvak waar je een naam van een artiest kan typen. Tekstvak waar je een link naar de artiest kan typen. Moet perse eindigen op.nl,.com, etc.. Zo kan de artiest niet gemisinterpeteerd worden. Als je hier op klikt, bevestiging dat het is verzonden. Hierna terug naar (.) Avond. Gestures Scrollen door de artiesten in dropdown. + Gebruiker kan zelf typen, vrijheid + Simpel in gebruik door naar door naar + Kan ook kiezen voor een eerdere suggestie + Simpel on gebruik + Kunnen minder spelfouten ontstaan Organisatiesystemen Alfabetisch - artiesten in de dropdown staan op alfabetische volgorde. - Kunnen spelfouten ontstaan - Geen suggesties - Kunnen spelfouten ontstaan Pop-ups Dropdown met alle al eerder aangedragen artiesten. Keuze Ik heb gekozen voor schets B. Op deze manier is het niet moeilijk om een artiest aan te dragen en is er minder kans op spelfouten dan bij A. Ook is de manier om terug te gaan naar de makkelijker te vinden. Maria Barmentlo - mei 05 pagina 0/

11 .. Artiest beoordelen Op deze pagina kan de gebruiker nadat een heeft plaatsgevonden, artiesten beoordelen. A: Cijfers + Toelichting B: Sterren + Toelichting uitleg wat je kan winnen uitleg wat je kan winnen gebruiker kan er kiezen + Erg precies beoordelen + Tekstvak om toelichting te geven Specifiek cijfer geven - Moeilijk om te klikken gebruiker kan aantal sterren kiezen tekstvak door naar + Bekend systeem, makkelijk te begrijpen + Tekstvak om toelichting te geven - Minder precies dan cijfers tekstvak door naar terug naar Artiest pagina voor plaatsvinding Toelichting Als gebruiker hier op klikt, terug naar (.) Avond. Linkt buiten de app naar een website met meer info over de artiest. D.m.v. sterren aangeven wat gebruiker van de artiest vondt. ( = Slecht, 5 = Super goed). Gestures 6 Click and drag om hoeveelheid sterren aan te geven. 5 Beoordelingspagina/Artiest pagina voor plaatsvinding Keuze Ik heb gekozen voor schets B. Dit is een bekende/standaard manier van beoordelen (het sterrensysteem). Hierdoor zal het voor de gebruiker makkelijk zijn om te gebruiken en zal het niet afschrikken. Ook kan er extra toelichting gegeven worden. 5 6 Tekstvak om toelichting op de beoordeling te geven. Tekstvak om in te vullen. Als de gebruiker wint krijgt hij/zij een . Als je hier op klikt, bevestiging dat het is verzonden. Hierna terug naar (.) Avond. Maria Barmentlo - mei 05 pagina /

12