RABB-IT DAAN VAN DER ZWAAG LILA // 3 JUNI 2015 // P // INFORMATIE ARCHITECTUUR

Transcriptie

1 RABB-IT DAAN VAN DER ZWAAG LILA // JUNI 05 // P // INFORMATIE ARCHITECTUUR

2 Inhoudsopgave RABB-IT Inleiding De sitemap De Ontdekking Homepage 6 De avond (komend) 7 De avond (geweest) 8 De artiestenpagina 9 Submit Artiest aandragen Extra Informatiepagina 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 evenement 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 belangrijk is; ontdekken. Feeling lucky? Ontdekken staat centraal in mijn applicatie, trek aan de hendel en kijk waar je uitkomt. Go down in the rabbit hole! Homescreen non-active Homescreen active DAAN VAN DER ZWAAG // RABB-IT //

3 SITEMAP

4 Sitemap De structuur Artiestenpaginas Artiesten Voordragen Homepage De De Poort Poort De Poort Informatie 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 applicatie 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 Handmatig Bedanktscherm De Poort Teddy Widder De Poort De Poort Idyllisch Veldje De doelen van de gebruiker zijn vooral om de avonden te verkennen, te besluiten naar welke hij/zij toe gaat en tickets 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 Poort De Poort Vuige Veld Legenda De Poort De Poort Het Bos De thema muziek-avond voordat avond is begonnen De Poort De Poort Hotot De thema muziek-avond nadat de avond is geweest De Poort De Poort De Steiger De Poort De Poort De Vuurplaats DAAN VAN DER ZWAAG // RABB-IT //

5 DE ONTDEKKING

6 . Homepage Toelichting De homepage is het belangrijkste voor de navigatie, gebruikers beginnen en eindigen hier. Hier begint het ontdekken. Hopelijk op een leuke creatieve manier, want dat is DTRH ook. A: Rasterverdeling De pijpleiding waar iets uitdruppelt, de drijfkracht achter het water rad van fortuin Het 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. A B: Het rad van fortuin B Gestures Navigeert naar artiest aandragen + Erg overzichtelijk + Mooi gebruik van beeld + Snelle navigatie - Vaak gebruikt - Past niet bij de sfeer van DTRH, te simpel + Nieuw, nog niet eerder gebruikt als navigatie methode + Roept interactie op + Past bij DTRH, met spinners 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! DAAN VAN DER ZWAAG // RABB-IT // Navigeert naar informatiepagina A B Zodra de gebruiker aan de hendel trekt begint het rad te draaien door het water/zeewier wat uit de pijp () komt. Het rad is ook met de vinger te bedienen en kan het zo ook rond draaien door er aan te slingeren. Ook kan de gebruiker op een vlak tikken om direct te navigeren In actie Hier is het scherm in beweging en komt het water/zeewier naar beneden vallen vanuit de pijp om zo het wiel te laten draaien. Dit gebeurd random en komt dus op een willekeurig podium terecht elke keer Dit is tevens het enige scherm wat visueel is uitgewerkt, aangezien dit het belangrijkste onderdeel is en ik het zo duidelijker kon maken. 6

7 a De avond (komend) Toelichting 5 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 beweegt. Deze gaat door naar de ticketverkoop. 5 Terug navigeren naar homescreen 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. DAAN VAN DER ZWAAG // RABB-IT //

8 a De avond (geweest) Toelichting 5 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 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 gewoon benieuwd bent. 5 Terug navigeren naar homescreen 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 lineup + Filmpje van de avond zelf + Line-up is schaalbaar - Niet duidelijk of het geweest is of niet - Geen call to action - Zonder filmpje geen pagina 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. DAAN VAN DER ZWAAG // RABB-IT //

9 . Artiestenpagina Toelichting 5 Op de artiestenpagina s kunnen mensen meer informatie vinden over de desbetreffende 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 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, Bandcamp of een ander muziekplatform 5 Terug navigeren naar vorige pagina (de avond pagina) + Herkenbaar en duidelijk + Veel witruimte - Weinig opties - Geen rating optie + Lijkt op een persoonlijk profiel + Koppelen aan social media - 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. DAAN VAN DER ZWAAG // RABB-IT //

10 SUBMIT

11 Artiest voordragen Toelichting 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 Uitleg geven wat het nou precies is en wat ze moeten doen Deze voice-recorder werkt als een cirkel die zichzelf afrond. De gebruiker moet hem ingedrukt houden om te recorden. De maximale duur kan 0 seconde zijn. Via deze knop kan men altijd nog handmatig een artiest voordragen B: Zing je artiest naar de stage! Terug navigeren naar homescreen Mogelijkheden + Duidelijk + Geen foutmarge + Ludiek + Past bij de stijl van DTRH, - Past niet bij de gebruiker/ DTRH - Er kan onduidelijkheid ontstaan Koppeling aan Shazam zodat het nummer + artiest niet eerst handmatig moet worden beoordeeld 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! DAAN VAN DER ZWAAG // RABB-IT // a Het handmatig toevoeg scherm wat men krijgt zodra ze op de knop drukken. b Na het toevoegen krijgen je het bedankscherm. Hier kan je je invoeren om zo op de hoogte te blijven of jou artiest het heeft gered!

12 EXTRA

13 5 Informatie scherm Toelichting 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 De vragen plus antwoorden duidelijk en netjes onder elkaar Het beeld uitleg van de applicatie. Dit kan een.gif of.jpg zijn. Terug navigeren naar homescherm + Mensen zijn bekend met dit systeem + Duidelijk en simpel + Clean en simpel + Wordt ook uitleg gegeven over het gebruik van de app - Geeft geen info over de applicatie - Ruimte te kort kan met uitvouwen - 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 gebruik van de app aangezien dit navigatie systeem nieuw is. DAAN VAN DER ZWAAG // RABB-IT //