Interactie ontwerp Oor website en Lowlands App Sitemaps, Lo-fi’s en Detail wireframes door Ilse Peetsma Oktober 2013 Informatie Architectuur 500674427 V1-02
Inhoudsopgave Inhoudsopgave 02 Inleiding 02 Doelstellingen 03 Sitemap Lowlands App 03 Lowlands Home Lo-fi 04 Lowlands Home Detail 05 Lowlands Agenda Lo-fi 06 Lowlands Agenda Detail 07 Lowlands Event Lo-fi 08 Lowlands Event Detail 09 Sitemap Oor Website 11 Oor Home Lo-fi 12 Oor Home Detail 13 Oor Artikelen overzicht Lo-fi 14 Oor Artikelen overzicht Detail 15 Oor Artikel Lo-fi 16 Oor Artikel Detail 17 Oor Agenda Lo-fi 18 Oor Agenda Detail 19 Oor Event Lo-fi 20 Oor Event Detail 21 Inleiding Ik heb de opdracht gekregen om een ontwerp te maken voor de Lowlands app en de Oor website. De Lowlands organisatie (Mojo) ziet het afnemen van muziekliefhebbers op Lowlands op lange termijn als een bedreiging. Om dit te voorkomen koopt Lowlands het muziekblad Oor. De redactie van Oor zal Lowlands voeden met opkomende artiesten en zal de lezers informeren en motiveren om naar het festival te komen. Oor ziet dat de toekomst voor een muziekblad twijfelachtig is en wil langzamerhand overgaan als een online magazine met een betaalmodel. Lowlands en Oor zullen door het hele jaar heen samen Lowlands avonden oganiseren, zodat gebruikers het hele jaar door worden gebonden met Lowlands. Tijdens Lowlands komt er de Oor stage, om zo het lowlands publiek bekender te maken met het merk Oor. De opdracht die ik heb gekregen is om een ontwerp te maken voor de nieuwe Lowlands app en de Oor website. De gebruikers van de Oor website zullen vooral kenners zijn (kernpubliek en early adopters), de Lowlands app gebruikers zijn volgers en mensen die er graag bij horen willen. Ik heb verschillende interactie ontwerpen gemaakt die in dit document te vinden zijn, ik zal mijn ontwerpkeuzes toelichten aan de hand van de doelstellingen.
Doelstellingen
Dummy Content
Belangrijk bij de Lowlands app zijn de volgende doelstellingen: - Lowlands moet bekend worden als specialist van nieuwe opkomende muziek. - Lowlands moet gebruikers het hele jaar door blijven binden aan Lowlands. - Lowlands moet gebruikersinput inzetten voor een breed gedragen artiestenselectie.
Ik heb in mijn wireframes sample content gebruikt omdat dit het beste weergeeft wat voor content er op welke plek komt te staan. Wanneer het (over)duidelijk is wat er komt te staan, gebruik ik squiggly lines. Dit omdat het goed weergeeft dat er tekst komt te staan, maar er in principe niet veel meer informatie nodig is.
Belangrijk bij de Oor website zijn de volgende doelstellingen: - Oor wil abonnementen verkopen. - Oor wil voorzichtige stapjes naar betaalde content bewerkstelligen. - Oor wil de verkoop potentieel verjongen.
Sitemap Lowlands App 1.0 Home
3.0 Agenda
2.0 Nieuws
2.1 Artikel
3.1 Event
4.0 Discover
3.2 Blokschema
5.0 Tickets
6.0 F.A.Q.
4.1 Band
Een belangrijke extra toevoeging is de Disover-pagina. Op deze pagina kunnen gebruikers nieuwe, opkomende artiesten ontdekken. Hierdoor zal lowlands bekend worden als specialist van nieuwe, opkomende muziek. Ook kunnen gebruikers hier de lowlands redactie tippen, zodat Lowlands een breed gedragen artiestenselectie kan krijgen. Daarnaast bindt lowlands de gebruikers zo het hele jaar, ook door de uitgebreide en gebruiksvriendelijke agenda. De pagina’s die ik ga uitwerken in dit document zijn het beginscherm van de app (1.0 Home), de agenda (3.0 Agenda) en een evenement pagina (3.1 Evenement). De andere pagina’s zijn out of scope en worden niet in dit document uitgewerkt.
7.0 Zoekresultaten
Lo-fi Wireframe - Lowlands App - 1.0 Home pagina
Tot stand koming keuze: Ik heb gekozen om elementen van zowel ontwerp A als B te gebruiken tot het daadwerkelijke interactie ontwerp. Ik heb gekozen voor het menu in ontwerp A, omdat er op deze manier meer ruimte is voor de content. Verder is het een gemakkelijk uitschuifmenu, wat bijdraagt aan een snelle en overzichtelijke navigatie. Ik heb gekozen voor de schakeling van afbeeldingen in ontwerp B, omdat er op deze manier onderscheid is tussen nieuws-artikelen en de uitgelichte band. Daarnaast is er best ruimte voor meer dan één nieuws artikel, vandaar dat ik heb gekozen voor meerdere nieuws artikelen. De business goals die op home pagina worden vervuld zijn: - Lowlands moet bekend worden als specialist van nieuwe opkomende muziek. Gebruikers blijven op de hoogte doordat er al op de homepagina nieuws-items verschijnen over muziek en door de wekelijks veranderende uitgelichte band. - Lowlands moet gebruikers het hele jaar door blijven binden aan Lowlands. Gebruikers worden het hele jaar gebonden omdat er het hele jaar nieuwtjes en andere interessante artikelen verschijnen. Daarnaast geeft de homepage meteen een overzicht van alle opkomende events. Organisatieschema’s ontwerp B: Menu: Ambiguous, onderwerp. Nieuws artikelen: Exact, chronologisch (nieuwste eerst).
Detail Wireframe - Lowlands App - 1.0 Home pagina Wanneer er op het menu wordt geklikt, schuift er een verticale balk over de pagina heen. Zie de afbeelding hieronder. De nieuwsartikelen linken naar hun unieke Artikel-pagina (2.1) Link naar de Nieuws-pagina (2.0). Link naar de discover pagina (4.1) van Wagmar Ka. Wanneer er op de video wordt geklikt, neemt de video het volledige scherm in beslag en wordt het filmpje afgespeeld. Wanneer het filmpje is afgelopen, verdwijnt deze automatisch weer en kom je weer terug bij de Home pagina. Link naar de Discover-pagina (4.). Link naar de Agenda-pagina (3.0). De events linken door naar hun unieke event (3.1).
Wanneer de gebruiker hier iets intypt, verschijnen suggesties onder het balkje, boven de andere menu-items (deze schuiven naar beneden). Wanneer de gebruiker zoekt, worden de zoekresultaten weergegeven op een nieuwe pagina. De menubalk is op deze nieuwe pagina weer ingeklapt. Wanneer de gebruiker vanaf de zoekresultatenpagina weer op het menu drukt, dan staan de zoekwoorden nog in de zoekbalk, waardoor deze gemakkelijk aangepast kunnen worden.
Alle menu items linken naar hun unieke pagina (zie sitemap).
Lo-fi Wireframe - Lowlands App - 3.0 Agenda pagina
Tot stand koming keuze. Ik heb gekozen om veel filters te gebruiken. Dit omdat er ontzettend veel verschillende evenementen zijn (vooral gedurende lowlands zelf). Dankzij filters wordt het zoeken overzichtelijker (omdat je bepaalde dingen weg kunt laten filteren) en klantvriendelijker (mensen krijgen alleen te zien wat ze willen zien). Ik heb gekozen om ontwerp A en B beide uit te werken, omdat ik denk dat zowel de lijst als het blokkenschema erg handig zijn in verschillende situaties. De lijst om een simpel overzicht te hebben van wat er te doen is, het blokkenschema geeft een (visueel) overzicht van de optredens en events ten opzichte van andere events, wat voor Lowlands zelf erg handig en bruikbaar is. De business goals die op home pagina worden vervuld zijn: - Lowlands moet bekend worden als specialist van nieuwe opkomende muziek. Gebruikers blijven op de hoogte doordat er uitgebreid wordt weergegeven welke bands/events optreden. Dit zijn ook nieuwe, opkomende artiesten. Doordat zij deze ook weergeven in hun agenda wordt dit goal behaald. - Lowlands moet gebruikers het hele jaar door blijven binden aan Lowlands. Doordat er nu een gemakkelijk overzicht is met duidelijke filters, kunnen gebruikers deze agenda het hele jaar door raadplegen om erachter te komen of er nog leuke evenementen zijn in de nabije toekomst.
Organisatieschema’s ontwerp A: Filters: Ambiguous, onderwerp Locatie: Exact, alfabetisch (a-z) Datum: Exact, chronologisch. Genre: Exact, alfabetisch (a-z) Agenda-items: Exact, chronologisch (eerstvolgende bovenaan), daarna locatie alfabetisch (a-z). Organisatieschema’s ontwerp B: Agenda-items: Exact, chronologisch, eerstkomende eerst. Daarna alfabetisch op locatie (a-z). Locaties: Exact, alfabetisch (a-z). tijd/datum: Exact, chronologisch.
Detail Wireframe - Lowlands App - 3.0 Agenda pagina Met deze twee tabbladen kan de gebruiker switchen tussen de lijstweergave en de blokweergave. Zie ook de afbeelding hieronder. Wanneer hier op wordt geklikt verschijnt er een lijst met alle locaties van Nederland. De gebruiker kan hieruit een locatie kiezen, of kiest voor heel Nederland. Vervolgens worden meteen in de agenda alleen de events weergegeven die op de gekozen locatie plaatsvinden. Wanneer er hier op wordt geklikt verschijnt er een pop-up met twee keer (‘van’ en ‘tot’) drie verschillende vakjes. De gebruiker kan door omhoog en naar beneden te swipen door de getallen scrollen en zo de data selecteren. Wanneer de gebruiker weer uit de dd/mm/jjjj selectie gaat, wordt de agenda meteen geüpdate. Wanneer er hier op wordt geklikt, verschijnt er een lijst met alle genres. De gebruiker kan hieruit een genre kiezen, of kiest voor alle genres. Vervolgens worden in de agenda alleen de evenmenten weergegeven met de genres die de gebruiker heeft geselecteerd. Wanneer de gebruiker op een event klikt, dan linkt dit naar de Event-pagina van dit event (3.1).
Wanneer er hier op wordt geklikt, verschijnt er een pop-up met drie verschillende vakjes. De gebruiker kan door omhoog en naar beneden te swipen door de opties scrollen en zo de juiste datum selecteren. Wanneer de gebruiker weer uit deze opties gaat, wordt de agenda meteen geüpdate.
De linker kolom (met locaties) staat vast, deze kolom scrollt niet horizontaal mee.
De rest van de pagina gaat horizontaal verder, de gebruiker kan verder naar rechts scrollen voor de rest van het blokschema.
Wanneer er in het blokschema wordt getikt, verdwijnt alles (titel, menu, e.d.) uit het scherm en is alleen het blokschema nog in beeld (meer ruimte).
Lo-fi Wireframe - Lowlands App - 3.1 Event pagina
Tot stand koming keuze. Ik heb gekozen om ontwerp A uit te werken. Dit omdat ik een grotere foto/afbeelding van het event belangrijk vind, omdat dit meteen een visualisatie van het event geeft. Daarnaast vind ik de zogenaamde “gig-info” erg belangrijk, en deze is bij ontwerp A recht voor z’n raap, overzichtelijk bovenaan. Ook hierdoor heb je meteen een goed beeld van het evenment (wanneer, waar, wie, enz.) De business goals die op deze pagina worden vervuld zijn: - Lowlands moet bekend worden als specialist van nieuwe opkomende muziek. Gebruikers blijven op de hoogte doordat er uitgebreid wordt weergegeven welke bands/events optreden. Dit zijn ook nieuwe, opkomende artiesten. Doordat zij ook een aparte event pagina hebben met veel informatie en een link naar de tickets, wordt dit goal behaald. - Lowlands moet gebruikers het hele jaar door blijven binden aan Lowlands. Doordat nu ieder event een uitgebreide pagina heeft, kunnen gebruikers Lowlands raadplegen als “informatie-centrum”. Organisatieschema’s ontwerp A: <- Ambiguous, task.
Detail Wireframe - Lowlands App - 3.1 Event pagina
Linkt terug naar de vorige pagina (de agenda). Wanneer er op de video wordt geklikt, neemt de video het volledige scherm in beslag en wordt het filmpje afgespeeld. Wanneer het filmpje is afgelopen, verdwijnt deze automatisch weer en kom je weer terug bij de event pagina. Alle artiesten die genoemd worden, hebben een link in zich die linkt naar hun discover pagina (4.1) Ga naar tickets linkt naar de ticketsite van dit evenement. Dit kan bijvoorbeeld livenation.nl zijn of ticketmaster.nl.
Sitemap OOR tablet website 1.0 Home
2.0 Artikelen
3.0 Agenda
2.1 Artikel
3.1 Event
4.0 Abonnement
5.0 Accountpagina
6.0 Contact
Belangrijk voor de Oor website is dat er nog steeds abonnementen verkocht zullen worden. Daarnaast willen ze voorzichtige stapjes naar betaalde content maken en de verkoop verjongen. Hiervoor is sowieso een abonnementen pagina nodig, waar de gebruiker een abonnement kan afsluiten. Daarnaast moet het ook mogelijk zijn om gratis artikelen te lezen, maar ook om bepaalde betaalde artikelen te kunnen kopen. Een accountpagina is dus nodig. De pagina’s die ik ga uitwerken in dit document zijn het beginscherm van de website (1.0 Home), het artikel overzicht (2.0 Artikelen), een artikel-pagina (2.1 Artikel), de agenda (3.0 Agenda) en een evenement pagina (3.1 Evenement). De rest van de pagina’s worden niet in dit document uitgewerkt.
7.0 Zoekresultaten
Lo-fi Wireframe - OOR website - 1.0 Home pagina
Tot stand koming keuze. Ik heb gekozen om ontwerp B uit te werken. Dit omdat ik denk dat ontwerp A op een tablet scherm misschien iets te druk word. Daarnaast vind ik de opbouw van ontwerp B beter, omdat alle artikelen en agenda hier bij elkaar staan en het magazine en abonnee worden ook. De business goals die op deze pagina worden vervuld zijn: - Oor wil abonnementen verkopen. In de pagina is een apart item als trigger tot het worden van abonnee. - Oor wil voorzichtige stapjes naar betaalde content bewerkstelligen. Door bij artikelen de prijs erij te zetten, ook als ze gratis zijn, komt er bij de gebruikers een besef dat er een prijskaartje aan hangt. Doordat slechts een paar artikelen een kleine bijdrage vereisen, maken de gebruikers langzamerhand kennis met het betalen voor artikelen.. - Oor wil de verkoop potentieel verjongen. Afbeeldingen. Aankomende events duidelijk. Organisatieschema’s ontwerp B: Menu: Ambiguous, onderwerp. Agenda-items: Exact, chronologisch (eerstkomende event bovenaan). Daarna alfabetisch op de locatie (a-z). Artikelen: Exact, chronologisch (nieuwste eerst).
Detail Wireframe - OOR website- 1.0 Home pagina
Het oor logo is een link naar de home-pagina. Wanneer de gebruiker op login drukt, komt er hier een pop-up in beeld met twee invoervelden (e-mailadres en wachtwoord). Wanneer de gebruiker al geregistreerd is, kan hij deze velden invoeren en inloggen op de site. Wanneer er is ingelogd, verandert “Login” in “Mijn Account” en wanneer de gebruiker hier op klikt, komt hij op zijn account pagina (5.0). Wanneer de gebruiker nog niet geregistreerd is bij Oor, dan is er de optie om zich te laten registreren. De gebruiker klikt hier op en wordt doorverwezen naar de account pagina (5.0), waar hij een nieuw account aan kan maken. Wanneer de gebruiker hier iets intypt, verschijnen de zoeksuggesties onder het balkje in een dropdown. Het zoeken gebeurt door de hele website. Wanneer de gebruiker zoekt, worden de zoekresultaten weergegeven op een nieuwe pagina. (7.0). Wanneer er op het magazine wordt gedrukt, verschijnt een grote pop-up met slideshow over de gehele site. Dit is het inkijk exemplaar van het huidige magazine. Hier is de optie om dit nummer te kopen of om een abonnement te nemen, voor beide opties wordt er doorgelinkt naar de accountpagina en hier wordt dit verder afgehandeld (5.0). Link naar de abonnement pagina (4.0). Elk event linkt door naar zijn unieke event (3.1). Linkt naar de Agenda-pagina (3.0). Elk artikel linkt door naar zijn unieke artikel-pagina (2.1).
Lo-fi Wireframe - OOR website - 2.0 Artikelen
Tot stand koming keuze. Ik heb gekozen om ontwerp B uit te werken. Veel jongeren zijn erg visueel ingesteld en houden niet van overbodige tekst lezen. Waar zij vooral op letten met selecteren van informatie is afbeeldingen en titels. Vandaar dat ik ontwerp A te veel tekst vond. Doordat jongeren zo selectief te werk gaan, vind ik meerdere items op een scherm beter, zo hoeven ze minder te scrollen en hebben ze een sneller overzicht van interessante artikelen. Ik heb gekozen om veel filters te gebruiken. Dit omdat er ontzettend veel verschillende artikelen zijn. Dankzij filters wordt het zoeken overzichtelijker (omdat je bepaalde dingen weg kunt laten filteren) en klantvriendelijker (mensen krijgen alleen te zien wat ze willen zien). De business goals die op deze pagina worden vervuld zijn: - Oor wil voorzichtige stapjes naar betaalde content bewerkstelligen. Door bij artikelen de prijs erij te zetten, ook als ze gratis zijn, komt er bij de gebruikers een besef dat er een prijskaartje aan hangt en kunnen ze hier langzaam aan wennen. Doordat slechts een paar artikelen een kleine bijdrage vereisen, maken de gebruikers langzamerhand kennis met het betalen voor artikelen. - Oor wil abonnementen verkopen. Wanneer gebruikers steeds vaker op artikelen struinen die geld kosten, zullen zij goedkoper uit zijn als zij een abonnement aanschaffen. - Oor wil de verkoop potentieel verjongen. Jongeren houden van visuele weergaven. Organisatieschema’s ontwerp B: Artikelen: Exact, chronologisch (nieuwste eerst). Filters: Ambiguous, onderwerp Soort atrikel: Exact, alfabetisch (a-z) Datum: Exact, chronologisch. Prijs: Exact, numeriek (laag-hoog)
Detail Wireframe - OOR website- 2.0 Artikelen
Wanneer de gebruiker voor het eerst op de pagina komt, staan alle filters aangevinkt (alle artikelen worden nu getoond). Wanneer de gebruiker een filter uitzet, verdwijnen onmiddelijk die artikelen die voldoen aan dit filter, uit de getoonde artikelen. Wanneer de gebruiker opnieuw op deze pagina komt, heeft de pagina onthouden welke filterselectie jouw voorkeur had. Elk artikel linkt door naar zijn unieke artikel-pagina (2.1).
Lo-fi Wireframe - OOR website - 2.1 Artikel
Tot stand koming keuze. Ik heb gekozen om ontwerp B uit te werken. Ik heb gekozen voor gerelateerde artikelen omdat gebruikers dit artikel interessant vindt, vaak gerelateerde artikelen ook interessant vinden. Het is dus een service voor de gebruiker dat ze vanuit hier door kunnen klikken naar andere interessante artikelen. De business goals die op deze pagina worden vervuld zijn: - Oor wil voorzichtige stapjes naar betaalde content bewerkstelligen. Door bij artikelen de prijs erij te zetten, ook als ze gratis zijn, komt er bij de gebruikers een besef dat er een prijskaartje aan hangt en kunnen ze hier langzaam aan wennen. Doordat slechts een paar artikelen een kleine bijdrage vereisen, maken de gebruikers langzamerhand kennis met het betalen voor artikelen. - Oor wil abonnementen verkopen. Wanneer gebruikers steeds vaker op artikelen struinen die geld kosten, zullen zij goedkoper uit zijn als zij een abonnement aanschaffen. - Oor wil de verkoop potentieel verjongen. Jongeren houden van visuele weergaven. Organisatieschema’s ontwerp B: Delen: Exact, alfabetisch (a-z). Gerelateerde artikelen: Exact, chronologisch (nieuwste eerst).
GRATIS ATRIKEL
Detail Wireframe - OOR website - 2.1 Artikel Linkt terug naar de vorige pagina (in dit geval het artikelen overzicht (2.0)). Dit kan ook een filmpje zijn. Wanneer er op de afbeelding/video wordt gedrukt, verschijnt een grote popup met slideshow over de gehele site. Indien video, dan wordt de video meteen afgespeeld. Wanneer de gebruiker buiten deze pop-up klikt, verdwijnt de pop-up weer. Wanneer het filmpje is afgelopen, verdwijnt deze automatisch weer en kom je weer terug bij de pagina. Gebruikers kunnen dit artikel delen met verschillende social media (nader te bepalen welke precies). De gerelateerde artikelen linken elk naar hun unieke artikel pagina (2.1).
BETAALD ARTIKEL Wanneer de gebruiker al een abonnement heeft, kan deze hier inloggen, er komt een pop-up in beeld met twee invoervelden (e-mailadres en wachtwoord). De gebruiker voert deze velden in en logt in op de site. Afhaneklijk van het abonnement wordt dit artikel vervolgens toegankelijk.
Hier is de optie om dit artikel te kopen of om een abonnement te nemen, voor beide opties wordt er doorgelinkt naar de accountpagina en hier wordt dit verder afgehandeld (5.0).
Lo-fi Wireframe - OOR website - 3.0 Agenda
Tot stand koming keuze. Ik heb gekozen om veel filters te gebruiken. Dit omdat er ontzettend veel verschillende evenementen zijn. Dankzij filters wordt het zoeken overzichtelijker (omdat je bepaalde dingen weg kunt laten filteren) en klantvriendelijker (mensen krijgen alleen te zien wat ze willen zien). Ik heb gekozen voor ontwerp B, omdat ik denk dat een simpel overzicht gewenst is. De business goals die op deze pagina worden vervuld zijn: - Oor wil de verkoop potentieel verjongen. Door een uitgebreide en overzichtelijke agenda kan oor dienen als een soort overzicht van alle evenementen in Nederland, waar natuurlijk veel jonge mensen naartoe gaan. Organisatieschema’s ontwerp B: Filters: Ambiguous, onderwerp Locatie: Exact, alfabetisch (a-z) Datum: Exact, chronologisch. Agenda-items: Exact, chronologisch (eerstvolgende bovenaan), daarna locatie alfabetisch (a-z).
Detail Wireframe - OOR website - 3.0 Agenda
Wanneer er op wordt geklikt verschijnt er een lijst met alle locaties van Nederland. De gebruiker kan hieruit een locatie kiezen, of kiest voor heel Nederland. Vervolgens worden in de agenda alleen de events weergegeven die op de gekozen locatie plaatsvinden. Wanneer er op wordt geklikt, verschijnt er een pop-upje met een kalender. Hier kan de gebruiker de gewenste ingangs en uitgangsdatum selecteren. Zodra de gebruiker weer uit de kalender gaat, wordt de agenda meteen geüpdate met de gewenste data. Wanneer de gebruiker op een event klikt (of op “meer...”), dan linkt dit naar de unieke event-pagina van dit event (3.1).
Lo-fi Wireframe - OOR website - 3.1 Event pagina
Tot stand koming keuze. Ik heb gekozen om gerelateerde events duidelijk te laten zien, omdat de gebruiker geinteresseerd is in deze band en zo kan zien of zij nog ergens anders optreden binnenkort. Daarnaast wil ik ook de andere events op deze locatie laten zien, waardoor de concert locatie ook in beeld is. De business goals die op deze pagina worden vervuld zijn: - Oor wil de verkoop potentieel verjongen. Doordat de gebruiker ook een overzicht heeft van gerelateerde events en een overzicht van de concertlocatie, krijgt deze veel interessante informatie. Dit is natuurlijk altijd aantrekkelijk en hoe aantrekkelijker iets is, hoe meer gebruikers, hoe groter de kans dat het jonge gebruikers zijn. Organisatieschema’s ontwerp A: Gerelateerde artikelen: Exact, chronologisch (nieuwste eerst). Locatie gerelateerde artikelen: Exact, chronologisch (nieuwste eerst).
Detail Wireframe - OOR website - 3.1 Event pagina
Linkt terug naar de vorige pagina (in dit geval agenda (3.0)). Dit kan ook een filmpje zijn. Wanneer er op de afbeelding/video wordt gedrukt, verschijnt een grote pop-up met slideshow over de gehele site. Indien video dan wordt de video meteen afgespeeld. Wanneer de gebruiker buiten deze pop-up klikt, verdwijnt de pop-up weer. Wanneer het filmpje is afgelopen, verdwijnt deze automatisch weer en kom je weer terug bij de event pagina. Ga naar tickets linkt naar de ticketpagina van dit evenement (dit kan bijvoorbeeld livenation.nl zijn of ticketmaster.nl). Elk event linkt naar zijn unieke event-pagina (3.1).
Nawoord Ik hoop dat ik door middel van dit document een duidelijk beeld heb kunnen geven van mijn proces en de keuzes die ik heb gemaakt om tot mijn uiteindelijke interactie ontwerpen te zijn gekomen.
