09.06.2016 Views

Down the Rabbit Hole

Down the Rabbit Hole is de eindopdracht die ik gemaakt heb voor het van Informatie architectuur. Het is een ontwerp voor een website waar bezoekers van het festival Down the Rabbit Hole kunnen zoeken naar Rabb-iT avonden en kaartjes bestellen.

Down the Rabbit Hole is de eindopdracht die ik gemaakt heb voor het van Informatie architectuur. Het is een ontwerp voor een website waar bezoekers van het festival Down the Rabbit Hole kunnen zoeken naar Rabb-iT avonden en kaartjes bestellen.

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Down</strong> <strong>the</strong> <strong>Rabbit</strong> <strong>Hole</strong><br />

Marloes Loosman<br />

500741416<br />

Lime<br />

25-5-2016<br />

Informatiearchitectuur<br />

Blok 4<br />

A. van Drunen


Inhoudsopgave<br />

Inleiding<br />

Inleiding<br />

Sitemap<br />

Ontwerpen<br />

Home pagina<br />

Agenda<br />

Event pagina<br />

Artiest aandragen<br />

Artiest beoordelen<br />

1<br />

3<br />

5<br />

6<br />

7<br />

8<br />

9<br />

<strong>Down</strong> <strong>the</strong> <strong>Rabbit</strong> <strong>Hole</strong><br />

<strong>Down</strong> <strong>the</strong> <strong>Rabbit</strong> <strong>Hole</strong> is een succesvol festival van Mojo. Mojo wil Rabb-iT avonden organiseren zodat de echte<br />

DtRH-ganger het hele jaar verbonden is. Mojo wil een app om de Rabb-iT avonden te ondersteunen. De app moet<br />

het mogelijk maken om een leuke avond te vinden, om artiesten aan te dragen en om artiesten te beoordelen.<br />

De doelen zijn om merkbekendheid voor DTRH te creëeren en om kaartjes te verkopen via de app.<br />

De gebruikers en hun doelen<br />

De gebruikers van de app zijn trouwe DtRH-gangers en muziekliefhebbers. Hun doelen zijn leuke Rabb-iT<br />

avonden vinden en input geven door artiesten aan te dragen en te beoordelen.<br />

De app in vogelvlucht<br />

Op de home pagina staat een korte uitleg over Rabb-iT avonden en de aanbevolen avonden op basis van<br />

populariteit. Op de home pagina staat een link naar de agenda en naar de pagina’s waar de gebruiker artiesten<br />

kan de gebruiker daar kaartjes bestellen voor het event.<br />

Marloes Loosman - 25-5-2016<br />

De home pagina<br />

De event pagina<br />

1


Sitemap<br />

Op de volgende pagina ziet u de sitemap van de app voor de Rabb-iT avonden.


Sitemap<br />

0<br />

Home<br />

1.0<br />

Agenda<br />

1.1<br />

Event<br />

2.0<br />

Account<br />

aanmaken<br />

2.1<br />

Artiesten<br />

aandragen<br />

2.2<br />

Artiesten<br />

beoordelen<br />

De structuur<br />

0 is de home pagina. Vanaf deze pagina kan de gebruiker navigeren naar de agenda (1.0) of een<br />

account aanmaken (2.0). Vanaf de agenda pagina kan de gebruiker navigeren naar meerdere events<br />

(1.1). Bij elke eventpagina kan de gebruiker tickets bestellen (1.1.1). Wanneer de gebruiker een<br />

account aanmaakt (2.0), kan hij/zij navigeren naar de pagina waar de gebruiker een artiest aan kan<br />

dragen (2.1) of naar de pagina waar de gebruiker een artiest kan beoordelen (2.2).<br />

De doelen<br />

1.1.1<br />

Tickets<br />

Legenda<br />

Pagina<br />

De home pagina (0) heeft als doel de gebruiker te informeren over Rabb-iT en de gebruiker te<br />

laten zien wat de populairste avonden zijn.<br />

De agenda (1.0) heeft als doel een overzicht te geven aan de gebruiker van de verschillende events.<br />

De gebruiker kan sorteren op <strong>the</strong>ma, aantal tips, datum, plaats, genre en artiest.<br />

De event pagina’s (1.1) hebben als doel de gebruiker te informeren over wanneer en waar een event<br />

plaats vindt en of er nog tickets zijn.<br />

De tickets pagina (1.1.1) heeft als doel de gebruiker tickets te laten kopen.<br />

De pagina om een account aan te maken (2.0) heeft als doel dat de gebruiker, na het aanmaken van<br />

een account, door kan navigeren naar 2.1 en/of 2.2.<br />

De pagina om artiesten aan te dragen (2.1) heeft als doel dat de gebruiker een artiest naar wens voor<br />

kan stellen om op te treden op een specifiek event.<br />

De pagina om artiesten te beoordelen (2.2) heeft als doel dat de gebruiker een beoordeling kan geven<br />

over een artiest die hij/zij gezien heeft. De pagina heeft ook als doel dat gebruikers, die de artiest nog<br />

niet gezien hebben, de beoordelingen van anderen kan lezen.<br />

Meerdere<br />

pagina’s<br />

Marloes Loosman - 25-5-2016<br />

3


Ontwerpen<br />

Op de volgende pagina’s zijn de belangrijkste wireframes (pagina’s van de app) uitgewerkt en er is<br />

een onderbouwing gegeven voor de gemaakte keuzes aan de hand van plus- en minpunten.


0 Home pagina<br />

De home pagina heeft als doel de gebruiker te informeren over Rabb-iT,<br />

de gebruiker te laten zien wat de populairste avonden zijn en events<br />

aanbevelen.<br />

A. Informatief B. Visueel<br />

Het logo van <strong>Down</strong> The <strong>Rabbit</strong> <strong>Hole</strong>.<br />

Afbeelding, sfeerimpressie, van de Rabb-iT<br />

avonden.<br />

Informatie over de Rabb-iT avonden.<br />

Aanbevolen events op basis van<br />

populariteit, met beschikbaarheid.<br />

Pluspunten<br />

1. De gebruiker ziet in één oogopslag<br />

alle informatie over Rabb-iT.<br />

2. De gebruiker wordt niet afgeleid<br />

door bewegende of grote objecten.<br />

Minpunten<br />

1. De stijl past niet bij de huidige<br />

website van DTRH.<br />

Pluspunten<br />

1. De stijl past bij de huidige<br />

website van DTRH.<br />

2. De gebruiker wordt door<br />

getriggerd zelf events te<br />

bezoeken.<br />

Minpunten<br />

leiden de gebruiker af van de<br />

informatie die de pagina<br />

verschaft.<br />

Events die in de nabije toekomst plaats zullen vinden,<br />

met beschikbaarheid.<br />

Hamburger menu die gedeeltelijk over de pagina heen valt.<br />

Vanuit dit menu kan de gebruiker navigeren naar de andere pagina’s.<br />

Gestures: swipen en tappen.<br />

Keuze<br />

De uiteindelijk pagina is een combinatie van schets A en B. De objecten in de pagina<br />

vervangen door afbeeldingen van de aanbevolen events en de events die binnenkort<br />

plaatsvinden, ondersteund met informatie. De pagina geeft op deze manier informatie<br />

Marloes Loosman - 25-5-2016<br />

5


1.0 Agenda<br />

De agenda heeft als doel een overzicht te geven aan de gebruiker van de<br />

verschillende events. De gebruiker kan sorteren op datum, genre, <strong>the</strong>ma,<br />

plaats, artiest en aantal tips.<br />

Het logo van <strong>Down</strong> The <strong>Rabbit</strong> <strong>Hole</strong>.<br />

Titel van de pagina.<br />

Hamburger menu die gedeeltelijk over de pagina heen valt.<br />

Vanuit dit menu kan de gebruiker navigeren naar de andere pagina’s.<br />

Pluspunten<br />

1. Overzichtelijk;<br />

2. Altijd resultaat.<br />

Minpunten<br />

1. Beperkt.<br />

Pluspunten<br />

1. Uitgebreid;<br />

Minpunten<br />

1. Niet altijd resultaat;<br />

2. Scherm te vol.<br />

Afbeeldingen van de events in de resultatenlijst.<br />

De titels, informatie en beschikbaarheid van tickets van de events<br />

in de resultatenlijst.<br />

Gestures: swipen en tappen.<br />

Keuze<br />

komen bovenin het scherm te staan, niet er naast omdat het scherm dan veel<br />

geactiveerd wordt.<br />

Marloes Loosman - 25-5-2016<br />

6


1.1 Event pagina<br />

De event pagina’s hebben als doel de gebruiker te informeren over wanneer en waar een<br />

event plaats vindt en of er nog tickets zijn.<br />

A. Onder elkaar B. Naast elkaar<br />

Het logo van <strong>Down</strong> The <strong>Rabbit</strong> <strong>Hole</strong>.<br />

Titel van de pagina.<br />

Hamburger menu die gedeeltelijk over de pagina heen valt.<br />

Vanuit dit menu kan de gebruiker navigeren naar de andere pagina’s.<br />

Afbeelding, sfeerimpressie, van het event.<br />

Link naar de pagina om tickets te bestellen.<br />

Pluspunten<br />

1. Veel ruimte voor de<br />

afbeelding en de informatie.<br />

Minpunten<br />

1. De tickets bestellen-knop<br />

valt niet op.<br />

Pluspunten<br />

1. De tickets bestellen-knop<br />

valt op.<br />

Minpunten<br />

1. Weinig ruimte voor de<br />

afbeelding en de informatie.<br />

Informatie over het event.<br />

Door anderen geplaatste comments over het event.<br />

Dropdown menu voor het sorteren van de comments.<br />

Invulveld om zelf een comment te schrijven over het event.<br />

Gestures: swipen en tappen.<br />

Keuze<br />

De uiteindelijk pagina is schets A. De afbeelding en de informatie staan overzichtelijk<br />

onder elkaar. De tickets bestellen-knop valt over de afbeelding heen. De knop is<br />

transparant dus de hele afbeelding is nog duidelijk te zien. De knop valt wel als eerst<br />

op. Onder de informatie kan de gebruiker de comments lezen en een comment<br />

plaatsen.<br />

Marloes Loosman - 25-5-2016<br />

7


2.1 Artiest aandragen<br />

De pagina om artiesten aan te dragen heeft als doel dat de gebruiker een artiest naar<br />

wens voor kan stellen om op te treden op een specifiek event.<br />

A. Like en dislike B. Uitgebreid<br />

Het logo van <strong>Down</strong> The <strong>Rabbit</strong> <strong>Hole</strong>.<br />

Titel van de pagina.<br />

Hamburger menu die gedeeltelijk over de pagina heen valt.<br />

Vanuit dit menu kan de gebruiker navigeren naar de andere pagina’s.<br />

Invulvelden voor de naam van de artiest en het event waar je deze<br />

artiest wilt zien.<br />

Submit-knop.<br />

Afbeeldingen en informatie van aangedragen artiesten.<br />

Pluspunten<br />

1. De mogelijkheid om aangedragen<br />

artiesten te liken of te disliken;<br />

2. Minimaal aantal invulvelden bij het<br />

aandragen van een artiest.<br />

Minpunten<br />

1. De zoekbalk brengt de gebruiker<br />

in verwarring.<br />

2. De afbeelding bij het aandragen<br />

van een artiest is overbodig.<br />

Pluspunten<br />

1. Overzichetlijk.<br />

Minpunten<br />

1. Te veel invulvelden.<br />

Like en dislike knoppen.<br />

Gestures: swipen en tappen.<br />

Keuze<br />

De uiteindelijk pagina is schets A. Het log in gedeelte is niet meegenomen in de HiFi,<br />

omdat dit een zelfstandige pagina wordt. De zoekbalk is weggelaten omdat die niet<br />

nodig is. De gebruiker hoeft bij het aandragen van een artiest alleen de naam en het<br />

event in te vullen. Daaronder staan de artiesten die door andere gebruikers aangedragen<br />

zijn. De gebruiker kan aangeven of hij/zij achter deze aandraging staat of niet (like/dislike).<br />

Marloes Loosman - 25-5-2016<br />

8


2.2 Artiest beoordelen<br />

De pagina om artiesten te beoordelen heeft als doel dat de gebruiker een beoordeling<br />

kan geven over een artiest die hij/zij gezien heeft. De pagina heeft ook als doel dat<br />

gebruikers, die de artiest nog niet gezien hebben, de beoordelingen van anderen kan<br />

lezen.<br />

A. Radiobuttons B. Filters<br />

Het logo van <strong>Down</strong> The <strong>Rabbit</strong> <strong>Hole</strong>.<br />

Titel van de pagina.<br />

Hamburger menu die gedeeltelijk over de pagina heen valt.<br />

Vanuit dit menu kan de gebruiker navigeren naar de andere pagina’s.<br />

Filters en zoekbalk om een artiest te zoeken.<br />

Afbeelding en informatie van de gevonden artiest(en).<br />

Dropdown menu met de cijfers één tot tien.<br />

Invulveld om een toelichting te geven op het cijfer.<br />

Pluspunten<br />

1. De belangrijkste content staat<br />

bovenaan.<br />

2. Je ziet de cijfers die anderen<br />

gaven.<br />

Minpunten<br />

1. De gebruiker moet de naam<br />

van de artiest weten.<br />

Pluspunten<br />

1. Filters voor als de gebruiker de<br />

naam van de artiest niet meer weet.<br />

Minpunten<br />

1. Je ziet geen cijfers die anderen<br />

gaven.<br />

beslag.<br />

Cijfers en beoordelingen die andere gebruikers gaven.<br />

Dropdown menu om de beoordelingen te sorteren.<br />

Gestures: swipen en tappen.<br />

Keuze<br />

noodzakelijk voor gebruikers die de naam van de artiest niet meer weten of niet weten<br />

hoe de naam gespeld wordt. De gebruiker kan een cijfer geven door een keuze te maken<br />

in het dropdown menu. Dit menu neemt minder ruimte in beslag dan tien radiobuttons.<br />

De gebruiker kan de beoordelingen sorteren in het sort by dropdown menu. De<br />

gebruiker ziet de cijfers die anderen gaven (uit schets A) en een toelichting op die<br />

cijfers.<br />

Marloes Loosman - 25-5-2016<br />

9

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!