Nettstedanalyse av pitchfork.com Mars 2011 Skrevet av Markus Gevelt Introduksjon I denne oppgaven skal jeg analysere nettsiden www.pitchfork.com, med fokus på dens design og bruksmessige funksjonalitet. Analysen vil ta utgangspunkt i analysemodellen til Ida Engholm fra boken «Digitale verdener». Jeg valgte pitchfork.com da dette er en side jeg har brukt hyppig i lang tid. Pitchfork.com er en daglig internettpublikasjon viet til musikkanmeldelse, kommentering og musikknyheter. Websiden ble etablert i 1995 og fokuserer på ny musikk, men anmelder også ny utgivelser av gamle album. Pitchfork skal fungere som en avis med musikknyheter hvor det skal være enkelt å finne informasjonen man søker derfor valgte jeg denne problemstillingen: Går pitchfork.coms design ut over den bruksmessige funksjonaliteten til siden, og isåfall i hvor stor grad? Bruksmessig funksjonalitet Bruksmessig funksjonalitet avhenger av, hva brukeren spør etter, når han kommer inn på siden, hvor han skal, og hvilke bruksmessige kompetanse han har (Engholm, 2004). Den bruksmessige funksjonaliteten er derfor kontekstuell, og vil først komme til uttrykk i den konkrete bruken hos de individuelle brukerne, som med forskjellige intensjoner potensielt kan realisere handlingene som den designede funksjonaliteten muliggjør (Engholm, 2004). I denne oppgaven vil jeg først og fremst fokusere på den bruksmessige funksjonen navigering og den interaktive delen av nettsiden. Det interaktive består i at brukeren interagerer direkte med nettsiden. Brukeren er ikke en passiv tilskuer og mottaker av informasjon, men kan aktivt finne informasjon selv (Engholm, 2004). Sidens design og brukervennlighet Pitchfork.coms design er stilrent og minimalistisk med en header, navigasjonsmeny og tre kolonner i forskjellige størrelser med plass til innhold. Dette er plassert på en hvit bakgrunn som igjen er plassert på en lysgrå bakgrunn. Fargene som dominerer pitchfork er forskjellige gråtoner, svart og rød. Alle overskrifter er røde noe som gjør det enkelt å skille de ut fra de andre sakene på siden. Headeren er et enkelt bilde av pitchforklogoen plassert til venstre. Klikker man på denne logoen vil den ta brukeren tilbake til forsiden. Under headeren er navigasjonsmenyen plassert vannrett, den har linker videre til seks andre sider og et søkefelt om man skulle trenge det. Enkelte av knappene har en dropdown-liste med undersider av knappen, f.eks features-knappen får en slik liste med linker til articles, interviews, guest lists, staff lists, columns og photos. Disse finner man også gjennom hovedsiden features, men for å gjøre 1
navigeringen enklere for de som vet hva de ser etter er dette en smart løsning. Under navigasjonsmenyen er det en mindre vannrett grå stolpe. Denne stolpen vil være tom når man er på forsiden, men ettersom man navigerer seg inn i siden vil den oppdatere seg etter hvor på siden du er og holde deg oppdatert på det. Øverst i kolonnen til venstre, den største kolonnen, har de strategiskt plassert den mest populære artikkelen på pitchfork. Denne er nok plassert der da dette er det første stedet man ser når man skal begynne å utforske siden. Artikkelen har et bilde, en tittel og en liten ingress. Under denne er det en liste med de siste overskriftene til artikler skrevet av pitchforks journalister. På denne listen kan man også velge å få se artikler om band som har annonsert turnedatoer. Denne listen er enkel å navigere og man ser fort om man har valgt overskrifter eller turnedatoer. Lenger ned får denne kolonnen det preget den har på de andre sidene, den er smalere og viser lister av forskjellige slag, f.eks playlist og best oflister. I den midtre kolonnen, den minste, finner man pitchforks fem siste albumanmeldelser i form av en liste med albumcovere. Denne listen ruller automatisk gjennom alle covrene og når et cover er valgt vil det få en rød firkant rundt seg. Til venstre for disse albumcovrene kommer et større bilde av det valgte coveret, artistnavnet, albumnavnet og en liten ingress. Man kan også holde musepekeren over et hvilket som helst album i listen og tvinge listen til å gå til det albumet. Denne kolonnene vil når man kommer lengre ned på siden utvide seg og ta deler av den venstre kolonnen slik at den blir den største. Det er da plassert linker til artikler av litt tyngre karakter i kolonnen. Øverst i den tredje og siste kolonnen finner man pitchfork.tv, hvor man finner musikkvideo premierer og klipp fra konserter. Også her er det en automatikk i listen som ruller og går mens brukeren ser på andre ting. Det vil også her slik som med de fem siste albumanmeldelsene komme en tittel og en liten ingress om hva filmen er av og/eller hvem som har laget den. Denne listen er ni firkantete bokser og man ser derfor ikke hva neste film er før man enten trykker på boksen eller venter til den kommer dit. Man kan enten trykke inni boksene for å komme seg til den firkanten, eller bruke pilene på hver side av listen. Denne kolonnene forandrer ikke størrelse og er like stor over hele siden. Lengre ned i denne kolonnene finner man det pitchfork mener er de beste nye albumene, singlene og ny utgivelsene. I denne kolonnen finner man også en facebook-modul med nylig aktivitet fra pitchforks lesere. Denne modulen står ikke i stil med den normale designen på siden og virker malplassert. Designen i de forskjellige undersidene likner mest på hvordan forsiden ser ut lengre ned, der den midtre kolonnen er størst og inneholder hovedinformasjonen. Dette får forsiden til å virke ekstra rotete da kolonnene forandrer størrelse når man kommer et stykke ned på siden. De andre sidene har et ryddigere preg, da de står i stil til hverandre og har faste størrelser på kolonnene. Den eneste siden som viker fra designen er undersiden pitchfork.tv da denne har to kolonner istedenfor tre. I den største kolonnene, kolonne en og to fra den normale designen, har de en videoavspiller og under den en rekke forskjellige filmer man kan velge å se. I den andre kolonnene, kolonne tre fra den normale designen, har de en spilleliste der man for eksempel kan hoppe til andre sanger fra samme video. Under der har de en liste der man kan velge mellom å se de mest sette eller de nyligste videoene. På de forskjellige sidene kommer man over mange lister, alle listene er i samme design som den på forsiden. Dette gjør det enklere å bruke siden da ting er like overalt. Pitchfork 2
har både nyheter om nye låter og musikkvideoer, og har derfor laget ikoner for at brukeren enklere skal kunne skille mellom disse. Da det kan være vanskelig å vite dette bare av å se overskriften til artikkelen. Siden pitchfork ligner på en avis, legges det hyppige til nye artikler og saker fra musikkverden. Den nyeste artikelen legges til på forsiden i øverst i den venstre kolonnen, så det er alltid enkelt å få øye på den nyeste artikkelen. Om man er innpå en underside får man ikke denne informasjonen før man forlater siden og går tilbake til forsiden, hvilket som er relativt tungvint i lengden. Diskusjon Pitchfork krever ingen bruksmessig kompetanse for å kunne brukes, men da siden er så rik på informasjon kan det være enkelt å gå seg vill i informasjonen første gang man besøker siden. Da siden fungerer som en avis skulle man tro at den hadde ett mer nettavis preg over seg. Dette har den ikke og det gjør det vanskeligere for nye brukere å sette seg inn i sidens virkemåte. Det gjør at brukeren ikke kan få bruk for tidligere erfaringer fra liknende sider da pitchfork er en ny type side. Nettsiden er enkel å navigere, og navigasjonsmenyen er alltid med brukeren når han er inne på de forskjellige undersidene. Søkefeltet er også tilgjengelig fra hvilken som helst side, noe som gjør det enkelt å søke etter det man leter etter om man ikke finner det på første forsøk. Denne typen nettsider inneholder mye informasjon og det kan av den grunn være vanskelig å finne det man leter etter. Noe som gjør dette enklere når man er på jakt etter spesifikk informasjon er at navigasjonsbaren er delt opp i seks hovedkategorier av informasjonstyper. Siden er veldig godt strukturert med sin tre kolonne-struktur, med unntak av forsiden som tidligere nevnt virker rotete da strukturen forandrer seg lengre ned på siden. Pitchfork legger all informasjon av samme type på samme sted på de forskjellige undersidene, dette gjør at siden er enkel å navigere og tiden man bruker på lete etter informasjonen reduseres til et minimum. Dette fører også til at nettsiden er rask og effektiv å bruke, man finner fort ut om informasjonen er på den siden man besøker og kan derfor fort gå videre til neste side. Som nevnt tidligere er det veldig mye informasjon på pitchfork, og vet man ikke hva man leter etter kan det være enkelt å gå seg vill. Selv om informasjonen på siden er godt strukturert kan det være vanskelig å finne tilbake til gamle artikler man har lest, da er søkefunksjonen det eneste som kan hjelpe deg. Informasjonsmengden er nok det største problemet til pitchfork, det fører ofte til at man klikker seg inn på en artikkel som ligner det man leter etter, men som senere viser seg å ikke inneholde den informasjonen man er på jakt etter. Har man først kommet inn på en artikkel man ikke skulle lese er det derimot enkelt å komme seg tilbake til start. Brukervennligheten på siden øker med antall besøk man har på siden, de første gangene virker siden både rotete og uoversiktelig. Forsiden er med på å forsterke dette inntrykket med sin rotete oppbygning. Dette er ikke optimalt for en nettside da man ønsker at brukeren skal kunne bruke sin erfaring fra tidligere nettsider på det nye nettstedet. 3
Siden pitchfork ikke er en lineær nettside er valgene brukeren gjør viktige for informasjonen han vil få tilbake. «... på de fleste nettsider har brukeren mange valgmuligheter og ikke en fast tilrettelagt rute, derfor er brukerens bevegelse gjennom nettsiden bestemt av brukerens behov og relevansvurderinger.» (Engholm, 2004) Det er derfor viktig at nettsiden og innholdet på siden virker intuitivt, det vil gjøre det enklere for brukeren å finne den informasjonene han behøver og søker. Teknisk konstruksjon Nettsteder består i hovedsak av HTML- og CSS-filer, og pitchfork er ingen unntak. Disse filene blir tolket av nettleseren og setter de sammen til det vi ser på skjermen når vi åpner siden. For at forskjellige nettlesere skal vise siden på samme måte er det viktig at koden er korrekt. Pitchfork er bygget opp av XHTML-standarden XHTML 1.0 Transitional når jeg sjekker filene i W3Cʼs 1 valideringsverktøy blir ikke pitchfork godkjent da valideringsverktøyet finner 52 feil og 24 advarsler. Disse feilene kan føre til at nettsiden ikke vises korrekt i nettleseren og vil av den grunn derfor ikke fungere korrekt for enkelte brukere. For at brukerne best skal kunne utnytte den bruksmessige funksjonaliteten til siden må den fungere optimalt for alle som skal bruke den. CSS-versjonen pitchfork bruker er 2.1 og denne blir heller ikke godkjent av valideringsverktøyet til W3C 2 da verktøyet finner 9 feil og 32 advarsler. Konklusjon Pitchforks design fungerer veldig bra for erfarne pitchworkbrukere og er et flott verktøy for å skaffe seg nye musikkfavoritter. For pitchforkbrukere i startfasen er det mest sannsynlig, og var i mitt tilfelle da jeg startet å bruke siden, vanskelig å få kontroll på all informasjonen. Det er derfor ikke enkelt å bruke siden første gangen da man blir overlesset med informasjon og ikke vet hvor man skal begynne. Ellers er siden flott designet, med unntak av forsiden som virker unødvendig uryddig og burde kanskje ha vært i den tre kolonne-strukturen de bruker på resten av siden. Tre kolonne-strukturen er både oversiktlig og pen, og at pitchfork grupperer samme type informasjon på de samme stedene i undersidene gjør at siden er enkel å navigere. Det er også av interesse at det er en del feil på siden ifølge W3C validatoren noe som kan gå ut over den brukermessige funksjonaliteten i noen nettlesere. Navigasjonsmenyen er intuitiv og lett å bruke og gir raskt og enkelt tilgang til de undersidene man ønsker å behøve. Dette er en av fordelene med designet, det er vanskelig å gå seg vill på siden da det under navigasjonsmenyen alltid vises hvor på siden man oppholder seg. 1 http://validator.w3.org/check?uri=http%3a%2f%2fpitchfork.com%2f&charset=%28detect+automatically %29&doctype=Inline&group=0 2 http://jigsaw.w3.org/css-validator/validator?uri=http%3a%2f%2fpitchfork.com %2F&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en 4
Alt i alt er pitchfork det perfekte verktøy for en erfaren nettsurfer med sansen for ny og herlig musikk. Siden er et flott verktøy til å finne både nye og gamle artister, lese anmeldelser, se musikkvideoer og se live-klipp. Designet går derimot litt ut over den bruksmessige funksjonaliteten til nye brukere av siden. Da siden i starten kan være noe kludrete å finne fram på, det tar derimot ikke lange tiden før man lærer seg å navigere siden på en rask og enkel måte. 5
Litteraturliste Engholm, Klastrup (2004): Digitale verdener: de nye medier æstetik og design. Gyldendal 6