Down the Rabbit Hole

Tyrone Wiranta - 11 Jade

DE RABB-IT AVONDEN

INHOUDSOPGAVE DOWN THE RABBIT HOLE

Voor dit project moet ik een applicatie voor Down The Rabbit Hole ontwerpen. Down The Rabbit hole is een festival georganiseerd door Mojo. Het festival wilt Rabb-it avonden door het jaar heen organiseren en daarvoor willen zij een app hebben. Deze app moet ervoor zorgen dat iedereen op de hoogte is van het programma.

Het publiek en hun doelenVoor het ontwerp heb ik goed gekeken naar wat het festival wilt zien en naar wat het publiek wilt zien. Zo moeten bezoekers kunnen meedenken over opkomende artiesten die ze graag willen zien. En ze moeten artiesten die ze hebben gezien kunnen beoordelen. Die artiesten met een hoge beoordeling komen op het echte festival. Daarbij wilt de doelgroep kunnen filteren of zoeken, zodat ze makkelijk door de site kunnen gaan. Ook is het handig voor hun om te zien welke artiesten en avonden aanbevolen worden. Zo kunnen ze ook meteen zien welke artiesten hun vrienden leuk vinden. Het publiek wilt vooraf kunnen zien welke arti-esten er komen.

Hoe zit de app in elkaar?Ik maak voor Mojo een web-app. En de structuur van deze web-app is logisch opgebouwd, de belangrijkste info wordt op de homepagina getoond. Doormiddel van snelle linkjes, kan je de meest bezochte paginas sneller vinden. Ik heb op elke pagina een titel gezet, zodat je meteen weet op welke pagina van de website je bent.

Inleiding

Sitemap

Essentials - Homepage - Artiestenpagina - Artiesten Detail-pagina - De Avondenpagina - Event-Detailpagina

Overig - Artiest Aandragenpagina

2

3

568101214

1718

2 Tyrone Wiranta | 500715401 | 11 Jade | 6 juni 2015

SITEMAPOp de volgende pagina staat mijn sitemap, in mijn sitemap geef ik de structuur van mijn site weer. Ik heb er een legenda bij gezet, zodat mijn sitemap duidelijk is. Ik heb voor de dingen die niet duidelijk zijn nader toegelicht hoe het in elkaar steekt.

6 juni 2015 | 11 Jade | 500715401 | Tyrone Wiranta 3

SITEMAP

De structuurIk heb een logische website ontworpen. Ik heb voornamelijk de bel-angrijkste dingen die de gebruiker op de site zou willen doen op de homepage gezet. Ik heb ook meteen onderscheid gemaakt tussen de linkjes op de pagina zelf en de linkjes in de navigatie. Als gebruiker zijnde wil je als eerst weten wie en wanneer een artiest komt. Dit heb-ben ik onderzocht en dit stond ook in onze affinity diagram. Daarnaast is het kopen van kaartjes handig en het bekijken van de plattegrond. Ik heb een onderscheid gemaakt van de avonden en artiesten, omdat je misschien eerst wilt weten welke atiest je wilt zien. En dan kan je me-teen op de artiestendetailpagina zien op welke avond die act te zien is. Dit is alleen puur voor het gemak, dat je niet lang aan het zoeken bent voor korte info. Het aandragen van een artiest heb ik niet op de homepage zelf staan, omdat je eerder gaat kijken naar wie er komen dan dat je iemand opgeeft. De mogelijkheid is er wel, maar om verwar-ring te voorkomen heb ik ze niet allebei op dezelfde pagina staan. Het beoordelen van artiesten kan je doen nadat het evenement klaar is. Op de overzicht pagina van de artiesten kan je al duidelijk zien, hoe vaak er een duimpje omhoog gegeven is. (Alleen maar positiviteit laten zien)

Daarnaast heb ik wanneer je ingelogd bent een aanbevolen voor jou sorteer mogelijkheid en wanneer je niet ingelogd bent een populaire sorteer mogelijkheid. De aanbevolen voor jou pagina komt voort uit jouw interesses en die van jouw vrienden. Op de artiestenpagina kan je ook nog is filteren op genres en bekendheid of juist upcoming.


ESSENTIALSOp de volgende paginas laat ik de essentiele paginas voor mijn site zien. Dat zijn de homepage, artiestenpagina, artiestendetailpagina, de avondenpagina & eventdetailpagina.


HOMEPAGE - Snelle Schetsen


Dit is een icoon voor tickets.

Dit is een icoon voor artiesten/acts

Dit is een icoon voor de avonden

Sfeerfoto van zonavond.

Buttons in een vorm van een grid.

Social media buttons

Het is de bedoeling dat je in n oogopslag kan zien wat je zoekt, mocht je het toch niet kunnen vinden. Dan kan je doormiddel van de zoekfunctie alsnog naar de pagina gaan die je zoekt.

Schets: A

Pluspunten+ Overzichtelijk, goede indeling. Grote knoppen, makkelijk te onderscheiden.+ Doormiddel van sfeerfotos, wek je een indruk

Minpunten- De manier waarop de navigatie is ingedeeld, is een beetje gewoontjes.

Schets: B

Pluspunten+ Overzichtelijk, goede indeling. Andere knoppen. Maar de belangrijkste info komt naar voren.+ Doormiddel van iconen geef je de gebuiker een beeld van de waar ze heen moeten gaan.

Minpunten- Zonder tekst aanduidingen, kan alleen een icoontje fout genterpreteert worden.

Keuze:Ik heb gekozen voor schets B, omdat ik me aan de huisstijl van Down the Rabbit Hole wil houden. En de structuur van de site wil ik ook zo houden. Mensen die hier al bekend mee zijn, willen vaak niet iets compleet anders hebben. Onder de iconen die ik gebruik wil ik ook de titels die erbij horen plaatsen. Zodat voor iedereen duidelijk is naar welke pagina ze worden geleid.

Schets: BSchets: A

Dit is een icoon voor zoeken en mijn profiel


HOMEPAGE - Detail Schets

1 2 3

4

5

6

7

1

2

3

4

5

6

7

Dit is een hamburger menuutje. In dit hamburgermenuutje zit de overige informatie.

Ik heb een zoekfunctie toegevoegd om meteen naar een artiest of genre te zoeken. Dit is handig als je even snel op de site wilt gaan kijken.

Mijn Profiel, het is niet noodzakelijk om een account te hebben, maar mocht je een ticket willen kopen. Dan kan je doormiddel van je profiel op de hoogte blijven van alle nieuwtjes.

Dit is de knop naar de pagina die het meest bezocht wordt. Hier kunnen mensen nameli-jk zien welke avonden waar en wanneer gehouden worden.

Het logo staat op de achtergrond, misschien dat er een gehele afbeelding als achtergrond wordt weergegeven.

Hier staan meer linkjes, naar de aangegeven paginas

Hier komen de sociale media buttons te staan. Zo kun je naar hun paginas gaan en het festival/Rabb-it avonden meer bekend-heid geven.

ARTIESTENPAGINA (LIJST) - Snelle Schetsen


Sfeerfoto van de artiest, zodat je weet hoe diegene eruit ziet.

Een duimpje, zodat je kan zien hoeveel likes een artiest heeft

Filter mogelijkheid

Een foto van de artiest

Het is de bedoeling op deze pagina, dat je meteen de artiesten kunt zien die er op de avonden te zien zijn. Misschien kan je zo meteen zien of je favoriet optreed.

Schets: A

Pluspunten+ Bekende indeling voor het publiek.+ Makkelijk door de pagina scrollen.

Minpunten- Er is nog niet echt een overzicht, je weet niet waarop de artiesten gesorteerd zijn.

Schets: B

Pluspunten+ Overzichtelijk, goede indeling+ Doormiddel van artiesten fotos kan je makkelijk zien hoe diegene eruit ziet.

Minpunten- Er staan geen namen op de fotos en je kan niet zien hoevaak iemand beoordeeld is.

Keuze:Ik heb gekozen voor schets B, omdat de indeling overzichtelijker is, en zonder naar de naam te hoeven kijken kan je duidelijk zien om wie het gaat. Er staan alleen nog geen namen, dus ik combi-neer schets A & B. De naam van de artiest laten zien is beter, want vaak zegt een foto niet genoeg. (Radio luisteraars). En pak dan de beste dingen eruit.

Schets: BSchets: A


Een mogelijkheid om te sorteren

Informatie over de artiest


ARTIESTENPAGINA (LIJST) - Detail Schets

12

3 4

5 6

7

1

2

3

4

5

6

7

Dit is een hamburger menuutje. In dit hamburgermenuutje zit de overige informatie. Je kan ook terug navigeren door-middel van de menu. (Bekijk de pagina van de homepage om de inhoud te zien.)

Doormiddel van een titel weet je altijd op welke pagina je je bevindt.



Hier is een filtermogelijkheid, doormiddel van filteren kan je meteen de juiste artiest vinden die je zoekt. (Momenteel staat hij op bekende artiesten.)

Sorteer mogelijkheid, als default staan de artiesten gerangschikt op alfabet.

De knop om naar de artiesten/act detail pagina te gaan. Je kan meteen zien hoeveel duimpjes omhoog gegeven aan de artiest.

ARTIESTEN-DETAILPAGINA - Snelle Schetsen


Dit is een like buttonHier kan je je artiest beoordelen.

Een foto van de artiest/act.

Artiesten foto

Info over de artiest.

Over websites van de artiest.

Op deze pagina kan je meteen zien met wat voor soort artiest je te maken hebt. Zo kun je zijn/haar genre muziek bekijken en hun achtergond, hoe ze de muziekwereld zijn binnen gekomen bijvoorbeeld. Verder kan je meteen klikken naar het event waar deze artiest te zien is.

Schets: A

Pluspunten+ Snel te bekijken, makkelijk door de pagina scrollen.+ Makkelijk naar het event waar deze artiest te zien is

Minpunten- Geen beoordeling te zien en geen mogelijkheid om te kunnen beoordelen.

Schets: B

Pluspunten+ Overzichtelijk, door een grote van de artiest weet je meteen of het uiterlijk van de artiest je aanspreekt.+ Makkelijke mogelijkheid om te beoordelen, d.m.v. het aantal sterretjes aan te klikken.

Minpunten- Geen knop om naar de eventpagina te kunnen gaan.

Keuze:Ik heb gekozen voor schets A met een combinatie van B, omdat de indeling overzichtelijker is korte info boven aan. En wil je meer over de artiest te weten komen kan je altijd nog naar beneden scrollen. Je hebt daarnaast ook een directe link die verwijst naar de event-detail-pagina. Maar geen plek om te kunnen beoordelen na de show. Dat neem ik mee uit schets B.

Schets: BSchets: A


Dit is een link naar de desbetreffendeeventdetail-pagina.


ARTIESTEN-DETAILPAGINA - Detail Schets

12 3

4

56

7

1

2

3

4

5

6

7Dit is een hamburger menuutje. In dit hamburgermenuutje zit de overige informatie. Je kan ook terug navigeren door-middel van de menu. (Bekijk de pagina van de homepage om de inhoud te zien.)




Een afbeelding van de artiest/act, zo weet je hoe diegene eruit ziet.

Een knop die verwijst naar de event-detail-pagina. Zo kom je meteen terecht naar bij de eerst volgende avond waar de artiest speelt. De tijd staat ook meteen aange-geven.

Algemene informatie over de artiest zelf. En het aantal likes dat gegeven is + beoordeling in aantal sterren.

Meer achtergrondinformatie over de artiest, hoe is diegene begonnen en in de muziekin-dustrie terecht gekomen etc.

Als je op deze knop klikt like je de artiest. En geef je de artiest dus een duimpje omhoog.

Door het aantal sterretjes aan te klikken kan je de artiest beoordelen na zijn/haar optreden.

De socialemedia van de artiest, zo kun je diegene zelf overal volgen en kijken wat diegene zoal gedaan heeft.

8

9

10

11

8

9

10

11

DE AVONDENPAGINA (LIJST) - Snelle Schetsen


Datum van de avond en een knop naar de eventdetail pagina.

Naam van de avond/thema

Filter mogelijkheid

Naam van de avond/thema.

Het is de bedoeling op deze pagina, dat je meteen de avonden kunt zien die er zijn het hele jaar door. Zo kan je meteen op plaats zien welke avonden er zijn. En wanneer.Deze pagina ziet er ongeveer hetzelfde uit als de artiestenpagina alleen de sorteer- en filtermogelijkheden zijn anders.

Schets: A

Pluspunten+ Bekende indeling voor het publiek.+ Makkelijk door de pagina scrollen.

Minpunten- Een titel aan de linkerkant is overbodig.

Schets: B

Pluspunten+ Overzichtelijk, goede indeling+ Doormiddel van grote vakken kan je makkelijk alle info kwijt die noodzakelijk is.

Minpunten- Geen.

Keuze:Ik heb gekozen voor schets B, het lijkt veel op de artiestenpagina. Ik wil gewoon dat de paginas er consistent uitzien. Dat is voor de gebruiker makkelijker om aan te wennen. Beide opties zijn goed te doen, eigenlijk.

Schets: BSchets: A


Een mogelijkheid om te sorteren

Datum van de avond en een knop naar de eventdetail pagina.


DE AVONDENPAGINA (LIJST) - Detail Schets

12

3 4

5 6

7

1

2

3

4

5

6

7





Hier is een filtermogelijkheid, doormiddel van filteren kan je meteen de juiste artiest vinden die je zoekt. (Momenteel staat hij op plaats > Amsterdam.)

Sorteer mogelijkheid, als default staan de artiesten gerangschikt op alfabet. Maar in mijn schets op meest populaire.

De knop om naar de event detail pagina te gaan. Je kan meteen zien wanneer welk avond is.

EVENT-DETAILPAGINA - Snelle Schetsen


Dit is een button om naar de ticket kopen pagina te gaan.De line-up staat hier

afgebeeld.

Info over het evenement.

Op deze pagina kan je meteen alle informatie zien over het event zelf. De line-up, datum. En de plaats waar de avond zich bevind.

Schets: A

Pluspunten+ Snel te bekijken, makkelijk door de pagina scrollen.+ Makkelijk een ticket kopen, als het event je bevalt.

Minpunten- Een aparte kader neemt veel ruimte in. En kleinere tekst moeilijker te lezen.

Schets: B

Pluspunten+ Overzichtelijk, meteen boven aan de belangrijkste info+ Makkelijk een ticket kopen, als het event je bevalt.

Minpunten- Geen

Keuze:Ik heb gekozen voor schets B. Schets A & B lijken heel erg op elkaar qua indeling. Alleen vind ik schets B beter gestructureerd. Waardoor je makkelijk alle info ziet op de eventpagina.

Schets: BSchets: A


Een aparte kader voor de line-up.


EVENT-DETAILPAGINA - Detail Schets

1

2 3 4

5

6

7

1

2

3

4

7





Algemene informatie over het event zelf, waar is het en welke datum.

De line-up van de avond. En de grootste artiest die er die avond optreed wordt groter aangegeven.

Als je op deze knop klikt ga je naar de website waar je een kaartje kan kopen.

5

6

OverigOp de volgende paginas laat ik de overige paginas zien, deze zijn niet perse belangrijk. Maar ik vond het wel gewoon nodig om m uit te werken.


ARTIEST AANDRAGENPAGINA - Snelle Schetsen


Dit zijn formulieren, om de gegevens van jouw artiest in te vullen.

Schets: A

Pluspunten+ Aangeven van stappen is handig. Zo weten mensen hoeveel stappen ze moeten doorlopen.+ Een bekende format voor een formulier.

Minpunten- Meerdere paginas, daardoor raak je sneller de aandacht kwijt.

De bedoeling van deze pagina is om je favoriete artiest aan te dragen, dit wil je natuurlijk zo snel mogelijk doen. Dit is mijn oplossing:

Schets: A Schets: BHier staat het aan-tal stappen aange-geven.

Hier kan je aangeven welke genre muziek jouw artiest maakt.

Dit is een afbeeld-ing van de artiest.

Hier voeg je een link naar het filmpje toe.

De indeling van de pagina is identiek, alleen heb je geen stappen maar moet je gewoon scrollen.

Keuze:Ik heb gekozen voor schets A & B gecombineerd. Eigen-lijk is schets B al een iteratie van schets A. Voor de rest is duidelijk aangegeven wat er gebeurt op de webpagina. Lekker duidelijk, mensen weten meteen hoe ze iets moet-en invullen en wat ze moeten invullen.

Schets: B

Pluspunten+ Een bekende format voor een formulier.+ Een onepage is een goede oplossing om stappen te voorkomen.

Minpunten- Geen.


ARTIEST AANDRAGENPAGINA - Detail Schets

1 2 3

4

5

6

7

1

2

3

4

5

6

7





Een foto van de artiest, die upload je of sleep je vanaf je desktop. Zo kan de organisatie me-teen zien, hoe de artiest eruit ziet.

Hier vul je de informatie in over jouw artiest, zodat de organisatie een beeld heeft van zijn/haar kwaliteiten.

Hier kan je aangeven wat voor genre muziek jouw artiest maakt. Doormiddel van een drop-down selecteer je dat gemakkelijk.

Linkjes van jouw artiest kan je hier invullen. Vooral de muziek socialmedia is handig om bij te vermel-eden.

De verstuur button spreekt voor zich.

8

9

8

9

Down the Rabbit Hole

Documents

Transcript of Down the Rabbit Hole