OOR & Lowlands Informatie Architectuur. Juliske Hummel Klas V Versie 1

Transcriptie

1 OOR & Lowlands Informatie Architectuur Juliske Hummel Klas V Versie 1

2 2 INDEX Debriefing 3 Aanpak 4 OOR 5 Sitemap 6 LoFi s Home 7 HiFi Home 8 LoFi s Artikelen 9 HiFi Artikelen 10 LoFi s Artikel 11 HiFi Artikel 12 LoFi s Agenda 13 HiFi Agenda 14 LoFi s Event 15 HiFi Event 16 Lowlands 17 Sitemap 18 LoFi s Home 19 HiFi Home 20 LoFi s Agenda 21 HiFi Agenda 22 LoFi s Event 23 HiFi Event 24 LoFi s OorContest 25 HiFi OorContest 26 Conclusie 27

3 3 DEBRIEFING Ontwerp voor Oor en Lowlands een website en een app. Omdat Lowlands meer gebruikers wilt bereiken het hele jaar door heeft Lowlands het muziekblad Oor gekocht. In samenwerking met Oor organiseert Lowlands door het jaar heen Lowlands-avonden, daarnaast komt er tijdens Lowlands een Oor stage. Om zo het publiek van Lowlands bekend te laten maken met Oor en andersom. De opdracht luidt om een aantal nieuwe pagina s voor de website van Oor en de applicatie van Lowlands te ontwerpen. Hier moet een verband tussen beide organisaties te vinden zijn. Het is belangrijk om met de volgende business goals rekening te houden: Lowlands - Bekend worden als specialist van nieuwe opkomende muziek - Gebruikers hele jaar binden aan Lowlands - Gebruikersinput inzetten voor een breed gedragen artiestenselectie Oor - Verkopen van abonnementen - Eerste voorzichtige stapjes naar betaalde content - Verkoop potentieel verjongen

4 4 AANPAK Allereerst wordt de huidige website van Oor en de huidige applicatie van Lowlands bekeken. Er wordt gekeken naar wat er mist en wat er overbodig is op de site. Zoals op de huidige website van Oor zijn wallpapers te vinden. De prioriteiten van Oor liggen op dit moment ergens anders dan het vrijgeven van wallpapers. Op basis van deze bevindingen wordt er voor beide organisaties een sitemap gemaakt. Hierdoor heeft men overzicht op hoe de site eruit komt te zien. Tijdens het ontwerpen van de verschillende pagina s wordt er rekening gehouden met de business goals van Lowlands en Oor. Ook wordt er goed gekeken naar hoe de link tussen beide organisaties kan worden gelegd op de pagina s. In dit document vind je voor Oor en Lowlands voor alle pagina s twee Low Fidelity schetsen met uitleg voor welke gekozen is en waarom. En vervolgens de High Fidelity schets met een bijbehorende legenda, waarvoor alles dient, wat de gebruiker moet doen en wat voor een soort content erin wordt geplaatst.

5 5 OOR

6 Sitemap 6

7 LoFi s Home In LoFi 1 zijn alleen een aantal nieuwsberichten te zien op de homepage. Maar omdat deze ook al gewoon bij Nieuws staan is dit overbodig. In LoFi 2 zijn de drie laatste nieuwsberichten en drie meest recente agendapunten op de hompage te zien. Bij beide LoFi s is Contact in de menubalk weergeven. Dit is anders dan bij een gewone niet geoptimaliseerde website, daar staat contact vaak klein onderin. Deze keuze is gemaakt om het voor de gebruiker makkelijk te maken qua touch grootte. Ook is op LoFi 2 de Word lid knop duidelijker in beeld. Deze is belangrijk voor de business goals van zowel Oor als Lowlands. Namelijk bij Oor het verkopen van abonnementen en voorzichtig de eerste stapjes naar betaalde content. Bij Lowlands is dit de gebruikers het hele jaar binden aan Lowlands. Omdat je gebruikers korting geeft op kaartjes van Lowlands of eventueel andere acties wat met Lowlands te maken heeft. 7

8 8 HiFi Home I II a 4 5 III a b IV Legenda 1. Facebook & Twitter link 2. Profiel van de gebruiker 3. Drie meest recente nieuwsartikelen 4. Drie meest recente agendapunten 5. Word lid van OOR 6. Navigatie Organisatie Schema s a. Chronologisch b. Taak Dummy content I. Label content II. Latin content III. Symbolic content IV. Dummy content

9 LoFi s Artikelen In LoFi 1 staan betaalde en vrije artikelen door elkaar. Het is hier niet duidelijk welke artikelen voor iedereen beschikbaar zijn en welke voor alleen leden. In LoFi 2 is er onderscheid gemaakt tussen vrije artikelen en betaalde artikelen. Als de gebruiker meer artikelen wilt lezen moet de gebruiker lid worden van OOR en betalen. Daarbij ontvangt de gebruiker korting op Lowlands. Bij sommige artikelen is een extra tag toegevoegd zodat de gebruiker kan zien dat die artikelen te maken hebben met Lowlands. De business goals van OOR worden hiermee vervuld namelijk het aanbieden en verkopen van abonnementen. Ook wordt de bekendheid van Lowlands groter en kan de gebruiker het hele jaar zich verbinden aan Lowlands. 9

10 10 HiFi Artikelen I a III 6 b Legenda 1. Facebook & Twitter link 2. Profiel van de gebruiker 3. Artikeloverzicht 4. Heeft te maken met Lowlands 5. Artikelen die gratis zijn 6. Artikelen die voor leden zijn 7. Word lid 8. Navigatie II c 7 Organisatie Schema s a. Chronologisch b. Taak c. Nummeriek Dummy content I. Label content II. Latin content III. Dummy content

11 LoFi s Artikel In LoFi 1 moet de gebruiker in het tekst vak zelf scrollen om de tekst van het artikel te kunnen lezen. Dit is niet gebruiksvriendelijk omdat het een geoptimaliseerde site is voor op een tablet. De touch gesture moet zo precies zijn en dat is niet handig. In LoFi 2 kan de gebruiker gewoon de gehele site scrollen om het artikel te lezen (in tegenstelling tot LoFi 1), de gerelateerde artikelen balk scrolt mee. Zo ziet de gebruiker meer gerelateerde artikelen. 11

12 12 HiFi Artikel 7 IV 3 8 I II 1 b 2 III 4 5 a 6 Legenda 1. Facebook & Twitter link 2. Profiel van de gebruiker 3. Informatie over het artikel 4. Word lid en ontvang korting 5. Gerelateerde artikelen 6. Heeft te maken met Lowlands 7. Navigatie 8. Deel op Facebook/Twitter of print uit Organisatie Schema s a. Onderwerp b. Taak Dummy content I. Label content II. Latin content III. Symbolic content IV. Dummy content

13 LoFi s Agenda In LoFi 1 is een filter te zien. Dit is erg handig omdat OOR zoveel agendapunten aanbied, wat het al heel gauw onoverzichtelijk maakt. Alleen scrollt de gebruiker hier in een apart tekstvak. Dit is niet gebruiksvriendelijk. In LoFi 2 is de filter wederom toegepast alleen de agenda zelf aangepast. De gebruiker scrollt de gehele website mee, dit is touch-vriendelijker. Ook ziet de gebruiker een plaatje erbij en duidelijk de naam, plaats en daarnaast nog apart de datum. Er is een extra tag toegevoegd wanneer het evenement iets met Lowlands heeft te maken. 13

14 HiFi Agenda 3 a 6 7 b c I II III Legenda 1. Facebook & Twitter link 2. Profiel van de gebruiker 3. Filter 4. Agenda onderdeel 5. Datum event 6. Te zien op Lowlands 7. Navigatie Organisatie Schema s a. Chronologisch b. Geografisch c. Alfabetisch Dummy content I. Label content II. Symbolic content III. Dummy content 14

15 LoFi s Event In LoFi 1 is een groot scherm informatie te zien over het evenement. De gebruiker kan hier ervoor kiezen om tickets te kopen maar meer niet. In LoFi 2 is beknopte informatie over het evenement te zien. Ook is er een tag toegevoegd wat gerelateerd is aan Lowlands. De gebruiker kan lid worden en inloggen en daarna zijn/haar reactie achterlaten. De reacties zijn onder het evenement weergegeven. Ook hier is een ticket knop beschikbaar. 15

16 16 HiFi Event 9 IV b I b 6 7 III a II 8 Legenda 1. Facebook & Twitter link 2. Profiel van de gebruiker 3. Terug naar agenda 4. Deel op Facebook/Twitter 5. Ook te zien op Lowlands 6. Tickets kopen 7. Lid worden 8. Reacties 9. Navigatie Organisatie Schema s a. Chronologisch b. Taak Dummy content I. Label content II. Latin content III. Symbolic content IV. Dummy content

17 17 Lowlands

18 Sitemap 18

19 LoFi s Home In LoFi 1 zijn alleen titels van navigatie punten te zien. In LoFi 2 zijn de knoppen groter en gebruiksvriendelijker gemaakt wat betreft touch gestures. Zo ontstaat er ook geen witruimte op het scherm. 19

20 HiFi Home I 4 a Legenda 1. Informatiebutton 2. OOR Contest 3. Artiesten 4. Nieuws 5. Lowmap 6. Programma 7. Facebookpagina 8. Twitterpagina Organisatie Schema s a. Nummeriek Dummy content I. Dummy content

21 LoFi s Agenda In LoFi 1 kan de gebruiker sorteren op dag maar daarnaast ook op stage. Dan kan de gebruiker per tijd zien welk optreden er is op de desbetreffende stage. Dit is echter niet handig en gebruiksvriendelijk omdat je de stage-keuze kan sliden. Het is handiger om dit in één overzicht te hebben. Daarnaast is het gehele overzicht van alle optredens niet beschikbaar. In LoFi 2 kan de gebruiker een dag kiezen en daar ziet de gebruiker alle stages op Lowlands. De tijd (weergegeven onder de dagen) en het blokkenschema sliden mee. Ook is er de OOR stage, hier zijn de artiesten die OOR magazine heeft gecast te zien, en de artiesten die de OORcontest hebben gewonnen. 21

22 HiFi Agenda 1 b a II Legenda 1. Terug 2. Dagen van het programma 3. Tijd 4. Stage 5. OOR stage 6. Blokkenschema 7. Huidige tijd Organisatie Schema s a. Chronologisch b. Taak c. Nummeriek c Dummy content I. Dummy content II. Label content I

23 LoFi s Event Op LoFi 1 is het evenement te zien met informatie. Dit trekt niet echt de aandacht van de gebruiker en de gebruiker heeft geen input hier. In LoFi 2 is een filmpje te zien van het evenement. Daarnaast kan de gebruiker zien welke artiesten op het evenement spelen, wanneer het is en waar. Ook is er nog extra inhoudelijke informatie te vinden. Naast dit alles kan de gebruiker rechts Soundcloud muziek aanzetten door enkel op het plaatje te drukken, deze muziek is gerelateerd aan het evenement. Zo kan de gebruiker alvast genieten van het aankomende evenement of juist nagenieten van een fantastische muziek ervaring. 23

24 HiFi Event 1 II Legenda 1. Terug 2. Naam van het event 3. Filmpje van het event 4. Belangrijke informatie 5. Extra informatie 6. Soundcloud van het event 7. Muziek 2 3 IV 4 III 5 a b 7 Organisatie Schema s a. Taak b. Nummeriek I 6 Dummy content I. Dummy content II. Label content III. Latin content IV. Symbolic content 24

25 LoFi s OorContest OorContest is in het leven geroepen om de gebruiker invloed te laten hebben op OOR en Lowlands. OOR selecteert een x aantal artiesten die genomineerd worden om op te treden op de OOR-stage tijdens Lowlands. De gebruiker kan op de app van Lowlands muziek beluisteren en stemmen op artiesten. In LoFi 1 is informatie over de artiesten te zien en een plaatje waar de gebruiker op kan klikken om de muziek te beluisteren. Onderin is een stem knop te vinden. Rechts boven in is een informatie knop te vinden waar de gebruiker informatie kan vinden over OorContest. In LoFi 2 is de informatie over OorContestal meteen te zien in het scherm. Daarna volgt een blokkenoverzicht van artiesten (naam en muziek). De gebruiker kan op een vakje klikken om zo de muziek te beluisteren. Onderin is een stembalk te vinden. 25

26 HiFi OorContest Legenda 1. Terug 2. Uitleg over OorContest 3. Naam artiest 4. Muziek artiest 5. Stem op favoriete artiest 1 2 III 3 4 II Organisatie Schema s a. Taak b. Nummeriek Dummy content I. Dummy content II. Label content III. Latin content b I a 5 26

27 27 Conclusie In de uiteindelijke ontwerpen heb ik geprobeerd om ten eerste de business goals van beide partijen zoveel mogelijk te bereiken. Maar naast dat het ontworpen is voor de organisaties is het natuurlijk ook van belang dat de gebruiker er tevreden mee is. Dit heb ik veel in het achterhoofd gehouden en over zoveel mogelijk gestures nagedacht en gebruiksvriendelijk gemaakt. Dit is goed te zien in sommige LoFi schermen. Het tweede LoFi scherm is vaak gebruiksvriendelijker als het aankomt op Touch Gestures. Ook heb ik zoveel mogelijk OOR en Lowlands proberen te combineren. Door gezamenlijke acties op te zetten zoals OORstage, OORcontest en onder andere korting op Lowlands bij een OOR abonnement. Daarnaast heb ik ook de gebruiker hierin mee laten spelen. Zoals OORcontest, hier heeft de gebruiker invloed op welke artiest er tijdens Lowlands op OORstage gaat spelen. Ook is er meer content zoals video s en muziek toegevoegd, OOR beschikt over veel content en dit kan Lowlands goed gebruiken.