Informatie Architectuur Het hele jaar Lowlands Neslihan Igdeli Studentnummer: 500532696 Klas: V1CMD5 Datum: 31 oktober 2011 Versienummer: 0,1 1
Inhoudsopgave Inleiding...3 Het concept...4 Beschrijving van de aanpak...5 Content...6 Conclusies...8 Verantwoording...9 Bijlagen... 10 Sitemap... 10 Content matrix... 11 Wireframe Home... 13 Wireframe Nieuws... 14 Wireframe Bioscoopagenda... 15 Wireframe Bioscoopagenda... 15 Wireframe Nu in de bioscoop... 16 Wireframe Nu in de bioscoop uitgeklapt... 17 Wireframe Theathervoostellingen... 18 Wireframe Theatervoorstellingen... 18 Wireframe Deze maand in de theaters... 19 Wireframe Deze maand in de theaters uitgeklapt... 20 Wireframe Deze maand in de theaters, recensie toevoegen... 21 Wireframe Deze maand in de theaters, recensies bekijken... 22 2
Inleiding Voor het vak Informatie Architectuur hebben we voor verschillende sites sitemaps en wireframes ontworpen. Voor de eindopdracht moesten we een concept bedenken voor Het hele jaar Lowlands en hiervoor moesten we ook een content matrix, een sitemap en enkele wireframes maken. In dit rapport zijn onder andere het concept, de aanpak, conclusies en verantwoording beschreven. In de bijlagen achterin het rapport staan de sitemap, de content matrix en de wireframes. 3
Het concept Op de site van Het hele jaar Lowlands kunnen bezoekers nieuwsberichten lezen over onder andere muziek, artiesten, radio, televisie en film. Bezoekers kunnen deze berichten delen op Twitter en Facebook. Nieuwsberichten worden op een andere site geplaatst. De berichten van de huidige dag worden getoond op de nieuwspagina van de Lowlandssite, deze berichten worden dagelijks vervangen door andere nieuwsberichten. Als er de volgende dag geen nieuwe berichten worden geplaatst, blijven de berichten van de dag daarvoor nog te zien. Op de nieuwspagina staat ook een aanmeldknop waarmee je je kan abonneren op het nieuws. Ook kun je via de nieuwspagina worden verwezen naar de site waar het nieuws vandaan komt, op die site is ook een archief te vinden. Op de site kun je jezelf ook testen. Gebruikers kunnen bijvoorbeeld testen welke politieke partij het beste bij hen past. De uitslagen van de tests kunnen ook worden gedeeld met behulp van Twitter- en Facebookbuttons Vanaf de Lowlandssite wordt er ook reclame gemaakt voor de VPRO, Free Record Shop en AKO, vanaf de sites van deze partners wordt er ook gelinkt naar de Lowlandssite. Gebruikers kunnen op de Lowlandssite en via andere sites ook aankopen doen, zoals muziek, boeken en Lowlands merchandise. Gebruikers worden voor muziek en boeken verwezen naar de websites van de partners. Op de site kunnen bezoekers ook een lijst bekijken van aanbevolen films en televisieprogramma s. Als er op de titel van de aanbevolen film of programma wordt geklikt, verschijnt daaronder een tekstvlak met een beschrijving van de film of het programma, ook zijn er afbeeldingen en trailers te zien. De bezoekers kunnen zich ook aanmelden om berichten te ontvangen met de aanbevolen films en programma s. Voor theatervoorstellingen en tentoonstellingen in musea zijn er ook aparte pagina s met daarin een lijst van voorstellingen en tentoonstellingen die worden aangeraden. Bezoekers kunnen de voorstellingen ook recenseren, gebruikers die zijn ingelogd op Facebook kunnen hun recensies plaatsen. Deze zijn te zien als er op de naam van de voorstelling wordt geklikt. 4
Beschrijving van de aanpak Ik had eerst een concept voor de website dat was gebaseerd op de Lowlandswebsite. Daarna had ik de verplichte onderdelen en onderwerpen verwerkt in het concept en zodoende veranderde de Het hele jaar Lowlands -website steeds meer. Gebruikers moeten nieuwsberichten kunnen lezen en delen. Daarnaast kunnen ze zich ook abonneren op het nieuws. Gebruikers kunnen Lowlands merchandise kopen via de website. Voor muziek en boeken worden ze doorverwezen naar de website van de partners. Het concept begon zoals eerder vermeld met een site dat was gebaseerd op de normale website van Lowlands. De site kon worden onderverdeeld in de volgende rubrieken: nieuwsartikelen; artiesten; bioscoopagenda; televisie; achtergrondartikelen; foto s; video s; muziek; radio; Twitter en Facebook. De rubriek achtergrondartikelen bestond uit de volgende subrubrieken: muziekstijlen; literatuur; theater en kunst; politiek en wetenschap. De onderdelen foto s en video s verwezen in het eerste concept naar Flickr en Youtube. Later heb ik foto s en video s direct verwerkt in verschillende pagina s. Ook Twitter en Facebook waren aparte pagina s, maar deze onderdelen veranderden in Volg / Abonneer knoppen en knoppen waarmee bijvoorbeeld nieuwsberichten en testuitslagen gedeeld konden worden. Het onderdeel politiek was eerst een rubriek waarop artikelen te vinden waren over debatten en politieke partijen, dit onderdeel heb ik later verwerkt in de vorm van een soort stemwijzer. Hetzelfde heb ik gedaan met het onderdeel wetenschap, dit werd een wetenschapstest, waarvan je de uitslag ook kon delen op Twitter en Facebook. Het onderdeel literatuur bestond uit meer subrubrieken met recensies over boeken, en artikelen over schrijvers. Dit heb ik later verwerkt tot een verwijzing naar een online boekenwinkel. De onderdelen bioscoopagenda en televisie bestonden uit pagina s met nieuwe en verwachte films, en een lijst met televisieprogramma s die werden aangeraden. Aan deze pagina s heb ik later een aanmeldknop toegevoegd, zodat gebruikers zich kunnen aanmelden op berichten met de aanbevolen films en programma s. Voor theater en kunst komen er soortgelijke pagina s met de optie om recensies te plaatsen. Nadat het concept was aangepast heb ik opnieuw een content matrix gemaakt met daarin ook de verschillende metadata en URL s. Daarna heb ik opnieuw een sitemap gemaakt en daarna heb ik de wireframes gemaakt van de homepagina, de nieuwspagina, de bioscoopagenda en theatervoorstellingen. 5
Content Home: Op de homepage is een banner te zien, die ook te zien is op alle andere pagina s binnen de site. Deze banner verwijst ook altijd naar de homepage. Ook zijn er links en buttons te zien die verwijzen naar alle pagina s uit de tweede laag van de site. Aan de linkerkant is er ruimte voor een radiospeler om online naar 3FM te luisteren. Daaronder is een lijst te zien met alle aanbevolen films, programma s, voorstellingen en tentoonstellingen die op de huidige dag te zien zijn. Het midden van de pagina is gevuld met ander content en aan de rechterkant zijn advertenties te zien. Zie pagina 13 voor de wireframe van de homepage. Over Het Hele Jaar Lowlands: Op deze pagina is vooral tekst te zien. Contact: Op deze pagina is een e-mailadres en telefoonnummer te zien. Daaronder staat ook een lijst met veelgestelde vragen. Om het overzichtelijk te houden, verschijnen de antwoorden als er op de vraag wordt geklikt. Onder de lijst met veelgestelde vragen staan twee invoervelden: in één veld kan de bezoeker een vraag stellen die niet in de lijst met veelgestelde vragen staat; daaronder staat een veld waar de gebruiker een e-mailadres in kan vullen, zodat de hij/zij gecontacteerd kan worden. Onder deze velden staat ook een knop waarmee de vraag verzonden kan worden. Nieuws: Op deze pagina zijn de nieuwsberichten van de huidige dag te zien. Onder elk bericht staan Twitter- en Facebookbuttons waarmee de berichten gedeeld kunnen worden. Aan de bovenkant van de pagina staat een aanmeldknopje. De gebruiker kan zijn/haar e-mailadres in het vlakje daarnaast typen en zich op het nieuws abonneren door op een button rechts van het vlakje te drukken. De gebruiker ontvangt dan twee keer per week een e-mail met daarin het laatste nieuws. De gebruiker kan zich weer afmelden door op een link te klikken die onder aan de e-mail staat. Zie pagina 14 voor de wireframe van de nieuwspagina. Bioscoopagenda: Op deze pagina zijn twee grote buttons te zien die verwijzen naar Nu in de bioscoop en Binnenkort in de bioscoop. Op deze twee pagina s zijn de titels van films te zien in alfabetische volgorde. Als de gebruiker op de titel klikt, verschijnt daaronder een ruimte met een beschrijving van de film en ook een afbeelding en trailer, als deze beschikbaar is. Gebruikers kunnen zich ook abonneren op deze films die worden aangeraden, dit kan op dezelfde manier als het abonneren op het nieuws. Zie pagina 15 en verder voor de wireframes van de bioscoopagenda. Televisie: Deze pagina lijkt veel op de pagina van de bioscoopagenda. De gebruiker kan worden doorverwezen naar Aanraders van deze week en Aanraders van volgende week. Ook op deze pagina s krijgt de gebruiker meer informatie te zien door op de titel van het programma te klikken. Ook op deze aanraders kan de gebruiker zich abonneren. Theatervoorstellingen: Net als bij Bioscoopagenda en Televisie krijgt de gebruiker een pagina te zien met buttons die de gebruiker doorverwijzen. De gebruiker kan zich abonneren op berichten van nieuwe voorstellingen. Op de pagina van Deze maand in de theaters krijgt de gebruiker een lijst te zien met voorstellingen. Als de gebruiker op de titel klikt, verschijnt hieronder informatie over de voorstelling. Daaronder staan weer twee knopjes: één voor het plaatsen van een recensie en één voor het lezen van de recensies. 6
Als de gebruiker klikt op Plaats een recensie, krijgt de gebruiker op dezelfde pagina een paar velden te zien: een veld waar de gebruiker een e-mailadres in dient te vullen waarmee de gebruiker zich ook heeft geregistreerd op Facebook; een veld waarin het wachtwoord ingevuld dient te worden; een veld waar de recensie in dient te worden geplaats. Daaronder staat weer een button om de recensie te publiceren. Als het e-mailadres en/of wachtwoord niet juist is, verschijnt er een melding in het rood boven de velden. Als de gebruiker drukt op Recensies (x), verschijnen daaronder de recensies. Zie pagina 18 en verder voor de wireframes van de voorstellingen. Kunst: Ook op deze pagina kan de gebruiker naar twee andere pagina s worden doorverwezen en krijgt de gebruiker meer informatie te zien als hij/zij op de naam van een tentoonstelling klikt. Politieke voorkeurstest: De gebruiker dient meerkeuze vragen te beantwoorden, daarna krijgt de gebruiker de uitslag te zien en kan hij/zij deze delen op Twitter en Facebook. Wetenschapstest: Ook hierbij dient de gebruiker meerkeuze vragen (goed) te beantwoorden. Daarna krijgt de gebruiker zijn/haar score te zien en ook deze score kan de gebruiker delen op Facebook en Twitter. Deze test wordt een paar keer in het jaar aangepast. Shop: De gebruiker kan hierna worden doorverwezen naar de Lowlands shop, de website van Free Record Shop en naar de website van AKO. De Lowlands shop bestaat uit een merchandise shop en een ticket shop. De ticketshop is maar een paar maanden per jaar open en zichtbaar. Als de ticketshop niet open is, wordt de gebruiker vanaf Lowlands shop direct verwezen naar de merchandise shop. 7
Conclusies De Lowlandssite bestaat uit: een pagina met algemene informatie over de website en het festival; een contactpagina met informatie en de mogelijkheid om zelf een vraag te stellen; een nieuwspagina met de berichten van de huidige dag; een bioscooppagina die weer naar twee andere pagina s verwijst; een televisiepagina die naar twee andere pagina s verwijst; een theaterpagina die naar twee andere pagina s verwijst; een kunstpagina die naar twee andere pagina s verwijst; een test waarbij je je politieke voorkeur te weten kan komen; een test waarbij je je wetenschappelijk kennis kan testen; een shoppagina die verwijst naar de Lowlands shops, de Free Record Shop en de AKO; de Lowlands shop kan je verwijzen naar een merchandise shop en een ticket shop. 8
Verantwoording Nieuwsberichten Nieuwsberichten worden via een andere website op de website van Lowlands geplaatst. Zo blijft de Lowlandssite overzichtelijk en wordt het nieuwsgedeelte niet te groot, zodat er minder lagen nodig zijn, net zoals op de rest van de website. Uitklappen van onderdelen De informatie van bijvoorbeeld films is te zien wanneer de gebruiker op de titel klikt. Ik heb hiervoor gekozen zodat de gebruiker niet steeds naar andere pagina s verwezen hoeft te worden, zo wordt de hiërarchie ook niet te diep. Het plaatsen van een recensie en het bekijken van recensie van een theatervoorstelling, gebeurt ook op de pagina waar alle voorstellingen van de huidige maand te zien zijn. Tijdsaanduidingen Films zijn in meerdere bioscopen en zalen te zien, daarom heb ik gekozen voor Nu in de bioscoop en Binnenkort in de bioscoop. Theatervoorstellingen en tentoonstellingen worden maar op één plaats tegelijk gehouden, dus kunnen ze beter per maand worden onderverdeeld. Omdat er veel televisieprogramma s te zien zijn en daarom ook meer aan te bevelen programma s, worden de aanbevelingen van televisieprogramma s gesorteerd per week. Keuze voor partners VPRO: Video s van het Lowlands festival en andere video s die gerelateerd zijn aan festival zijn al op de site van 3voor12 te zien. Free Record Shop: Gebruikers kunnen vanaf de site muziek downloaden en ze kunnen ook CD s bestellen. Daarnaast heeft Free Record Shop ook filialen waar er bijvoorbeeld posters opgehangen kunnen worden om de site van Het hele jaar Lowlands te promoten. AKO: De meeste mensen die naar het Lowlands festival reizen, reizen per trein. Ze zijn dan misschien ook wat beter bekend met de AKO. 9
10
content matrix IAM IA V1 Het hele jaar Lowlands V1CMD5 Neslihan Igdeli 500532696 Datum: 31 oktober 2011 Versie 0,1 metadata pagina label pagina label rubriek label meta description meta title meta keywords url nummer subrubriek 0 Home een alinea met beschrijving titel van de pagina alle keywords url van de pagina 1.0 Over Het Hele Informatie over de site en het Over Het Hele Jaar Lowlands, de website, /overons Jaar Lowlands festival zelf Lowlands informatie 2.0 Contact Een pagina met contact Contact contact, FAQ /contact informatie, veelgestelde vragen en de mogelijkheid om direct een vraag te stellen. 3.0 Nieuws Nieuwspagina met het nieuws Nieuws nieuws, aanmelden /nieuws van de huidige dag. 4.0 Bioscoopagenda Een pagina waarbij de Bioscoopagenda films /bioscoop gebruiker verder kan navigeren. 4.1 pagina 1 Nu in de bioscoop Hierop staat een lijst van films Nu in de bioscoop films, overzicht, nu, /bioscoop/nu met een beschrijving. trailers 4.2 pagina 2 Binnenkort in de Hierop staat een lijst van films Binnenkort in de films, overzicht, /bioscoop/binnenkort bioscoop met een beschrijving. bioscoop binnenkort, trailers 5.0 Televisie Een pagina waarbij de Televisie televisie, programma's /tv gebruiker verder kan navigeren. 5.1 pagina 1 Aanraders van deze week Hierop staat een lijst van programma's met een Aanraders van deze week televisie, programma's, overzicht, deze week, /tv/dezeweek 5.2 pagina 2 Aanraders van volgende week 6.1 pagina 1 Deze maand in de theaters beschrijving. Hierop staat een lijst van programma's met een beschrijving. Een pagina waarbij de gebruiker verder kan navigeren. Hierop staat een lijst van voorstellingen met een beschrijving en eventueel recensies. Aanraders van volgende week 6.0 Theatervoorstellingen Theatervoorstellingen Deze maand in de theaters aanraders televisie, programma's, overzicht, volgende week, aanraders theatervoorstellingen theatervoorstellingen, overzicht, deze maand, recensies /tv/volgendeweek /theater /theater/dezemaand 11
6.2 pagina 2 Volgende maand in de theaters Hierop staat een lijst van voorstellingen met een beschrijving. 7.0 Kunst Een pagina waarbij de gebruiker verder kan navigeren. 7.1 pagina 1 Tentoonstellingen van deze maand 7.2 pagina 2 Tentoonstellingen van de aankomende maand 8.0 Politieke voorkeurstest Hierop staat een lijst van tentoonstellingen met een beschrijving. Hierop staat een lijst van tentoonstellingen met een beschrijving. Een test die je kan helpen bij het kiezen voor een politieke partij. 9.0 Wetenschapstest Een test waarbij je je kennis kan testen. 10.0 Shop Een pagina waarbij de gebruiker naar andere shops kan navigeren. 10.1 pagina 1 Lowlands shop Een pagina waarbij de gebruiker verder kan navigeren. 10.1.1 pagina 2 pagina 1 Lowlands merchandise 10.1.2 pagina 3 pagina 2 Lowlands festival e-tickets Een winkel met t-shirts, sleutelhangers, mokken en meer. Een winkel voor e-tickets voor het Lowlands festival. 10.2 pagina 4 Muziek De website van Free Record Shop. Volgende maand in de theaters theatervoorstellingen, overzicht, volgende maand Kunst kunst /kunst Tentoonstellingen van deze maand Tentoonstellingen van de aankomende maand Politieke voorkeurstest kunst, overzicht, deze maand kunst, overzicht, volgende maand politiek, test, stem /theater/volgendemaand /kunst/dezemaand /kunst/volgendemaand /politiek Wetenschapstest wetenschap, test, /wetenschap kennis Shop online winkels /shop Lowlands shop Lowlands merchandise Lowlands festival e-tickets Muziek Lowlands, online winkel Lowlands, merchandise winkel, logo Lowlands, festival, kaarten Free Record shop, muziek, downloads, CD's 10.3 pagina 5 Boeken De website van AKO. Boeken AKO, boeken, tijdschriften, onderweg /webwinkel /webwinkel/merch /webwinkel/tickets http://www.freerecordshop.nl/ http://www.ako.nl/ 12
13
14
15
16
17
18
19
20
21
22