Gertrude Lok

Oor website en Lowlands Applicatie

Versie 1.0 / Laura Mentink / V-104 / 500668667 / 31 Oktober 2013 / Gertrude Lok

1.

Index • Inleiding • Doelgroep • Leeswijze document

pag. 3 pag. 3 pag. 3

• Oor • Sitemap Oor

pag. 4

• Lo-fi’s Homepage Oor • Homepage Oor • Lo’fi’s Overzicht artikelen Oor • Overzicht artikelen Oor • Lo-fi’s Artikel Oor • Artikel Oor • Lo-fi’s Agenda Oor • Agenda Oor • Lo-fi’s event pagina Oor • Event pagina Oor

pag. 4 pag. 5 pag. 6 pag. 7 pag. 8 pag. 9 pag. 10 pag. 11 pag. 12 pag. 13 pag. 14

• Lowlands • Sitemap Lowlands • Lo-fi’s Homepage Lowlands • Homepage Lowlands • Lo-fi’s Agenda Lowlands • Agenda Lowlands • Lo-fi’s Evenement pagina Lowlands • Evenement pagina Lowlands

pag. 15 pag. 15 pag. 16 pag. 17 pag. 18 pag. 19 pag. 20 pag. 21


2.

Inleiding

Doelgroep

Lowlands ziet dat de echte muziekliefhebbers niet meer tot het festival worden aangetrokken, maar dat het vooral meelopers trekt. Deze komen voor de gezelligheid, maar niet meer voor de artiesten. Dit zal een bedreiging worden op langere termijn. Lowlands is al uitverkocht, voordat er namen bekend zijn. Als oplossing hiervoor, heeft Lowlands het muziekblad Oor gekocht. Oorlezers zijn muziekliefhebbers en Lowlands wil deze doelgroep aanspreken en ze op het festival van Lowlands krijgen. Ook willen ze de oorlezers informeren over het festival. Lowlands zal daarnaast ook gevoedt worden met opkomende artiesten.

Lowlands en Oor hebben allebei een andere doelgroep, maar door Oor over te kopen hoopt Lowlands op de doelgroep van Oor. Oorlezers zijn muziekliefhebbers en hebben dus meer kennis over muziek. Op lowlands komen op dit moment mensen die niet naar het programma hebben gekeken en worden gelabeld als “meelopers”.

Plan van aanpak

Het document is als volgt opgebouwd. Allereerst vindt je een omschrijving over Oor. Hierop volgt de sitemap, deze geeft de structuur van de website weer. Daarna zul je de lo-fi’s vinden en de keuze hieruit vindt je op de volgende pagina. Dit heb ik ook zo toegepast op de Lowlands app.

Oor heeft het probleem dat er steeds minder tijdschriften verkocht zullen worden en in de toekomst zal dit nog minder zijn. Oor wil kleine stappen maken naar een online magazine met een betaalmodel. Ze zullen het offline magazine ook nog behouden voor nu, omdat ze hier financieel afhankelijk van zijn.

Ik ben begonnen met de sitemaps tekenen. Zodat ik duidelijk kreeg voor mezelf wat ik in de low fidelity schetsen en high fidelity schetsen wilde zetten. Hierna ben ik de low fidelity schetsen gaan tekenen, totdat ik 2 goede low fidelity schetsen had en hierna ben ik de high fidelty schets gaan tekenen van de desbetreffende pagina. De business goals heb ik er steeds naast gehouden, om te kijken of deze wel aangehouden werden.

Lowlands gaat, in samenwerking met de Oor redactie en lezers, Lowlands avonden organiseren. Hier zullen veelbelovende artiesten optreden. Tijdens Lowlands komt de Oor stage, zodat lowlandsbezoekers bekend worden met Oor. De Business Goals zul je allemaal terugvinden in de schetsen. Oor heeft de volgende business goals: - Verkopen van abonnementen - Eerste voorzichtige stapjes naar betaalde content - Verkoop potentieel verjongen Lowlands heeft de volgende business goals: - Bekend worden als specialist van nieuwe opkomende muziek - Gebruikers het hele jaar aan Lowlands binden - Gebruikersinput inzetten voor een breed gedragen artiestenselectie


3.

Oor

Sitemap

Het blad dat in 1971 werd opgericht door Barend Toet. De voorbeelden voor Oor waren muziektijdschriften de Rolling Stone en het Engelse Melody Maker. Eerst richtte Oor zich op alle muziekgenres, maar in 1972 richtte het blad zich vooral op de popmuziek. Oor is opgekocht door Lowlands en wil zich meer gaan richten op de online verkoop van content. Het tijdschrift verkoopt veel minder goed, dus ze moeten met een oplossing komen. Op de volgende pagina’s vindt je de oplossing voor Oor.


4.

Lo-fi’s Homepage Oor

Keuze low fidelity

De keuze is gevallen op de onderste schets. Deze valt meer op en is niet zoals de bovenste schets standaard, zoals elke website. De website zal er speelser uitzien en dit past bij het uiterlijk van een muziekblad.

Organisatiestructuren

1

1. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 2. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website.

2

3. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 4. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website.

Business Goals

De buseniss goals die hier worden gerealiseerd zijn het verkopen van abonnementen, de eerste voorzichtige stapjes naar betaalde content en de verkoop potentieel verjongen.

3 4


5.

Homepage Oor

De homepage van OOR begint met een filmpje van 15 seconden. Dit is een filmpje als vervolg op een gelezen artikel in het offline magazine. Het filmpje laat de artiest, waar het artikel over ging “levend” zien en nadat deze is afgelopen wordt er een bericht getoond die verwijst naar de Lowlands app. Er is meteen een button te zien waar je naar het online magazine wordt verwezen. Ik heb ervoor gekozen niet direct ‘word abonnee’ neer te zetten, omdat dit mensen juist zal afschrikken.

1 2

3 4

Legenda

5

1. Het logo van Oor. Hier kan de gebruiker op klikken en dan komt hij weer op de homepage. 2. Wanneer de gebruiker een abonnee heeft op het online magazine, kan hij hier inloggen zodat hij toegang heeft tot de online content. 3. De gebruiker kan hier zoeken binnen de website. 4. Het hoofdmenu van de website. 5. Filmpje van een artiest, gelezen in een artikel in Oor. 6. Een knop die verwijst naar het online magazine (de betaalde content).

6

Sample content

1. Label. Hier kan de gebruiker wat invullen en dat wordt dan binnen de website gezocht. 1


6.

Lo’fi’s Overzicht artikelen Oor

Keuze low fidelity

De keuze is gevallen op de onderste schets. Omdat de website iPad geoptimaliseerd is, leek het me het beste om voor een swipetool te kiezen. Zo kan de gebruiker gemakkelijk door de artikelen heen swipen en dat maakt het meteen een plezier om van de website gebruik te maken.

1

Organisatieschema’s

2

1. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 2. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website. 3. Alfabetisch (exact) Hier staan de categorieën waar de artikelen over gaan. 4. Chronologisch (exact) De artikelen zijn gesorteerd op nieuwste eerst.

3

4

5. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 6. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website. 7. Alfabetisch (exact) Hier staan de categorieën waar de artikelen over gaan. 8. Chronologisch (exact) De artikelen zijn gesorteerd op nieuwste eerst.

Business goal

De business goals die hier worden gerealiseerd zijn het verkopen van abonnementen en de voorzichtige stapjes naar online betaalde content. Doordat de website interactiever zal worden, zal dit meer aanspreken voor een jongere doelgroep. Ook de connectie met Lowlands zorgt voor een jongere doelgroep. 5 6

7

8


7.

Overzicht artikelen Oor

Het online magazine heeft artikelen beschikbaar. Hier kan de gebruiker gemakkelijk doorheen swipen. Het online magazine is een aanvulling op het offline magazine. Het online magazine toont nog meer informatie over bijvoorbeeld een artiest en laat deze artiest ook tot leven komen door middel van filmpjes. Wanneer je nog geen abonnee bent, kan je een preview zien van 30 seconden. Nadat je abonnee bent geworden, kan je rechtsbovenin inloggen en kan je veel meer content bekijken. Je kan dit account ook koppelen aan je Facebook account, zodat het makkelijker wordt om in te loggen.

2

1

1

3

Legenda

1. Het logo van Oor. Hier kan de gebruiker op klikken en dan komt hij weer op de homepage. 2. Wanneer de gebruiker een abonnee heeft op het online magazine, kan hij hier inloggen zodat hij toegang heeft tot de online content. 3. De gebruiker kan hier zoeken binnen de website. 4. Het hoofdmenu van de website. 5. Een swipetool waarbij de gebruiker door de artikelen heen kan swipen, dit is erg ideaal voor op de iPad. 6. Een korte preview van 30 seconden over de artiest. 7. De gebruiker kan op deze button klikken om abonnee te worden op het online magazine. 8. Een menu om een categorie te selecteren, zodat de artikelen worden gefilterd.

4

5

6

7

Sample content

1. Label, hier kan de gebruiker wat invullen. 8


8.

Lo-fi’s Artikel Oor

Keuze low fidelity

De keuze is gevallen op de bovenste schets. Dit leek mij een betere optie, omdat de onderste mij toch te druk leek. Alleen een filmpje leek mij prima, zonder nog een extra foto ernaast. De tekst staat links, zodat wanneer er meer content is, de gebruiker naar beneden kan scrollen in dit gebied.

1 2


1. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 2. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website. 3. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 4. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website.

Business goal

De business goal die hier wordt gerealiseerd is de voorzichtige stap naar online betaalde content.

3 4


9.

Artikel Oor

Wanneer de gebruiker is ingelogd bij het online magazine van Oor, krijgt hoe toegang tot de extra content. Het is een lidmaatschap net zoals het offline magazine. De gebruiker kan delen op social media en video’s zoals bijvoorbeeld interviews en concerten bekijken. Via deze pagina wordt ook de Lowlands app laten zien. De gebruikers van Oor kunnen in de Lowlands app stemmen op artiesten, zodat deze op de Lowlands avond komen.

2

1

Legenda

3

1. Het logo van Oor. Hier kan de gebruiker op klikken en dan komt hij weer op de homepage. 2. Wanneer de gebruiker een abonnee heeft op het online magazine, kan hij hier inloggen zodat hij toegang heeft tot de online content. 3. De gebruiker kan hier zoeken binnen de website. 4. Het hoofdmenu van de website. 5. Een filmpje over de artiest. 6. Social media knoppen om te delen: Facebook, twitter en e-mail. 7. Hier kan de gebruiker meer video’s bekijken van de artiest, interviews en concerten bijvoorbeeld. 8. Hier kan de gebruiker direct naar de agenda en zien of er binnenkort concerten zijn van de artiest. 9. De gebruiker wordt hier doorverwezen naar de Lowlands app. Hij kan in deze app stemmen op artiesten, zodat deze op de Lowlands avond komen spelen.

4 2

5

6 7

8

Dummy content

1. Label, hier kan de gebruiker wat invullen. 2. Dummy content. Hier wordt de artiestennaam genoemd. 3. Greek Latin. Hier komt belangrijke content te staan, wat de gebruiker extra kan lezen naast het offline magazine.

9


10.

Lo-fi’s Agenda Oor

Keuze low fidelity

De keuze is gevallen op de bovenste schets. De onderste schets stelt een kalender voor met daarnaast de activiteiten. De bovenste schets leek mij beter voor een iPad geoptimaliseerde website. Grote plaatjes en wat minder tekst. De mensen van Oor hebben verstand van muziek en weten naar welke concerten ze toe willen.

1 2


3

1. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 2. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website. 3. Chronologisch (exact) De evenementen zijn gesorteerd op welke het eerst zijn. 4. Taak (ambigue) De gebruiker kan hier zoeken binnen de website. 5. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website. 6. Chronologisch (exact) De evenementen zijn gesorteerd op welke het eerst zijn.

4 5

6


11.

Agenda Oor

De agenda van oor is simpel en visueel vormgegeven. Dit is gemakkelijk voor de iPad.

Legenda

2

1

3

1 4

6

5

Dummy content

7

1. Label. Hier kan de gebruiker wat invullen en dat wordt dan binnen de website gezocht. 2. Dummy content. De evenementnamen zullen hier staan.

2


1. Het logo van Oor. Hier kan de gebruiker op klikken en dan komt hij weer op de homepage. 2. Wanneer de gebruiker een abonnee heeft op het online magazine, kan hij hier inloggen zodat hij toegang heeft tot de online content. 3. De gebruiker kan hier zoeken binnen de website. 4. Het hoofdmenu van de website. 5. De gebruiker kan voor een andere maand kiezen door op de pijltjes te klikken. De maand staat allereerst standaard op de maand welke maand het is. 6. De gebruiker heeft de keuze tussen 3 of 4 agenda items naast elkaar. 7. Een foto en daaronder de titel van het evenement. De foto is klikbaar.

12.

Lo-fi’s event pagina Oor

Keuze low fidelity

De keuze is gevallen op de bovenste schets. Omdat de lezer de omschrijving onder de video zal verwachten en niet ernaast.

1 2


1. Taak (ambigue) De gebruiker kan hier zoeken binnen de website, zodat hij meteen vindt wat hij zoekt. 2. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website, zodat de gebruiker direct naar het onderdeel kan gaan waar hij heen wil gaan. 3. Taak (ambigue) De gebruiker kan hier zoeken binnen de website, zodat hij meteen vindt wat hij zoekt. 4. Onderwerp (ambigue) Hier staan de hoofdonderwerpen van de website, zodat de gebruiker direct naar het onderdeel kan gaan waar hij heen wil gaan.

Business goal

De business goal die hier wordt gerealiseerd is het verkoop potentieel verjongen. Er zijn mogelijkheden met Social Media en hier maakt vooral de jonge doelgroep gebruik van. 3 4


13.

Event pagina Oor

De evenementen pagina van Oor. Je kan hier tickets kopen, jezelf op aanwezig zetten, het evenement delen en lezen over het evenement.

Legenda

2

1

1

3 4 3

2 6

5

7

Sample content

8

4


1. Het logo van Oor. Hier kan de gebruiker op klikken en dan komt hij weer op de homepage. 2. Wanneer de gebruiker een abonnee heeft op het online magazine, kan hij hier inloggen zodat hij toegang heeft tot de online content. 3. De gebruiker kan hier zoeken binnen de website. 4. Het hoofdmenu van de website. 5. Hier kan de gebruiker een klein stukje zien en horen van de artiest. 6. De gebruiker kan het evenement delen via social media. 7. De gebruiker zet zichzelf op aanwezig via een Facebook login en vervolgens wordt er ook laten zien welke vrienden/vriendinnen van hem gaan. 8. De tickets worden gekocht door op deze button te klikken. 9. De gebruiker wordt hier doorverwezen naar de Lowlands app. Hij kan in deze app stemmen op artiesten, zodat deze op de Lowlands avond komen spelen.

1. Label. Hier kan de gebruiker wat invullen en dat wordt dan binnen de website gezocht. 2. Dummy content. Hier wordt de evenementnaam genoemd. 3. Symbolic content. Hier komt de prijs te staan van het evenement. 4. Scribbles. Hier komt content van het evenement.

9

14.

Sitemap

Lowlands Lowlands is een driedaags muziekfestival dat sinds 1993 jaarlijks wordt gehouden in Biddinghuizen. Mojo Concerts begon Lowlands als tegenhanger van andere festivals zoals Dynamo Open Air en Pinkpop. Lowlands deed alleen meer alternatievere muziek. Er is niet alleen muziek te bekijken, maar ok literatuur, film, cabaret, ballet, theater en strip. Lowlands wil af van de mensen die een kaartje kopen, zonder dat zij het programma kennen. Zij komen dus niet speciaal voor de muziek en dit ziet Lowlands als een bedreiging. Zij kopen daarom Oor op en willen hiermee muziekliefhebbers bereiken.


15.

Keuze low fidelity

De keuze is gevallen op de linker schets. Dit oogt speelser en dat past beter bij Lowlands. Zo kan de gebruiker door de onderwerpen heen swipen. Dit werkt ook fijn op een smartphone.

Lo-fi’s Homepage Lowlands


1. Onderwerp (ambigue). Hier staan de hoofdonderwerpen van de website. De gebruiker kan er met zijn vinger overheen swipen. 2. Onderwerp (ambigue). Hier staan de hoofdonderwerpen van de website. 1

Business goal 2


16.

De business goal die hier gerealiseerd wordt, is de doelgroep het hele jaar aan Lowlands verbinden. Door deze app is het het hele jaar mogelijk om alle Lowlands nieuwtjes te volgen. Ook kunnen de Lowlands gangers het hele jaar door naar de Lowlands avonden die georganiseerd worden.

Homepage Lowlands

De homepagina van Lowlands is speels weergegeven door middel van een slider. Hier kan de gebruiker door de onderwerpen heen sliden. In de homepagina kan de gebruiker het nieuws, artiesten, agenda, mijn OOR en contact vinden. Mijn Oor is voor degenen die al een abonnement hebben op het online magazine van Oor. Zij kunnen hier inloggen en hebben hier een eigen pagina. Hier kunnen zij hun stemmen op artiesten terugvinden en zal uiteindelijk de line-up van de OOR stage als eerst bekend gemaakt worden. Deze wordt ook in samenwerking met de OOR online lezers samengesteld.

2

1

Legenda

1. Het logo van Lowlands. Dit is een escape naar home. 2. Hier kan het menu ten alle tijden opgeroepen worden. 3. Hoofdmenu van de Lowlands app, hier kan de gebruiker door de onderwerpen heen swipen.

3 1


17.

Lo-fi’s Agenda Lowlands

Keuze low fidelity

De keuze is gevallen op de rechter schets. Dit is voor de gebruiker makkelijker op zijn mobiel dan de rechter. De linker wordt erg klein en bij de rechter kan de gebruiker door de evenementen heen scrollen.


1. Chronologisch (exact) De evenementen worden chronologisch weergegeven. Zo is het makkelijk voor de gebruiker te vinden wat hij zoekt. 2. Chronologisch (exact) De evenementen worden chronologisch weergegeven. Zo is het makkelijk voor de gebruiker te vinden wat hij zoekt.

1


2

18.

Agenda Lowlands

De agenda van Lowlands is simpel weergegeven met de belangrijkste punten in een lijst. De titel, datum, tijd en locatie kan de gebruiker direct zien. Zo ziet hij meteen of hij bij het evenement aanwezig kan zijn. 2

1

Legenda

1. Het logo van Lowlands. Dit is een escape naar home. 2. Hier kan het menu ten alle tijden opgeroepen worden. 3. De gebruiker kan terug naar het vorige scherm door op deze pijl te klikken. 4. De gebruiker kan de evenementen filteren op de meest populaire of datum/tijd. 5. De gebruiker kan op het gehele vlak klikken en gaat dan door naar de detail pagina van het evenement.

3

4

Sample content

1. Dummy content. De evenementnamen zullen hier staan. 5

1


19.

Lo-fi’s Evenement pagina Lowlands

Keuze low fidelity

De keuze is gevallen op de linker schets. Omdat de rechter schets teveel informatie geeft en je moet zo min mogelijk tekst weergeven op een mobiel. De gebruiker wil zo min mogelijk lezen en zo snel mogelijk dingen beslissen.

Business Goals

De business goals die hier gerealiseerd worden zijn bekend worden als specialist van nieuwe opkomende muziek en gebruikersinput inzetten voor een breed gedragen artiestenselectie. De oorlezers die op het online magazine geabonneerd zijn, kunnen stemmen welke opkomende artiesten er op de Lowlands avonden komen en op de Oorstage. Deze lezers hebben bijna allemaal verstand van muziek en daardoor wordt Lowlands ook bekender in het werven van opkomende artiesten.


20.

Evenement pagina Lowlands 1

De evenement overzichtspagina bevat verschillende onderdelen die de gebruiker het meest zal gebruiken. Hij kan een trailer bekijken van het evenement, tickets kopen, delen via facebook en een stem uitbrengen voor deze avond voor een artiest.

2

Legenda

1. Het logo van Lowlands. Dit is een escape naar home. 2. Hier kan het menu ten alle tijden opgeroepen worden. 3. De gebruiker kan terug naar het vorige scherm door op deze pijl te klikken. 4. Een trailer van het evenement kan hier worden bekeken. Wanneer het filmpje wordt aangeklikt, zal deze vergroot worden, zodat de gebruiker hem goed kan bekijken. 5. De tickets-button. Hier kunnen tickets worden gekocht voor het evenement. 6. De gebruiker kan hier een stem uitbrengen voor de artiest die hij wil zien op deze lowlands avond. Er moet wel ingelogd worden voordat er een stem kan worden uitgebracht. Dit kan op de homepage of hier door middel van de gebruikersnaam en wachtwoord van het oor online magazine. Deze kan ook gekoppeld worden aan Facebook, zodat de gebruiker sneller kan inloggen. 7. De social media buttons. De gebruiker kan het evenement delen op facebook, twitter of mailen naar een vriend(in). 8. Hier ziet de gebruiker die niet het online oor magazine heeft, dat hij ook inspraak kan hebben op de line-up. Hij moet echter wel eerst een abonnement nemen op het online magazine. 9. Hier worden de aanbevolen events getoond. Deze worden gekozen aan de hand van de bekeken events van de gebruiker.

3

4 1

5

2 6

7

8

Sample content

9


1. Symbolic content. Hier komt de prijs te staan van het evenement. Een prijs is altijd met 2 cijfers voor de komma en 2 achter de komma. Zo is het herkenbaar. 2. Scribbles. Ik heb dat hier gebruikt, zodat de aandacht meer op het andere wordt gevestigd op de pagina. Bij elk evenement staat andere tekst, dus het is niet belangrijk wat hier nu staat.

21.

Gertrude Lok

Recommend Documents