Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie

Transcriptie

1 Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie in opdracht van het Down The Rabbit Hole Festival Bart Oude Elferink Studentnummer Docent: Koop Reynders 11 juni 2015 Ontwerpspecificaties Rabb-it app pagina 1

2 Rabb-it is een initiatief van Down the Rabbit Hole (DTRH), een nieuw festival van Mojo dat in 2014 een groot succes was. Volgens dit nieuwe concept worden het hele jaar door (Rabb-it) avonden georganiseerd om muziekliefhebbers kennis te laten maken met het festival. Mij is gevraagd een app te ontwerpen die deze avonden gaat ondersteunen. Gekozen is voor een native app. Inhoud Sitemap Sitemap titelpagina 3 Sitemap 4 Wireframes Wireframes titelpagina Home Nieuws Programma Artiesten home Artiesten pagina Artiest tippen Agenda Evenementpagina 13 Applicatie overzicht Applicatie overzicht titelpagina 14 Applicatie overzicht 15 Home 1.0 Programma 3.0 Ontwerpspecificaties Rabb-it app pagina 2

3 De sitemap Op de volgende pagina staat de sitemap van de applicatie opgegeven, om de hiërarchische structuur van de applicatie zo duidelijk mogelijk over te brengen. Ontwerpspecificaties Rabb-it app pagina 3

4 De sitemap Doelen: De doelen van de gebruiker zijn: - Een overzicht krijgen van de planning m.b.t. activiteiten en hierin kunnen zoeken. - Een overzicht krijgen van welke activiteiten vrienden van plan zijn te bezoeken. - (Nieuwe) artiesten verkennen. - Zelf artiesten kunnen aandragen als suggestie. - Zelf artiesten kunnen beoordelen. - Zowel doelgericht kunnen zoeken als oriënterend surfen. De doelen van de organisatie zijn: - De naamsbekendheid vergroten. - Het verkopen van tickets. Structuur Ik heb naar aanleiding van het Affinity Diagram ervoor gekozen het beginscherm op te delen in de onderdelen Nieuws, Programma, Tickets bestellen en Informatie. Dit zijn de vier thema s die te maken hebben met de doelen van de gebruiker. Vanuit de Programma-pagina (3.0) kan de gebruiker losse informatie bekijken over artiesten, de agenda bekijken of hybride zoeken tussen beide onderdelen. Dit is opgesplitst zodat er zowel gezocht kan worden naar beide onderdelen samen en gesurft kan worden per individueel onderdeel. De algemene informatie over het festival en de Rabb-it avonden hebben ook een aparte sectie, zodat er wederom een scheiding ontstaat tussen de verschillende doelen van de gebruikers (doelgericht praktische informatie opzoeken versus oriënteren). Er is ook een Evenementpagina (3.2.1) uitgewerkt in dit document. Ontwerpspecificaties Rabb-it app pagina 4

5 Wireframes Op de volgende pagina s zijn de belangrijkste wireframes van de app afgebeeld, inclusief de ruwe schetsen en een onderbouwing voor de uiteindelijke keuze. Ontwerpspecificaties Rabb-it app pagina 5

6 1.0 Home Het doel van de pagina is om de gebruiker een startpunt te bieden naar de verschillende onderdelen van de app, en meteen suggesties te geven voor evenementen die hij wellicht interessant kan vinden. + De praktische informatie en de voorwaarden zijn duidelijk gescheiden van het inhoudelijke programma van de evenementen. + Hierdoor staat de content centraal. + Bij deze versie is personaliseren wél mogelijk. + Snel zien wanneer het eerstvolgende evenement is. + Als je ingelogd bent een suggestie op maat. - De app is gefocust op nederlandse bezoekers, engelstaligen zullen waarschijnlijk wel naar de volledige website gaan voor informatie. De toggle voor het wisselen van taal is dus overbodig. - Er is geen mogelijkheid om in te loggen, dus personaliseren van het aanbod is moeilijk. - Maar één suggestie per keer. Keuze: Ik heb ervoor gekozen om mijn tweede schets als basis te gebruiken, en van de suggestie-balk een caroussel te maken. Dit geldt zowel voor de status ingelogd en niet ingelogd, alleen is het bij deze laatste geen persoonlijk aanbod. Ontwerpspecificaties Rabb-it app pagina 6

7 2.0 Nieuws Het doel van de pagina is om de gebruiker een overzicht te bieden van het laatste nieuws op het gebied van het Down the Rabbit Hole festival en de Rabb-it avonden. + Het scrollen voelt vertrouwd op de mobiel. + Er is een mogelijkheid door te klikken naar de twitterfeed over de evenementen. - Geen sorteer- of filtermogelijkheid. - Er is weinig ruimte in de tegels voor tekst. Pluspunt: + Bij deze versie zijn de artikelen te filteren op soort nieuws, waardoor je snel nieuws in een bepaalde categorie kunt bekijken. - Er is weinig ruimte in de tegels voor tekst. - Geen Twitterfeed Keuze: Ik heb ervoor gekozen om mijn tweede schets als basis te gebruiken, maar de artikelen alleen een titel te geven zodat er meer artikelen op de pagina passen. Ook heb ik de Twitterfeed uit de volledige website toch laten vallen omdat dit afleidt van het scrollen door de nieuwsartikelen. Ontwerpspecificaties Rabb-it app pagina 7

8 3.0 Programma Het doel van de pagina is om een startpunt te bieden naar de verschillende onderdelen van het programma op de Rabb-it avonden. Ik heb ervoor gekozen om hierin een verdeling te maken tussen artiesten die op het programma staan en de algemene agenda. Pluspunt: + Duidelijk onderscheid in navigatie; artiesten en evenementen kunnen afzonderlijk van elkaar bekeken worden. + Wederom een (handige) suggestie in het overzichtscherm. + Bij deze versie kun je eenvoudig zoeken binnen evenementen én artiesten, zodat er een verband gelegd wordt tussen artiesten en geplande evenementen. - Navigeren is nu of/of, er is geen manier om beide onderdelen tegelijk te verkennen. - De knoppen 3 en 4 raken bij deze versie naar beneden weggedrukt door de toegevoegde zoekbalk. Keuze: Ik heb ervoor gekozen om mijn tweede schets uit te werken, en de caroussel wat smaller te maken zodat de rest van de knoppen als balken eronder passen. Dit vind ik rustiger ogen en maakt het één geheel. Ook heb ik een profielfoto toegevoegd bij de desbetreffende vriend(in). Ontwerpspecificaties Rabb-it app pagina 8

9 3.1 Artiesten home Het doel van de pagina is om de gebruiker de artiesten te laten verkennen die aangesloten zijn bij Down the Rabbit Hole. Het moet een startpagina zijn op het gebied van artiesten, die doorverwijst naar de detailpagina s van de artiesten. + Het scrollen voelt vertrouwd op de mobiel. + De sorteeropties komen logisch en begrijpelijk over op de gebruiker. + Mogelijkheid zelf artiesten aan te dragen. + Zoekbalk onderdaan geplaatst en een vaste relatieve positie gegeven zodat er bij de filteropties niet teveel drukte ontstaat. - Geen mogelijkheid zelf artiesten aan te dragen in - Er is weinig ruimte in de tegels voor tekst. de lijst. - De relatief hoge zoekbalk zou in de weg kunnen zitten bij het scrollen met de duim. Keuze: Ik heb ervoor gekozen om mijn tweede schets verder uit te werken, maar de artiest-tegels alleen een titel en genre te geven zodat er meer artiesten op de pagina passen. Bovendien is de zoekbalk wat minder hoog gemaakt en verdwijnt hij tijdens het scrollen waardoor de gebruiker hem vrijwel niet ongewenst zult raken. Ontwerpspecificaties Rabb-it app pagina 9

10 3.1.1 Artiestenpagina Het doel van de pagina is om de gebruiker een overzicht te bieden van een specifieke artiest. De gebruiker moet op deze pagina s informatie kunnen vinden over een artiest en recensies van andere bezoekers kunnen teruglezen. + Alle informatie van de artiest staat gelijk onder elkaar in een handig overzicht. + De gebruiker kan de artiest beoordelen en zodoende de beoordeling beïnvloeden. + Het toevoegen van recensies door anderen versterkt het gevoel van een community rondom de Rabb-it avonden. + Door het beoordelings-veld direct onder de andere recensies te plaatsen valt hij meer op. - Het beoordelings-veld voelt achteraf, het is niet - Door de gebruiker de optie te geven niet zijn prominent genoeg aanwezig. echte naam te gebruiken is het systeem gevoeliger voor fraude. Keuze: Ik heb ervoor gekozen om mijn tweede schets verder uit te werken, en direct onder de foto van de artiest een veld te plaatsen waarin het eerstvolgende optreden van de desbetreffende artiest weergegeven wordt. Ontwerpspecificaties Rabb-it app pagina 10

11 3.1.2 Artiest tippen Het doel van de pagina is om de gebruiker een artiest aan te laten dragen bij de festival-community. De gebruiker moet in enkele simpele stappen een inzending kunnen doen. + Het scrollen voelt vertrouwd op de mobiel. + De sorteeropties komen logisch en begrijpelijk over op de gebruiker. + Eenvoudige stappen, lage drempel om een artiest te tippen. + Mogelijkheid om een eigen opmerking of toelichting bij de inzending te plaatsen. - Genre drop-down menu kan verwarrend - Geen mogelijkheid zelf artiesten aan te dragen in zijn, verschillende gebruikers zullen verschillende de lijst. genres aangeven. Keuze: Ik heb ervoor gekozen om mijn tweede schets te gebruiken, omdat deze maar maximaal 4 stappen heeft om een inzending te doen en de stappen helder van aard zijn. Aan de kant van de organisatie zullen de inzendingen nog beoordeeld en onderzocht worden om te zorgen dat er geen dubbele artiesten tussen komen te staan. Vanwege deze controle heb het genre-menu erin gelaten. Ontwerpspecificaties Rabb-it app pagina 11

12 3.2 Agenda Het doel van de pagina is om de gebruiker een overzicht te geven van de activiteiten die de komende tijd georganiseerd worden. De gebruiker moet een helder overzicht krijgen van de aankomende periode en naar welke zijn vrienden ook heengaan. Pluspunt: + Veel verschillende sorteeropties. + De sorteeropties komen logisch en begrijpelijk over op de gebruiker. + Mogelijkheid alleen de evenementen te tonen waar vrienden ook heengaan, zo heeft de gebruiker meteen een overzicht hiervan. - Geen overzicht waar vrienden heengaan. - Er zijn geen sorteermogelijkheden voor de activiteiten, buiten de mogelijkheid om te filteren op stad en/of thema. - De checkbox is te hoog waardoor het een té grote stapel met controls is. - Geen zoekbalk. Keuze: Ik heb ervoor gekozen om mijn eerste schets verder uit te werken, maar de checkbox uit mijn tweede schets erin te verwerken.ook heb ik de checkbox gelijk getrokken met de rest van de controls zodat er een strak en overzichtelijk geheel ontstaat. Ontwerpspecificaties Rabb-it app pagina 12

13 3.2.1 Evenementpagina Het doel van de pagina is om de gebruiker meer informatie te bieden over een specifiek evenement binnen de agenda. Ook moet de gebruiker vanuit dit overzicht direct tickets aan kunnen schaffen voor het desbetreffende evenement. Pluspunt: + In een snelle oogopslag veel informatie. + Meteen zien welke vrienden gaan. + Makkelijk doorklikken naar de verschillende artiesten. + Direct tickets kunnen aanschaffen. - Geen locatieaangegeven. - Vrienden-functie werkt alleen indien ingelogd. - Ticket-knop helemaal onderaan, kan de gebruiker over het hoofd zien. Keuze: Ik heb ervoor gekozen om mijn schetsen te combineren, een locatie-balk toe te voegen en de ticket-knop wat meer bovenaan te plaatsen. Gebruikers die zich nog oriënteren op een avond zullen vanzelf naar beneden scrollen, omdat ze alle informatie op de pagina eerst willen bekijken voordat ze een keuze maken. Voor gebruikers die gericht de knop zoeken is hij nu sneller te vinden. Ontwerpspecificaties Rabb-it app pagina 13

14 Applicatie overzicht Op de volgende pagina staan alle schermen naast elkaar afgebeeld om een compleet overzicht van de applicatie te bieden. Ontwerpspecificaties Rabb-it app pagina 14

15 Applicatie overzicht Ontwerpspecificaties Rabb-it app pagina 15