Det begynte som en filmplakat, men siden jeg er en stor fan av filmmusikk og spesielt komponisten Ennio Morricone tror jeg vi får kalle det et CD cover selv om det like gjerne kan være en filmplakat. Poenget er jo uansett å få trening i bildebehandling.

Bildene på toppen er hentet fra introen av filmen mens bildene på bunnen er hentet fra den siste duellen. Sistnevnte bilder gjennomgikk en del fargekorrigering for å matche resten av plakaten, mens de andre bildene har bortimot sin naturlig sprøe farge (som hele introen bærer preg av). Den “pene” teksten er også et kjennemerke og kommer fra introen (med litt bearbeiding). Filmstripene ble laget manuelt ved å lage en hvit rute med svart ramme rundt og kopiere denne til det ble en linje, så ble bildene skilt med svarte stolper og voila. Her er noen andre eksempler på CD-cover jeg har fra denne filmen:

Originalcoveret brukt flere ganger siden 1966, også for en utvidet re-release i USA 2004. ©Capitol Records

Coveret brukt til den hittil beste utgivelsen fra GDM i 2001. ©GDM

I denne oppgaven har jeg valgt å ta en nærmere titt på nettsiden til Amazon.com som er en av verdens eldste og sannsynligvis største side for netthandel. Amazon.com tilbyr alt fra verktøy til bøker og har greie priser på det meste.

Det første som slår meg når jeg entrer hjemmesiden er alt innholdet de har klemt inn. Et forsøk på å kikke raskt rundt på siden er ganske forvirrende og overveldende. Rask scanning av siden er vanskelig da tekst mange steder er samlet i avsnitt og lenker er puttet midt inne i disse avsnittene. Dette kan føre til at lenkene ikke blir fulgt da brukere må lese hele teksten for å skjønne konteksten lenkene er i, noe som ikke blir gjort ved scanning. Heldigvis har de vært flinke til å bruke bilder for å illustrere varene, noe som også fanger blikket. De har også prøvd seg på små presentasjonsanimasjoner der man kan rotere et antall med bøker rundt i en tredimensjonal sirkel ved å klikke på noen piler. Dette er pent og fancy, men det er ikke effektivt og brukervennlig da man må bruke et par sekunder bare på å finne ut hvordan man skal rotere sirkelen.

For å se over alt innholdet på hjemmesiden blir man nødt til å scrolle seg ca to sidehøyder ned, og dette er når man ser siden på en 24” skjerm. For å bøte på mange av disse problemene vil jeg foreslå at Amazon begrenser mengden innhold som vises på sidene og at de heller viser det som er viktig i midten og forminsker det som er mindre viktig og heller legger det til sidene. Teksten, eller i alle fall linjeavstanden, kan også enkelte steder gjøres mindre. Dette vil også forhindre at varenavn o.l. blir delt over to linjer, noe som gir siden et litt rotete preg.

Som nevnt var Amazon tidlig ute og de var også en av de første til å anvende et vellykket tab-design. Dette går ut på at brukere velger side basert på flere faner som ser ut som de stikker ut fra sidene på toppen. Dette har de nå gått vekk fra og heller innført et system med menyer som skyter ut horisontalt fra en vertikal menyliste. På maskinen brukt under testen (Linux/Firefox) går teksten over pilene i menyen, noe som gjør siste delen av ordene vanskelig å lese. Enda værre er det å faktisk bruke menyene. Har man markøren midt i menykolonnen og skal til bunnen av menyfanen som dukker opp vil korteste vei være en rak linje ned mot høyre. Dette fører til at menylinjen under blir aktivert og brukeren må starte på nytt. Problemet vil sannsynligvis gjøre seg enda mer gjeldende på bærbare enheter hvor man gjerne må bruke en touchpad for å bevege musemarkøren.

Når man beveger seg litt inn i systemet forsvinner venstremenyen og man må hente den frem via en ørliten pil som om den var en nedtrekksmeny, og først da får man tilgang til de nevnte menyfanene. Denne prosessen er lang og tar brukerens fokus vekk fra det stedet hvor navigasjonen begynte. Det er heller ikke åpenbart for brukeren hvor man skal klikke for å se nærmere på produkter. Eksempelvis reklamerer Amazon for sin Kindle på forsiden. Det virker derimot ikke å klikke på produktnavnet, heller ikke på bildet. Den sorte produktbeskrivelsen over 9 linjer samt den generiske teksten “Learn more” og et amazonkindle-ikon leder derimot brukeren videre. Dette burde det vært gjort om på da det ikke er noen grunn for at brukeren ikke skal kunne klikke på et produktnavn uten å komme videre. Heldigvis er det ikke slik overalt på siden, men dette er igjen et brudd på konsistens og kan føre til forvirring for brukere.

Når man kikker på et produkt får man igjen følelsen av at amazon har prøvd å vise hele nettstedet på en side. I tillegg til informasjon om produktet har de okkupert store deler av siden med områder som viser hva man bør kjøpe sammen med produktet, hva andre kjøpte i tillegg og reklamelenker til andre nettsider. Dette fører igjen til at brukeren må rulle flere sidehøyder for å se over all informasjonen. Amazon har også tatt seg den friheten til å bruke forkortelser/oppdiktede ord som ASIN fremfor en mer forklarende tittel som “Amazon ID”.

Case 1: Finne telefonnummer til Amazon.com som en norsk kunde kan bruke.
I denne testen starter brukeren på hjemmesiden til Amazon.com. I senter av skjermbildet blir det presentert en rekke bøker. Brukeren registrerer da gjerne at her er det produkter som vises og man må se rundt disse for å finne det man leter etter. I høyre topphjørne finner jeg en lenke kalt “Help”. Jeg velger derimot å lete litt lenger før jeg innrømmer at jeg trenger hjelp. Først når jeg når bunnen av siden finner jeg informasjon som ikke er relatert til produkter. Her finner jeg kategoriene “Where’s My Stuff?”, “Shipping and Returns” og “Need Help?”. Under sistnevnte lenke må jeg bare underkaste meg hjelpesystemet og velge “Visit our Help department”. Igjen blir jeg møtt av en side med altfor mye informasjon og jeg ender opp med å måtte lese meg igjennom mesteparten av menyvalgene på venstresiden før jeg til slutt ser en knapp på motsatt side hvor det står “Contact us”. Deretter blir jeg bedt om å logge inn, men heldigvis har Amazon vært omtenksom nok til å la brukere hoppe over dette dersom de ønsker. Jeg er da endelig fremme ved et skjema som lar meg skrive en e-post. Her har Amazon i tradisjonell stil innført tab-navigeringen og ved å klikke på “Phone” får jeg opp et telefonnummer som internasjonale kunder kan bruke. Dessverre får jeg også opp en irriterende pop-up hvor man kan taste inn sitt (amerikanske) telefonnummer dersom man ønsker å bli oppringt.

Case 2: Finne boken “Customer Service Over the Phone” av Stephen Coscia og bestille den hvis vi blir imponert.
På hjemmesiden ser vi fort søkefeltet som strekker seg over store deler av skjermbildets topp. En nedtrekksmeny lar oss velge hvilken del av amazon vi ønsker å søke i og vi velger “Books”. Det skal nevnes at denne menyen var ganske lang og at man i tillegg på testmaskinen måtte rulle litt i den for å se over alle valgene. Et søk etter “Customer Service Over the Phone” returnerer det vi lette etter på første linje. Bilde av coveret har påskriften “Search inside” og jeg klikker på det for å ta en titt i boken. Jeg kommer derimot bare inn på produktsiden for boken som har det samme bildet bare med teksten “Search inside” i større format. I det jeg på ny klikker på bildet dukker det opp en meny som bare vises i en brøkdel av et sekund. Dette var en meny som altså bare vises når musen er over bildet uten at man klikker, noe man ikke får noe forvarsel om. Jeg har nå kommet til en side hvor det er mulig å bla, søke eller hoppe til noen utvalgte kapitler i boken. Jeg velger å bla et par sider for å få et inntrykk av hvordan fordelingen mellom tekst/illustrasjoner er i boken. Etter å ha bladd litt frem og tilbake og kikket på de forskjellige kapitlene man får tilgang til er jeg fremdeles ikke overbevist. Jeg velger å gå tilbake til produktsiden for å finne ut flere detaljer om boken som antall sider og hvilke tilbakemeldinger den får. Til min skuffelse virker ikke tilbakeknappen lenger. Øverst på siden ser jeg derimot en lenke med tittelen “Return to Amazon.com” som virker lovende. Når jeg følger denne havner jeg tilbake på hjemmesiden uten søkeresultater eller informasjon om boken jeg var interessert i og jeg gir opp kjøpet.

Konklusjon
Amazon har mye å tilby, men dette betyr ikke at de trenger å vise alt på en side. De kan med fordel kutte ned på mengde innhold per side og heller fremheve det som er viktig. De burde også holdt seg til de gamle og velprøvde tab-systemet fremfor det mer kompliserte rullegardinmenysystemet. I tillegg finnes det en del irriterende småfeil som skjulte, uklikkbare eller misvisende lenker.

Jeg har i denne oppgaven valgt å foreta en semiotisk analyse av Fremskrittspartiets nettsider. FrP har i flere år vært ett av de mest populære partiene her i landet og man forventer da gjerne også at de har en god og gjennomtenkt nettside.

Førsteinntrykket man får av nettsiden er at den er ryddig og oversiktlig. Det er rikelig med “luft” mellom forskjellige elementer noe som gjør at nettsiden klarer å presentere mye innhold uten at ting blir uoversiktlig og sammentrykt. Selve innholdet på nettsiden er sentrert med to litt mørkere felt på sidene, noe som ved hjelp av litt skygge setter fokuset mot midten. Fargene som er brukt er stort sett rød (og svart) på hvit bakgrunn, med unntak av enkelte bilder og illustrasjoner. Rødfargen gir gjerne lesere konnotasjoner til bl.a. mot, engasjement, ild/varme og sosialisme.

Menyer og innhold er stort sett organisert på en tradisjonell og lettfattelig måte og fontstørrelsen er behagelig å lese. På toppen av venstresiden finner vi partiets logo som er et rødt eple med hvit F påtrykt samt et grønt blad. Til høyre for logoen står partiets navn skrevet med en stor blå font. Like under dette finner vi et slagord i mindre grå font som leser “-for folk flest”. Til høyre for alt dette finner vi også noe som kan minne om et slagord. Det står der skrevet “felleskap og valgfrihet”. Hvilken “provenance” de to slagordene har er uklar dersom man ikke har spesiell kjennskap til dem. Området vi finner det siste slagordet i er ellers nokså tomt, noe som kan tyde på at det er plassert der for å fylle opp dette tomrommet litt, noe som igjen kan bety at dette slagordet ikke har noen “provenance” av betyrdning.

Helt på toppen av høyre halvdel finner vi en lenker til sider som inneholder informasjon om partiet og nettsiden, samt et søkefelt. Søkefeltet er utfylt med teksten “Søk på frp.no” som forsvinner når brukeren klikker i feltet samt et bilde av et forstørrelsesglass til høyre for feltet. Her er det første gode eksempelet på at nettsiden utnytter både tekstlig og billedlig diskurs. Dette gjør at brukeren både intuitivt og ved å lese teksten skjønner hvilken funksjonalitet som finnes her.

Som et skille mellom den øverste delen av nettsiden, gjerne kalt hode, og resten av det dynamiske innholdet finner vi et tykt rødt felt. På dette feltet fortsetter nettsiden å bruke både billedlig og tekstlig diskurs for å presentere sin politikk på ulike aktuelle områder. Eksempelvis er “helse og omsorg” representert med hvitt kors på rød bakgrunn. Selv om dette er motsatt fra Røde Kors’ logo er dette noe man på bakgrunn av farge og form automatisk vil assosiere med temaet. Videre ser vi at “skole og utdanning” er symbolisert med et lite barn med ransel, “skatt og avgift” med statistisk grafikk og “samferdsel” med deler av en buss og en bil. Alle disse symbolene er noe man kan relatere til temaene de representerer, men også til mye annet og at teksten derfor er nødvendig å ha med. Midt på det røde feltet er det en lenke til noe som er kalt “FRP-kommunen” som er symbolisert med et hus. Dette leder til en flash-animasjon som presenterer en tredimensjonal miniverden inne i et FRP-eple. Animasjonen er detaljert laget og benytter seg av mange ulike diskurser samtidig, noe som får den til å virke både tiltalende og interessant. Det er brukt et vidt fargespekter med både skarpe og mer avslappede farger. Som sagt er det en animasjon som viser ting i bevegelse i en liten by. Eksempler på ting som er i bevegelse er biler, fly og tog. Noen steder i byen finner man en liten sirkel som når man beveger musen over viser en tekstboks med informasjon om temaene som bydelene representerer. Et eksempel på et slikt tema og dets represenatasjon er “utenriks” som blir representert med en flyplass hvor et fly tar av og lander. På bunnen av siden finner man en tekstmeny som viser de ulike temaene, samt piler man kan trykke på for å snu eplet/verden.

Tilbake på hovedsiden ser man at hovedmenyen på klassisk vis er plassert på venstre siden. Like under finner vi en annen meny som tar for seg ting som ikke er direkte relatert til partiets politikk som medlemskap, kontaktinformasjon osv. Under dette finner vi så en såkalt “drop down”-meny hvor brukeren kan velge et tema og deretter få presentert FRP’s syn på saken. Dette er i realiteten en snarvei til informasjon som man også kan nå ved å gå gjennom flere valg i de andre menyene. Selv om mange brukere gjerne kan dra nytte av dette vil nok mange overse funksjonen da den både er uklar og er plassert nest lengst ned på venstresiden. Lengst ned finner vi en grafisk knapp med påskriften “FrP TV” samt et symbol av en avspillingsknapp man kjenner fra CD-, DVD- og videospillere.

Den midterste delen av siden under hodet inneholder ingresser og bilder fra artikler, samt lenker som brukere kan klikke på for å lese mer. Lenkene består av både tekstlig og billedlig diskurs og er representert med en rød pil og teksten “Les mer”. Øverst på midtdelen er det lagt inn en banner som sannsynligvis enten er midlertidig eller dynamisk, noe som gir brukere et inntrykk av en oppdatert nettside. Banneren informerer om en direktesendt tale på FrP-TV og bruker flere ulike diskurser som bilde, tekst og symbol. Ved å kombinere alt dette fungerer banneren både som informasjon om hvem, hva og når hendelsen finner sted, samt at det er en link til FrP-TV hvor innslaget kan ses når det blir sendt.

På høyresiden finner vi flere ulike diskurser. Øverst finner vi en rad med ulike lenker representert av flagg i farger. Dette er ikke uvanlig på nettsider og de fleste vil nok skjønne at dette er lenker som peker til informasjon på de ulike sråkene. Under dette finner vi igjen et sett med “drop down”-lister hvor brukere kan velge fylke og kommune for å finne “FrP: der du bor” som overskriften sier. Videre nedover finner vi en rekke billedlige lenker som har både relatert grafikk og tekst påtrykt for å indikere hvilket tema de leder til.

På bunnen av høyresiden finner vi en tekstlig, men klassisk organisert kalender der dager med aktuelle hendelser er farget røde og gjort klikkbare (altså lenker). Under kalenderen er det lenker til nylige hendelser og deretter et nyhetsarkiv som inneholder en liste med lenker til hendelser lenger bak i tid.

Konklusjon
FrP har en ryddig og oversiktlig nettside som klarer å presentere mye informasjon uten å overvelde brukeren. De har benyttet seg av mange ulike diskurser og har i flere tilfeller kombinert disse for å gi brukeren en så enkel og intuitiv opplevelse som mulig. Sidene er lette å navigere og det er få ting man stusser over ved første øyekast.

Referanser
http://www.frp.no
http://en.wikipedia.org/wiki/Red
http://valg2007.no/
Gunther Kress & Theo Van Leeuwen; Multimodal Discourse. Hodder Arnold. 2001

Hei! Du har nå havnet midt i bloggen min som ble opprettet som en del av faget HUIN105. Jeg heter Petter og studerer informasjonsvitenskap på eh… sjette semester blir det vel nå? Jeg har tatt det meste av info.vit.-fag og må derfor ta litt fra Informatikk og litt fra Humanistisk Informatikk dette semesteret.

På forrige forelesning pratet Rolf stort sett om webstandarder og ulike protokoller som HTTP, TCP/IP, (S)FTP og SMTP. (Phew…)