Vous êtes sur la page 1sur 14

DOWN THE RABBIT HOLE

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

SITEMAP
De sitemap van de app dient als uitgangspunt van wat de schermen
moeten bieden en wat de hierarchie van deze schermen is. De volgende
structuur biedt een basis voor schattingen van de ontwikkelfases. Vanaf
de homepage is de hoofdnavigatie zichtbaar. Van de hoofdnavigatie
breiden de schermen zich uit tot een app die voldoet aan alle User Goals.

Inhoudsopgave

Inleiding
DE OPDRACHT

Inleiding

Sitemap

Homepagina

Artiestenoverzichtpagina 7
Artiestendetailpagina

Themaoverzichtpagina

11

Themadetailpagina

13

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Down The Rabbit Hole organiseert wegens


groot succes Rabb-it avonden door het jaar
heen. Hier kunnen liefhebbers naartoe voor
muziek en activiteiten. Deze avonden
bestaan uit themas in de stijl van areas op
het festivals. Er moet een app worden
gemaakt om de Rabb-it avonden te
ondersteunen. Binnen de app kunnen
gebruikers een leuke avond vinden om
heen te gaan en mee denken over de
artiesten op deze avonden door beoordelingen.
DE GEBRUIKERS
Voor de gebruikers moeten er over meerdere contexten zijn nagedacht. Zo moet er
direct kunnen worden gezocht, en ontspannen worden rondgekeken. Ook moet de
navigatie zowel exact als ambigue zijn, om
dezelfde reden. Het is de bedoeling dat de
gebruiker een leuke avond vindt, dit kan
door te zoeken of door iets aan te bevelen.
De gebruikers kunnen zelf ook iets aanbevelen.
DE APP
De app combineerd casual browsing en
directed searching om zo de beste avond
te vinden voor de gebruiker. De gebruiker
kan themas en artiesten volgen om zo zijn
feed te vullen en in n oogopslag nieuwe
updates te zien. Ook zijn er veel
mogelijkheden tot filteren en zoeken om
snel een item te vinden. Als de gebruiker
iets leuks heeft gevonden, kan hij dit
opslaan in zijn agenda. Op deze manier
zorgen we dat gebruikers op een leuke en
effectieve manier een avond vinden die bij
ze past en waar ze naar uit kunnen kijken.

Home
Artiesten

1.0

Pagina
Themas

2.0

Artiest

LEGENDA

2.1

3.0

Thema

Groep paginas
3.1

1.0
Vanaf het homescreen kan de
gebruiker direct navigeren naar de
artiestenoverzichtpagina of de
themaoverzichtpagina. Ook kan er
vanaf het homescreen worden
gezocht met de zoekbalk of naar het
profiel worden gegaan.

2.0
De artiestenoverzichtpagina laat alle
artiesten zien, de gebruiker kan deze
weergave zelf sorteren. Meteen vanaf
deze pagina kan een gebruiker zich
abboneren op een artiest, zodat deze
updates in de nieuwsfeed op het
homescreen komen te staan.

Het homescreen functioneert als


nieuwsfeed. De gebruiker beslist zelf
waaruit deze content bestaat door
artiesten en evenementen te volgen
of door suggesties die voortkomen
uit klikgedrag.

2.1
Op deze pagina kunnen gebruikers
zien wanneer de artiest waar optreed
en krijgt hij suggesties gebaseerd op
interesse in deze artiest. Artiesten
worden ook getagd waardoor
gebruikers artiesten kunnen zoeken
met dezelfde tag.

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

3.0
De themaoverzichtpagina laat alle
themas zien, die de gebruiker naar
keuze kan sorteren. De avonden zijn
per thema gegroepeerd, door naar
beneden te scrollen ziet de gebruiker
meer themas en door opzij te swipen
ziet hij meer avonden onder dat
thema.
3.1
Op de themadetailpagina kunnen
gebruikers zien wat het thema precies
inhoudt, welke line-up een avond
heeft en kan hij doorverwezen
worden naar een ticket-pagina. Ook
kan hij meer avonden van dat thema
zien onderaan de pagina.

Homepagina

1. Feed met navigatiebalk

2. Menu met items eronder

De homepagina is de eerste pagina die gebruikers zullen zien. Op deze pagina staan alle
updates die interessant zijn voor de gebruiker. Evenementen die dichtbij zijn, waar ze
interesse in hebben getoond, updates van artiesten die ze volgen of artiesten die stijgen
in populariteit. Naast deze feed is er ook een hoofdnavigatie en een zoekbalk om snel te
kunnen vinden wat de gebruiker zoekt. De gebruiker hoeft niet in te loggen om deze
pagina te zien. Zonder in te loggen zijn de berichten niet gepersonaliseerd, maar
verschijnen wel de belangrijkste updates in de nieuwsfeed.

Pluspunten
+ Goede casual browsing
+ Past zich aan op gebruiker
+ Wekt meteen interesse

Pluspunten
+ Menu is duidelijk
+ Makkelijk voor nieuwe gebruikres

Minpunten
- Minder makkelijk voor
nieuwe gebruikers

Minpunten
- Weinig mogelijkheid tot casual browsing
- Menu gaat niet mee naar volgende paginas

Ik heb gekozen voor de eerste schets, omdat deze casual browsing en


directed searching het beste combineerd. Ook is de feed beter dan die van
de tweede schets, omdat deze door de gebruiker zelf ingericht kan worden
door evenementen of artiesten te volgen.

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Annotaties

2
1

4
1

Hoofdnavigatie
Hier kan de gebruiker navigeren
tussen home, artiesten en themas.

Profiel
Dit icoon is een link naar de profielpagina.

Het profiel laat


alle artiesten, tags
of themas zien
die de gebruiker
besloot te volgen.
Als iets gevolgd
wordt door de
gebruiker komen
deze updates
direct in de
nieuwsfeed te
staan

3
viewport

-------------------------------------------------------------------------------

Zoeken
Uit dit icoon komt een zoekbalk
waarin de gebruiker trefwoorden
kan typen en ze zo kan opzoeken.

Gepersonaliseerde updates
Op basis van locatie, gevolgde
artiesten en belangrijke updates
komen berichten in de nieuwsfeed.

Door te klikken en door te


swipen kan de gebruiker in
het menu navigeren

De berichten in de feed worden


(na natuurlijk relevantie voor
gebruiker) georganiseerd op het
nieuwste bericht bovenaan

Submit
Door op deze knop in het profiel te
kiezen krijgt de gebruiker een
formulier te zien waar hij een artiest
kan aandragen.

Toelichting
Gestures
Organisatiesysteem

Artiestenoverzichtpagina

1. Filter de artiesten

2. Blader door de artiesten

De Artiestenpagina is te bereiken via updates op de homepagina, of via de


hoofdnavigatie. De artiesten kunnen worden gesorteerd op populariteit, alfabet, nieuwste
artiesten ect. De artiesten kunnen via deze pagina worden gevolgd door de gebruiker,
waardoor opdates meteen op de homepagina komen te staan. Ook kan de gebruiker de
artiesten beoordelen of een nieuwe artiest voorstellen.

Pluspunten
+ Veel zoek- en sorteeropties
+ Kan vanaf hier naar artiest- en eventpagina
+ Kan artiest meteen volgen

Pluspunten
+ Gebruiker kan zien waar hij nu is
+ Makkelijk bladeren (casual browsing)

Minpunten
- Filter is niet steeds volledig zichtbaar

Minpunten
- Gebruiker kan vanaf hier alleen naar
artiestpagina
- Menu gaat niet mee naar volgende
paginas

De eerste schets is als best gebleken voor de app. Door de artiesten te filteren
heeft de gebruiker meer mogelijkheden tot sorteren en zoeken. Ook is het
handig dat de gebruiker vanaf de artiestenpagina kan navigeren naar een
artiest, evenement, of de artiest meteen kan volgen.

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Annotaties

Drop down filter


Door op dit filter te klikken klapt
het uit en schuift het de andere
berichten iets naar beneden.

Checkbox

Door een artiest aan te vinken, verschijnt deze in je nieuwsfeed op het homescreen. De reden dat het volgen van
artiesten hier een checkbox is en geen
plusje, is omdat er heel veel artiesten
zijn. Het verschil tussen een wel of niet
aangevinkte checkbox is duidelijker te
zien dan een plus of vinkje.

2
Sorteer op:
Meest recente
Populairste eerst

Alfabet

De gebruiker kan de
sorteerwijze zelf bepalen, de
default is meest recente

De volgorde van de sorteer-opties


zijn zo geordend omdat wordt
verwacht dat gebruikers het vaakst
zullen zoeken op meest recente
optreden

3
2

Link naar de artiest


Door op de naam van de artiest te
klikken kan de gebruiker naar de
artiestdetailpagina.

3
viewport

-------------------------------------------------------------------------------

Link naar evenement


Op basis van keuze uit het filter
staat hier relevante informatie, zoals
hoeveel stemmen de artiest heeft
onder populairste eerst

Toelichting
Gestures
Organisatiesysteem

Themaoverzichtpagina

1. Filter de themas

2. Sorteer de themas

Op de themapagina kunnen gebruikers een geschikte avond vinden op basis van het
thema van die avond. De themas zijn afkomstig van stages op het DTRH festival. Het is
belangrijk dat gebruikers een goed beeld krijgen van wat zon thema inhoudt om te
beslissen of ze erheen willen. Met de gekozen uitwerking kunnen gebruikers snel
navigeren tussen verschillende themas en avonden. De gebruiker kan de

Pluspunten
+ Laat alleen themas zien die gebruiker kiest
+ Kan snel het evenement toevoegen
Minpunten
- Er is kennis van de themas nodig
- Kan de themas niet sorteren

Pluspunten
+ Sorteert de themas op populariteit en
meest recente tegelijk
+ Geeft een indicatie van de sfeer van het
thema
Minpunten
- Kan niet filteren op bepaald thema
- Thema toevoegen kan pas op de
themapaginas

De schetsen hebben evenveel plus- en minpunten. Ik wil voor het uiteindelijke scherm de
schetsen combineren. Het is de bedoeling dat de gebruiker de themas kan filteren, maar
ook ziet wat de themas inhouden. De lijst met themas moet ook gesorteerd kunnen worden
en de evenementen snel worden opgeslagen.

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Annotaties

Drop down filter

Sorteren

Door te sorteren op populairste of


alfabetisch staan de themas onder
elkaar op deze manier, met horizontaal
de meest recente. Populariteit wordt
bepaald door het aantal volgelingen van
een thema.

Door op dit filter te klikken klapt


het uit en duwt het de avonden een
stukje naar beneden.

1
5

Sorteer op:

Meest recente
Populairste eerst

De afbeelding dient als sfeerfoto om


een indicatie te geven van wat het
thema inhoudt.

Alfabet

Link naar evenement

Door te klikken op de afbeelding of


tekst kan de gebruiker naar de
evenementpagina

1
viewport

-------------------------------------------------------------------------------

De gebruiker kan zelf kiezen hoe de


avonden gesorteerd worden, de
default is meest recente

De avonden, die verticaal staan kunnen


door de gebruiker zelf worden
geordend, horizontaal staan de
avonden altijd op meest recente

Volg dit thema

Door op de + de klikken, volgt de


gebruiker het thema en verschijnen
updates hierover in de nieuwsfeed.

Afbeelding

De avonden zijn gegroepeerd


per thema, door te swipen kan
de gebruiker de volgende avond
zien

Toelichting
Gestures
Organisatiesysteem

12

Artiestendetailpagina

1. Alles onder elkaar

2. Blader tussen paginas

Deze pagina laat alle informatie over een specifieke artiest zien. De gebruiker kan de
artiest volgen, beoordelen en de eerstvolgende optredens bekijken. Daarbij zorgen tags
en suggesties ervoor dat de gebruiker naar andere artiesten (en dus avonden) kan zoeken
die hem ook aanspreken. Op deze manier komt deze pagina verschillende
gebruikerscontexten tegemoet. Gebruikers die de artiest niet kennen kunnen via tags en
beoordelingen worden voorgesteld aan nieuwe artiesten. Gebruikers die de artiest al wel
kennen, zien gelijk wanneer en waar ze deze artiest kunnen zien. Ook kunnen ze door de
tags en suggesties andere artiesten zien die ze misschien nog niet kennen.

Pluspunten
+ Compact, maakt goed gebruik van ruimte
+ Toont veel informatie op hetzelfde scherm
Minpunten
- Gebruiker moet veel scrollen
- Linkt naar verdere kleine schermen

Pluspunten
+ Snel duidelijk waar de gebruiker naar kan
kijken
+ Handig voor gebruikers die alleen de
optredens/beoordeling willen zien
Minpunten
- Geeft weinig info over de onderwerpen
- Meer directed searching dan casual
browsing omdat de gebruiker moet weten
wat hij wil zien voor hij kiest

Na afweging is de eerste schets uitgewerkt, omdat deze de User Goals beter behartigd dan
de tweede schets. Dit scherm weergeeft alle content onder elkaar, waardoor het
eerstvolgende optreden, de beoordeling, suggesties en tags meteen kunnen worden
bekeken. Dit scherm laat zien hoeveel gebruikers welke beoordeling gaven, zodat de
gebruiker een goed beeld krijgt van de waardering van de artiest.

Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Annotaties

Door deze box aan te vinken volg je de


artiest en verschijnen updates over deze
artiest in de nieuwsfeed. Na te hebben
geklikt veranderd de plus in een vinkje.
Nog een keer klikken ontvolgt de artiest
weer.

1
2

1
1
3

Sleep het scherm naar beneden


om meerdere optredens van de
artiest te zien en weer naar
boven om deze te verbergen

Suggesties
Artiesten die het meest lijken op deze
artiest en daarom interessant zijn voor
de gebruiker.

Link naar relevante artiest


Door op de meer zoals artiest te klikken,
gaat de gebruiker naar de artiestdetailpagina
van deze specifieke artiest.

Tags
De tags worden gekozen door het bestuur.
Door op een tag te klikken ziet de gebruiker
alle artiesten onder deze tag.

De eerstvolgende datum van optreden


Na dit
scherm uit te
rekken ziet
de gebruiker
alle toekomstige optredens van de
artiest.

4
5

Volg de artiest

viewport

-------------------------------------------------------------------------------

Beoordeel de artiest
Door op een bepaald aantal sterren te
klikken beoordeelt de gebruiker deze
artiest.

Gemiddelde beoordeling
Het gemiddelde van de beoordelingen
met daarnaast een overzicht van de
beoordelingen van andere gebruikers.
gebruikers

De optredens zijn georganiseerd op meest


recente zodat de gebruiker een chronologisch
en dus voorspelbaar overzicht krijgt

De artiesten onder dezelfde tag staan


standaard georganiseerd op meest recente
optreden, de gebruiker kan dit nog aanpassen
naar populairste eerst.

Toelichting
Gestures
Organisatiesysteem

10

Themadetailpagina

1. Filter de themas

2. Sorteer de themas

Op deze pagina kan de gebruiker komen via de themaoverzichtpagina of direct via de


nieuwsfeed als een avond wordt voorgesteld. De gebruiker kan hier de avond opslaan in
de agenda, tickets zoeken en de line-up bekijken. Het is belangrijk dat gebruikers goed
worden genformeerd voordat ze tickets kopen, omdat de tickets op een andere website
worden verkocht waar geen details over de avond staan. Met het uitgewerkte ontwerp
wordt zo duidelijk mogelijk gepresenteert welke artiesten optreden, waar en hoe laat het
plaatsvind en wat het thema inhoudt.

Pluspunten
+ Snel zijn 3 acties mogelijk; volgen, kopen,
bekijken
+ De artiesten kunnen meteen gevolgd
worden

Pluspunten
+ Maakt beter gebruik van de ruimte op het
scherm door uitschuiven van schermen
+ De tijd en informatie over het soort thema
staan bovenaan

Minpunten
- Toont alleen populairste artiesten
- Extra pagina voor de hele line-up
- Info over Thema neemt onnodige plaats in

Minpunten
- call to action staat pas onderin

Uiteindelijk is gekozen voor het tweede scherm, vooral omdat deze het best gebruikt maakt
van de ruimte op het scherm. Ook komt de tweede schets meerdere gebruikerscontexten
tegemoed. Wanneer de gebruiker nog niks over het thema weet, kan deze via een pop-up
lezen wat het inhoud en kan dan kiezen om het schema te bekijken. Gebruikers die al wel
van het thema weten worden niet lastiggevallen met informatie en kunnen het evenement
meteen toevoegen/tickets kopen.
Leonie Smits | 500710442 | Koraal | Eindopdracht | Informatie Architectuur | Maart 2016

Annotaties

Informatie over dit thema

Door op deze button te klikken wordt de


gebruiker dooverwezen naar een andere
site om tickets te kunnen kopen.

Door op het i icoon te klikken komt


er een pop-up scherm met
informatie over het thema.

Zoek tickets

Gelijke evenementen

Meer avonden die plaatsvinden in


dit thema, om de gebruiker te
stimuleren deze ook te bekijken

6
2

2
3

1
3

5
viewport

-------------------------------------------------------------------------------

De line-up wordt weergeven op


meest recente artiesten, dit is hetzelfde wanneer deze uitklapt tot
het volledige schema

De andere avonden onder dit thema


worden op meest recente geordend
om als agenda te kunnen functioneren
voor de gebruiker.

Bekijk de line-up

Door in het line-up kader te klikken


schuift dit scherm uit en ziet de
gebruiker het volledige schema.

Door op de + te klikken kan de


gebruiker ook dit evenement snel
volgen.

Volg dit evenement

Door het evenement te volgen


komen herinneringen in de
nieuwsfeed en staat het evenement
in het profiel.

Volg dit evenement

Toelichting
Gestures
Organisatiesysteem

14