Obligatorisk Photoshop-oppgave

Min filmplakat: Hollowood

2# obligatoriske oppgave i huin105 våren 2008 (Paper assignment)

For this 800-1000 word paper, I ask you to analyze a website from the
perspective of usability. Find a website that you like, and that you think works
fairly well for its purposes (for an example a commerce website, a social
networking website, a political website) but that has flaws that frustrate you when you use it. We have all had the experience of wanting to like a website,
but finding ourselves frustrated when we actually use it. Your job in this paper
is to describe the usability flaws in a website and then describe how you
would go about fixing them. In the course of the paper, you should address
concerns and strategies raised by Steve Krug in Don’t Make Me Think. Use
the website you choose as a case study in usability. Test out several scenarios
that a typical user might encounter. What is wrong with the site? If you were
in charge of it, how would you fix it?Due Date: Tuesday, April 22nd, posted to your blog.

Innledning
Denne oppgaven skal ta for seg brukervennligheten til Posten (www.posten.no) sin nettside. Oppgaven skal først beskrive brukerfeilene jeg opplever på denne nettsiden. Deretter skal jeg gi forslag til hvordan dette kan forbedres.

Bakgrunn
Utgangspunktet for denne oppgaven er boken «Don’t make me think» av Steve Krug. Hovedpoenget med boken hans er å formidle hvordan man lager gode og intuitive nettsider. Man skal lage nettsider der brukerne ikke skal bruke sin tid på å forstå hvordan siden fungerer.
Krug sier i boken sin om nettsider: «Just how selv-evident are we talking about? Well, self-evident enough, for instance, that your next door neighbour, who has no interest in the subject of your site and who barely knows how to use the Back button, could look at your site’s Home page and say, Oh it’s a __» (Krug, 2006:11).

Slik ser hovedsiden til Posten ut:

Første inntrykk
Det første jeg tenker når jeg går på Posten sin nettside er at den er svært informativ. Det virker for meg at de har prøvd å legge inn mest mulig tekst på hovedsiden. Krug nevner i boken sin at man bør i mest mulig grad unngå mye tekst. Brukerne leser ikke nettsider; de scanner etter det de vil ha eller synes virker interessant. De vet at man ikke trenger å lese alt på hele siden. Hovedsiden virker meget bråkete på grunn av all teksten og mange linker. Ordvalgene i menyområdene og siden forøvrig er ikke informative nok til at jeg raskt kan scanne meg til der jeg øsnker.

Design
Det er ikke lett å scanne seg frem til det en leter etter. Posten har ikke holdt seg til standarder med tanke på at viktig elementer på siden bør forstørres og mindre viktig blir gjort noe mindre. For å mest mulig lykkes med å utvikle en bra side, så bør man i mest mulig grad holde seg til standardene. Dette gjør at brukerne kjenner seg igjen og forstår siden lettere. Det fører også til at brukeren får en mestringsfølelse av å bruke nettopp denne siden. Da er det større sannsynlighet for at brukeren besøker siden igjen.
De har ikke plassert de mest brukte funksjonene som brukerne ønsker øverst på siden. Menyområdet på venstre side burde vært plassert i midten av hovedsiden slik at brukerne med én gang kan klikke seg til det de ønsker. Jeg antar at de som besøker Posten sin nettside er interessert i å finne ut for eksempel hvor mye det koster å sende en pakke, bestille frimerker, lete etter postnummer og åpningstider. Det finnes antakelig store deler av siden som aldri eller sjelden blir brukt.

Navigering og menyvalg
Konsistens er et fundamentalt konsept i navigasjon. Sidene bør være like (for eksempel likt design på hver side), slik at brukerne kan ta med seg erfaringer fra en side til den neste. Da går lite tid til å lete i menyen, og brukeren kan konsentrere seg om innholdet på siden. Her får brukerne også en følelse av forutsigbarhet og føler seg trygge på å utforske siden mer.
Krug nevner at når brukere er på en nettsiden tar de ikke optimale valg. De klikker på de områdene som de antar fører dem de dit vil. På denne nettsidene blir det en del gjetting frem og tilbake på linkene. Etter prøving og feiling ender jeg opp der jeg ønsker.
Navigeringen er noe rotete. Menyvalgene øverst på siden er generelle og sier meg lite hvor de faktisk fører meg til. Etter hvert som jeg har brukt denne nettsiden så skjønner jeg hvordan den er bygget opp. Det er vanlig blant brukere at når de først har funnet en måte å finne frem på en nettside, så holder de seg til den selv om den er tungvint. Grunner til dette er at de får den måten å finne frem på som en vane eller at de rett og at de ikke synes at dette er viktig for dem.

Noen eksempler på vanlig bruk av siden:

Case 1
Finne ut hvor mye det koster å sende et brev i Norge
Først så må jeg scanne hele hovedsiden for å finne priser. Etter en god stund ser jeg linken nederst i menyen på høyre side. Når jeg trykker på linken, blir det lastet ned en PDF-fil. Dette fører til at jeg må manuelt lete gjennom hele filen for å finne ut prisen. Søkemotoren vil ikke fange opp det jeg leter etter hvis jeg hadde søkt etter det. Dette var svært tungvint.

Case 2
Finne åpningstider i Posten
Etter lang scanning ser jeg linken øverst til venstre på hovedsiden. Området har en tittel med rød skrift som ser klikkbare ut, men det er den ikke. Jeg må klikke på «Gå til kartet >». De kunne spart litt plass på hovedsiden ved å la overskriften være klikkbar. Videre var det en del klikking før jeg endelig kom frem til åpningstidene i Bergen.

Mitt forslag til ny Posten.no

Jeg laget et forslag til hvordan Posten sin nettside kan forbedres. Åpnes i nytt vindu for å se hele bildet.

Jeg prøvde å holde meg innenfor web-standardene da jeg utviklet denne hovedsiden.
Jeg mener at brukeren vil raskt få en mestringsfølelse av å bruke mitt forslag. Hovedsiden skal inneholde de viktigste og vanligste handlingene en bruker gjør i posten.
Alle sidene skal ha likt design. Det vil si at den røde navigasjonsbaren, Posten sin logo, linkene øverst og den interne søkemotoren skal være tilgjengelig på alle sider, uansett hvor man befinner seg. Øverst til venstre er det en setning som forteller hvor på web-siden brukeren befinner seg.
Det skal ikke være linker på denne siden som fører til de samme områdene. Linkene har enkle og forståelig dagligdagse ord.

Menyvalgene er i den røde navigasjonsbaren. Siden brukeren er på hovedsiden, vises det ikke noe tekst i det røde området. Hvis brukeren går for eksempel til Privat, så vil flere menyvalg dukke opp med én gang bortover linjen.
I boksen på venstre side er det seks valgmuligheter. Når brukeren klikker på en av disse linkene, dukker det opp et område rett til høyre der brukeren får det de klikket på. Det kan være informasjon om en pakke eller åpningstider. Pilen i midten virker veivisende. All informasjon på siden skal vises i tekstformat. Dette er fordi det er lettere for brukere å lese og søkemotoren kan fange opp denne type informasjon.
Boksen helt til høyre gir mulighet for brukeren å logge seg inn.
Øverst til høyre kan man få hele web-siden i engelsk versjon. Rett under er den interne søkemotoren. Denne er antagelig en av de mest brukte funksjonene på hele web-siden.
Helt nederst på siden er det linker som kanskje ikke er av allmenn interesse. Ikke alle vil lese nyheter eller søke etter jobb i Posten. Derfor er de plassert på det området. Helt øverst er linker om selve web-siden og nettstedskart. Det virker gunstig å ha de der oppe siden mange andre sider bruker dette og det virker oversiktlig.

2# obligatoriske oppgave i huin105 våren 2008

This is an obligatory assignment. The assignment should be completed individually. The purpose of this assignment is to give the experience of creating a website in multiple pages that has a coherent navigational structure and tells a story of some kind. For this assignment, please write and design a narrative made for the web. This can be a fictional story, an autobiographical recounting of some event in your life, a favorite folktale, etc. The point is to create an engaging multimodal narrative experience for your readers. You should design your site, of at least five different pages, using an external cascading style sheet. Think about how page layout and design, font choices, images, and other sorts of embedded multimedia such as audio or video might enhance the story. The assignment is due by Tuesday, March 11th.

Her er linken til oppgavebesvarelsen min, Bukkene Bruse.

1# obligatoriske oppgave i huin105 våren 2008

1# obligatoriske oppgave i huin105 våren 2008 av Hilde Topland

Selve oppgaveteksten:
Using terms and references from Gunther Kress’
Multimodal Discourse, perform a semiotic analysis of a Norwegian political
party or individual politician’s website. Perform a multimodal analysis, taking
into account modes including written text, static or motion graphics,
illustrations, user interface design and navigation, color choices, audio, video,
use any social network applications or community-building tools, etc. Take
into consideration both denotative and connotative aspects of individual
aspects of the site. Consider the provenance of different aspects of the site,
and ways that the site uses metaphors. How do all of the aspects combined get
across specific themes that establish an ideological message.
Approximate words: 750-1000
Post the assignment on your wedblog by the end of the day on Tuesday, February 19th

Innledning
Denne oppgaven skal ta for seg websiden til det norske politiske partiet Ap (Arbeiderpartiet). Adressen til Arbeiderpartiet sin webside er www.dna.no. Oppgaven skal først ta for seg forskjellige diskursene og det generelle designet skal beskrives. Deretter skal oppgaven se på selve utseende til websiden; hvordan den er delt opp i øvre del og hoveddel. Til slutt blir hovedmomentene samlet i en konklusjon.
Det norske Arbeiderpartiet er et sosialdemokratisk parti står for frihet, like rettigheter og solidaritet.

Definisjoner
Boken av Gunther Kress og Theo van Leeuwen «Multimodal Discourse» er brukt som bakgrunn for å skrive denne oppgaven. Fire ord som er sentrale for å forstå hva denne oppgaven skal ta for seg er diskurs, konnotasjon, denotasjon og provenance. Boken definerer diskurs som sosiale konstruerte kunnskaper av realiteten. At kunnskapene har blitt utviklet i en spesifikk sosial kontekst. Konnotasjon er betydninger av ord som er utviklet av fellesskapet, ikke av selve egenskapene til tingen selv. Et annet ord for dette er assosiering. Denotasjon er den bokstavelige meningen av noe. Dette kan sammenlignes med hva ordbøker gjør; de forklarer hva en ting er. Siste ord er provenance som betyr hvor noe oppstår fra, hvor det kommer fra.

Diskurser på websiden
De forskjellige diskursene på Arbeiderpartiets webside er farger, bilder og skriftspråk.

Kress og van Leeuwen skriver angående om farger at ”…colour offers semiotic possibilities of a specific kind, for instance the possibility of ‘association’ with other colours, wih other materials (air, rock, wind, sea/water, cloth, etc.), and with other culturally salient aspect (’sun’, ’shade’) and their meaning in a culture, and at a particular time. (…) Colour also offer a specific sensory appeal, via sight and its physiology, and via both the physiological/experiental meanings of colour for humans as biological/physiological beings and cultural/experiental meanings of colour - the meanings deriving from specific cultural provenances and physiological/experiental/emotional effects” (Kress/van Leeuwen 2001:27).
Fargebruken på websiden er enkel og tydelig. Kun tre farger er gjennomgående; rødt, hvitt og svart (tekst). Man får med en gang et godt inntrykk av de mener bare ved å se på disse fargene i kombinasjon. Rød signaliseres med flamme og blod og konnoteres med energi, krig, fare, styrke, makt og determinasjon, men også lidenskap, begjær og kjærlighet. Hvitt konnoteres med lys, guddommelighet, ekte, uskyldighet og renhet. Den menes å være den perfekte fargen (Color Wheel Pro).
Den sterke rødfargens gir i denne sammenhengen konnotasjoner som kamp og arbeid. Arbeiderpartiet er et sosialdemokratisk parti og dette vises gjennom fargebruken deres. De sier at de er sterke og lidenskapelige til sitt arbeid og sitt land, samtidig er de gode og ekte og jobber mot å være perfekte. Den sterke og klare rødfargen symboliserer teoretisk sett radikalisme, noe som partiet var før. I dag symboliserer den venstresiden.

Bildene som er brukt på websiden er glade og positive mennesker. Dette gir inntrykk at partiet er hjelpsomme og at besøkende får en god og trygg følelse av å være på websiden deres. Begge kjønn er representert omtrent likt. Dette viser at de bryr seg om rettferdighet; likestilling for begge kjønn.

Skriftspråket på websiden viser tydelig hva dette partiet står for og hva de vil. Setninger som «hva brenner du for» (lokalisert på høyre side av banneren) og overskriftene på nyhetene deres viser at de vil gjøre noe nå og hjelpe alle i samfunnet, aller mest de vanskeligstilte. Ordet «brenner for» viser at partiet vil jobbe med og diskutere det vanlige mennesker mener er viktig. Her viser paritet sin solidariske side.
Noen av overskriftene er «Vil ha barnehage for alle fem-åringer», «hvordan dele fødselspermisjonen» «bli med og utforme vår politikk» og «sterk helsevekst». Disse overskriftene gir inntrykk på at partiet bryr seg mye om kvinner og vil hjelpe dem med problemer de møte i ulike sammenhenger.

Grafisk brukergrensesnitt / Generelt design
Det første inntrykket besøkeren får av å se på denne websiden er at den er ryddig, profesjonell og enkel. Arbeiderpartiet ønsker at man ved å bruke deres webside at de besøkende skal komme nærmere deres parti og forstå hva de står for. Websiden er bygget slik at det er lett å finne informasjon om dem, siste nyheter som har omhandlet dette partiet og deres historikk. Det er også mulig å logge seg inn spesifikt på denne websiden. Da trengs medlemsnummer. Websiden er lett for nye brukere å sette seg inn i. På venstre side kan man enkelt navigere seg der man ønsker.

Denne websiden tilbyr besøkende å få mer informasjon om partiets meninger ved å bruke nye medier muligens er en del av den besøkenes hverdag. De mediene som er tatt i bruk er Youtube, Facebook, flickr, VGNett Blogg og RSS. På Youtube tilbyr Arbeiderpartiet at besøkende kan se filmklipp og taler fra partiets tillitsvalgte. Profilen på Facebook gir informasjon om partiet. Den er på en måte som et sammendrag om partiet. flickr gir bilder fra møter partiet har hatt samt biler fra andre partimedlemmer. VGNett Blogg inneholder blogger fra de ulike partimedlemmene. Siste media er RSS som gir besøkende muligheten til å abonnere på informasjon/nye innlegg fra Arbeiderpartiet.
Det er også web-tv på websiden. I tillegg er det en egen Websikon. Her får besøkende en oversikt over partiets meninger og holdninger til for eksempel homofili. Dette er et tillegg til søkemotoren, som også er på siden.
Det er meget lurt av partiet å benytte seg av nye medier. Da får de et større spekter av mennesker som får informasjon om hva de står for.

Oppdeling av websiden
Websiden er delt i fire deler; øvre banner, to kolonner på hver sin side med videre navigering til andre steder på nettsiden og en hoveddel på midten.

Banneren viser partiets logo på venstre side og et bilde av en kvinne på høyre side. Denne delen er sidens blikkfang. Partiets logo er av en hvit rose (er opprinnelig rød, men at bakgrunnen er rød gir mer effekt av den røde fargebruken). Den røde rosen er symboliserer partiet, fungerer som et synonym for Arbeiderpartiet. Konnotasjonen til denne logoen er solidaritet og frihet, noe som partiet selv står for. Partiet sier selv så har ideen om en rose som symbol sin opprinnelse i arbeiderbevegelsen kamp for brød og kultur (provenancen av rosen). Denotasjon til rosen er at den er bare en rose.
Kvinnen avbildet på høyre side er partiets nestleder, Helga Pedersen. Bildet av henne er satt sammen med noen filmklipp som viser bilde andre politikere. Alle er i gang med å si noe. Man får inntrykk av at nestlederen er streng, men rettferdig. Hun virker som en sterk kvinne med bein i nesen. Hun har noen svake hvite streker over ansiktet sitt. Det virker som om hun er med i tiden; sammenlign med et Matrix-bilde (film). Hun vil kjempe for alles rettigheter og er interessert i alle sine meninger. Her kommer partiets rettighetsmonument frem.

De to kolonnene på hver sin side gir navigasjon til besøkende. Her kan de blant annet logge inn, søke og se på web-tv. Bildet av web-tv er avbildet med statsministeren, Jens Stoltenberg. Man kan også få siste nyheter.

Midten av websiden er det neste besøkende ser på. Her er de siste nyhetene som omhandler partiet. Hver nyhet har en kort oppsummering av innholdet, et bilde som fremhever saken og en link videre til hele teksten. Alle bildene er av mennesker i en sammenheng. Enten det er jobb, familie eller bare et enkelt bilde av dem. Man får inntrykk av at partiet bryr seg om mennesker på jobb og familieliv.

Konklusjon
Samlet sett så er websiden til arbeiderpartiet en bra og profesjonell side. Dens hensikt er å informere besøkende og det gjør den. Det er lett for nye og erfarne besøkende å navigere seg gjennom denne siden. De tar i bruk nye medier, som er svært positivt, siden de da kan nå større gruppe mennesker og de følger med trendene. Besøkende får raskt et inntrykk av hva dette partiet står for.

Referanse
Kress, Gunther og Theo van Leeuwen. 2001: Multimodal Discourse. New York: Oxford University Press Inc.

Wikipedia, Det norske Arbeiderpartiet. Feb 2008
http://no.wikipedia.org/wiki/Arbeiderpartiet
sist lest 19.02.2008

Semiotics for Beginners, Daniel Chandler. Mars 2002
http://www.aber.ac.uk/media/Documents/S4B/sem06.html
sist lest 18.02.2008

Color Wheel Pro, See color theory in action. 2002-2007
http://www.color-wheel-pro.com/color-meaning.html
sist lest 19.02.2008

Ny XHTML - dikt og bilde med CSS

Her er min besvarelse av oppgave 3.

XHTML - dikt og bilde

Her er min besvarelse av oppgave 2.

Protokoll

Protokoll er et gresk ord som kommer fra ordene protos (først) og kolla (lim). En protokoll var innholdsfortegnelse limt fast til papyrusruller.

Protokoll er regler for kommunikasjon mellom datamaskiner. For at to eller flere datamaskiner skal kunne kommunisere sammen, må de kunne forstå hverandre. De vanligste protokollene i dag er HTTP (Hypertext Transfer Protocol), FTP (File Transfer Protocol) og SMTP (Simple Mail Transfer Protocol).

HTML består av sju lag; fysisk, datalink, nettverk (IP-adresse), transport (TCP), sessjon, presentasjon og applikasjon.