DAAN VAN DER ZWAAGLILA // 3 JUNI 2015 // P // 500697504

INFORMATIE ARCHITECTUUR

RABB-IT

Inhoudsopgave RABB-IT

Inleiding Na een succesvolle eerste editie van het festival Down the Rabbit Hole wilt Mojo, de organisator, thema muziekavonden gaan organiseren in aanloop naar het even-ement toe. Dit om de bezoeker meer betrokken te krijgen bij het festival en om de naamsbekendheid te vergroten. Daarvoor zijn de Rabb-it avonden in het leven geroepen; tijdens deze avonden wordt het publiek warm gemaakt voor het festival en kunnen ze alvast de sfeer proeven.

Waarom een app?

Met deze applicatie kunnen -mogelijke- bezoekers van de Rabb-it avonden alvast een voorproefje krijgen op wat komen gaat. Zo kan men de artiesten bekijken die optreden, de activiteiten nog eens goed door lezen, artiesten beoordelen, tickets kopen voor een volgende avond en artiesten voordragen. Maar wat vooral belangri-jk is; ontdekken.

Feeling lucky?

Ontdekken staat centraal in mijn applicatie, trek aan de hendel en kijk waar je uit-komt. Go down in the rabbit hole!

Inleiding 2

De sitemap 4

De Ontdekking

Homepage 6

De avond (komend) 7

De avond (geweest) 8

De artiestenpagina 9

Submit

Artiest aandragen 11

Extra

Informatiepagina 12

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 2Homescreen non-active Homescreen active

SITEMAP

Sitemap

De structuur De structuur van de applicatie is vrij eenvoudig. Het heeft in theorie maar vier soorten pagina’s: artiestenpagina, artiesten toevoegen, de avonden en de informatie pagina. Maar ik maak een onderscheid tussen de avonden die al geweest zijn én die nog moeten komen. Zo blijft de appli-catie constant in beweging en komt de gebruiker terug. Ook tijdens het artiesten voordragen zijn nog twee losse subpagina’s ontstaan. Daarover straks meer

De doelen

De doelen van de gebruiker zijn vooral om de avonden te verkennen, te besluiten naar welke hij/zij toe gaat en tick-ets te kopen. Na de avond zelf komt de gebruiker terug om een review te plaaten en foto’s terug te zien. Ook zal hij/zij misschien een artiest willen voordragen, maar die is slechts een leuke toevoeging en zal in de praktijk minder vaak dan ‘het ontdekken’ worden gebruikt.

De PoortArtiestenpaginas

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15

De Poort

4

Legenda

De thema muziek-avond voor-dat avond is begonnen

De thema muziek-avond nadat de avond is geweest

Homepage

De Poort

De PoortTeddy Widder

De PoortDe PoortIdyllisch Veldje

De PoortDe PoortVuige Veld

De PoortDe PoortHet Bos

De PoortDe PoortHotot

De PoortDe PoortDe Steiger

De PoortDe PoortDe Vuurplaats

InformatieArtiesten Voordragen

Handmatig

Bedanktscherm

Artiestenpaginas

DEONTDEKKING

1. Homepage

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 6

De homepage is het belangrijkste voor de navigatie, gebruikers beginnen en eindi-gen hier. Hier begint het ontdekken. Hopelijk op een leuke creatieve manier, want dat is DTRH ook.

A: Rasterverdeling B: Het rad van fortuin

+ Erg overzichtelijk+ Mooi gebruik van beeld+ Snelle navigatie - Vaak gebruikt- Past niet bij de sfeer van DTRH, te simpel

+ Nieuw, nog niet eerder ge-bruikt als navigatie methode+ Roept interactie op+ Past bij DTRH, met spin-ners en creative art - Kan verwarrend zijn- Geen overzicht, pas na het spinnen

Keuze

Om volledig bij de visie en stijl van DTRH te blijven heb ik gekozen voor het rad van fortuin (B). Deze methode is nieuw en interactief als het gaat om navigatie. Geen hamburger-menutjes, geen rasters; nee draaien maar!

1

1

2

3

2

3

4

4

A

A

B

B

De pijpleiding waar iets uitdruppelt, de drijfkracht achter het water rad van fortuinHet rad is gevult met afbeeldingen in plaats van tekst, zo roept het vragen op om te ontdekken.

De knoppen zijn rond, in de stijl van DTRH. Deze draaien ook rond, zoals op de website. Daar in staan iconen. FAQ wordt een vraagteken.

Hier de naam van de avond, die staat in contact met de wijzer die op een schijf richt. Bij eerste keer openen staat hier nog niets.

Zodra de gebruiker aan de hendel trekt begint het rad te draaien door het water/zeewier wat uit de pijp (1) komt.

Het rad is ook met de vinger te bedi-enen en kan het zo ook rond draaien door er aan te slingeren. Ook kan de gebruiker op een vlak tikken om direct te navigeren

Toelichting

Gestures

Hier is het scherm in beweging en komt het wa-ter/zeewier naar beneden vallen vanuit de pijp om zo het wiel te laten draaien. Dit gebeurd random en komt dus op een willekeurig podi-um terecht elke keer

Dit is tevens het enige scherm wat visueel is uit-gewerkt, aangezien dit het belangrijkste onder-deel is en ik het zo duidelijker kon maken.

In actie

Navigeert naar ‘artiest aandragen

Navigeert naar infor-matiepagina

2a De avond (komend)

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 7

Op de pagina’s van de thema muziekavonden komt de meeste informatie bij elkaar. Hier heeft de gebruiker een overzicht van de line-up, thema, locatie, activiteit en natuurlijk de link naar de ticketverkoop.

A: Vlaggenoverzciht B: Zwevende cirkels

+ In stijl van DTRH+ Overzichtelijk+ Weinig tekst - Is niet gebruikelijk, kan misschien verwarrend zijn.

+ Zwevend overzicht, alle elementen bewegen + Past bij de stijl van DTRH + Nieuw - Niet heel overzichtelijk- Kan chaos veroorzaken en te druk worden.

Keuze

Ik heb gekozen voor optie A omdat dit het meest overzichtelijke is. Dat is belangrijk bij een pagina waar de gebruiker informatie moet/kan vergaren. Toch blijft het een creatieve pagina, want de gebruikers van de applicatie kunnen de stijl van DTRH waarderen.

1

1

2

3

2

3

4

4

De locatie (stad) van het evenement met een korte beschrijving (gerne)

De opsomming van artiesten. Als de gebruiker meer wilt weten kan hij/zij dit aantikken en gaat dit naar de artiestenpagina.Hier in komt een plaatje van de desbetreffende activiteit. Zo kan de gebruiker direct zien waar het over gaat.

Grote ronde knop in stijl van DTRH wat de aandacht trekt en tevens be-weegt. Deze gaat door naar de ticket-verkoop.

Toelichting

5 Terug navigeren naar homescreen

5

2a De avond (geweest)

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 8

Zodra het evenement is geweest kan de gebruiker op deze pagina alle informatie vinden + leuke extra’s om toch te voelen alsof hij/zij er bij was om een indruk te krijgen wat komen gaat op het festival.

A: Lookback impressie B: Aftermovie

+ Veel beeld+ Goede call to action voor volgende event+ Weinig tekst - Mocht er geen beeld zijn dan is deze pagina niet nuttig.- Weinig ruimte voor de line-up

+ Filmpje van de avond zelf + Line-up is schaalbaar - Niet duidelijk of het gewe-est is of niet- Geen call to action- Zonder filmpje geen pagi-na

Keuze

Ik heb gekozen voor een samensmelting van A en B. Zo blijft het visueel sterk en makkelijk om de sfeer op te pakken/ terug te halen. Dat is de hoofd rede waarom de gebruiker terugkeert naar het eventscherm nadat het is geweest.

1

1

2

3

2

3

4

4

Een sfeerfoto van de avond zelf en/of de stage op het festival

Als er achteraf foto’s zijn gemaakt kan op deze knop de foto’s worden bekeken. Dit is een door link naar het Facebook-event om de social media ook achtief te houden en mensen zichzelf er in kunnen taggen.

De artiesten staan hier met een foto plus de naam. Mochten het er meer zijn dan schaalt het scherm door naar beneden, maar het blijven er drie naast elkaar.

De call to action naar het volgende event als je dit hebt gemist of ge-woon benieuwd bent.

Toelichting

5 Terug navigeren naar homescreen

5

3. Artiestenpagina

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 9

Op de artiestenpagina’s kunnen mensen meer informatie vinden over de desbetref-fende artiest en zijn/haar muziek beluisteren om een impressie te krijgen. Maar ook kunnen ze de artiest een rating geven of ze het DTRH-waardig vinden.

A: Basic header B: Profiel

+ Herkenbaar en duidelijk+ Veel witruimte - Weinig opties- Geen rating optie

+ Lijkt op een persoonlijk profiel+ Koppelen aan social me-dia - Geen rating optie- Als social media ontbreekt ruimte over

Keuze

Ik heb beide ontwerpen bij elkaar gegooid en de pluspunten uit beide gehaald. Ook heb ik een ratingssysteem toegevoegd. Zonder algemene score erbij, want zo raken mensen soms beinvloed.

1

1

23

2

3

4

4

Grote duidelijke artiesten-foto die direct sfeer vormt.

Social media van de artiest om ze daar op te volgen in aanloop van het event

Ratingssyteem van: goed of slecht. Geen halve sterren om een duidelijk beeld te scheppen

Inline mediaplayer van Youtube, Soundcloud, Spotify, Mixcloud, Band-camp of een ander muziekplatform

Toelichting

5 Terug navigeren naar vorige pagina (de avond pagina)

5

SUBMIT

4 Artiest voordragen

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 11

Heeft de gebruiker een idee voor een artiest die moet optreden op DTRH? Vaak is hij/zij erg enthousiast over die artiest en waarschijnlijk ook fan. Voeg maar toe!

A: Invulformulier B: Zing je artiest naar de stage!

+ Duidelijk+ Geen foutmarge - Past niet bij de gebruiker/ DTRH

+ Ludiek + Past bij de stijl van DTRH, - Er kan onduidelijkheid ontstaan

Keuze

Ik heb gekozen voor optie B, maar ook met de optie om het handmatig in te voeren. Zo worden er weinig fouten gemaakt en mensen die minder goed kunnen zingen, kunnen alsnog de artiest toevoegen. Of als het een DJ is natuurlijk!

1

1

2

3

2

3

Uitleg geven wat het nou precies is en wat ze moeten doen

Deze voice-recorder werkt als een cirkel die zichzelf afrond. De gebruik-er moet hem ingedrukt houden om te recorden. De maximale duur kan 20 seconde zijn.

Via deze knop kan men altijd nog handmatig een artiest voordragen

Toelichting

4a Het handmatig toevoeg scherm wat men krijgt zodra ze op de knop drukken.

4b Na het toevoegen krijgen je het bedankscherm. Hier kan je je email invoeren om zo op de hoogte te blijven of jou artiest het heeft gered!

1

1 Koppeling aan Shazam zodat het nummer + artiest niet eerst hand-matig moet worden beoordeeld

Mogelijkheden

4 Terug navigeren naar homescreen

4

EXTRA

5 Informatie scherm

DAAN VAN DER ZWAAG // RABB-IT // 04-06-15 13

Op het informatie scherm worden de mogelijke vragen van gebruikers beantwoord. Vragen zoals: wat is Rabb-It? Is mijn ticket ook geldig voor DTRH? Krijg ik korting? Zo staat de applicatie op zichzelf en hoeft er geen website te worden ontwikkeld

A: FAQ stijl B: Tekst + beeld

+ Mensen zijn bekend met dit systeem+ Duidelijk en simpel - Geeft geen info over de applicatie- Ruimte te kort kan met uitvouwen

+ Clean en simpel+ Wordt ook uitleg gegeven over het gebruik van de app - Een stuk tekst geeft niet antwoord op directe vragen- Gebruikers moeten zoeken in de tekst als ze antwoord willen

Keuze

Ook hierbij heb ik mijn twee ontwerpen samengevoegd. De FAQ (frequently asked questions) zijn duidelijk en goed voor het gebruik bij feesten en festivals. Ik gebruik in mijn ontwerp het Q/A systeem .Toch een klein beeld er bij gedaan over het ge-bruik van de app aangezien dit navigatie systeem nieuw is.

1

1

2

3

2

De vragen plus antwoorden duidelijk en netjes onder elkaar

Het beeld uitleg van de applicatie. Dit kan een .GIF of .JPG zijn.

Toelichting

3 Terug navigeren naar homescherm