Her er min filmplakat, laget i fotosjåpp. Filmen kommer nok rett på DVD… enjåi!

Brukervennlighet på en nettside er viktig fordi de aller fleste nettsider har sin konkurranse et par klikk med musen unna. Dersom en side er vanskelig å bruke, kan brukeren bare gå til et annet sted, akkurat som vi kan gå til en annen butikk dersom servicen et sted er dårlig i den «virkelige» verden.

Objektet for min brukeranalyse vil bli på nettstedet www.shoppingmall.no. Dette er en kommersiell norsk nettside som selger klær, sko og andre lignende artikler over internett, og slike sider finnes det mange av. Det er derfor viktig at slike sider fungerer optimalt i forhold til brukernes forventninger, siden veien er kort til konkurrerende sider. Shoppingmall har skilt seg ut fra mengden ved å ha et virtuelt, flashbasert kjøpesenter på skjermen som man navigerer seg gjennom. Spørsmålet er om det bare blir støyende og vanskelig å bruke, eller om dette fungerer godt som et navigasjonsalternativ.

Analyse

En enkel måte å gjøre siden brukervennlig, er å gjøre det visuelle åpenbart og tydelig. Å vise hva som er viktig på siden gjennom fargebruk, størrelse på skrift og lignende(Krug, 2006: 31). Er det for mye forskjellig på siden, og alt blir gitt like høy viktighet blir det vanskelig å skjønne hvor man skal gå. Derfor kan det lønne seg å skape et slags hierarki i forhold til hva man vil at skal fange brukerens oppmerksomhet.

Sidens hierarki er bygd opp mye rundt fargebruken. Bakgrunnen er mørk, med noen enkle utsnitt av forskjellige figurer på siden. Det første som fanger blikket, er det virtuelle kjøpesenteret. Det er lyst og innbydende, med diverse merker over hver enkelt butikk som finnes. På venstre ramme kan man logge inn hvis man er registrert som bruker, men dette er ikke nødvendig for å kikke på varene. Her er også alternativet til det virtuelle kjøpesenteret, hvor man i drop-down-menyer kan velge mellom diverse gutte-, jente- og barneklær, og forskjellige butikker og merker. Videre nedover i rammen finner man informasjon om siden, påmelding til nyhetsbrev og de forskjellige merkene som nettstedet fører. I høyre ramme og i topp-rammen finner man intern reklame for tilbud og lignende på siden.

Videre er kjente konvensjoner en stor hjelp, fordi brukeren kjenner det igjen fra lignende opplevelser og vet hvordan de skal bruke dem(Krug, 2006:34). Dette blir gjort med det virtuelle kjøpesenteret. Butikkene ligger rundt på kjøpesenteret, og når man fører musen over en butikk begynner den å blinke lett. Dermed blir det enkelt å forstå at butikkene er linker til de forskjellige butikkene og merkene. Menyene er også velkjente, og overskriftene i hver meny levner liten tvil om hva man finner under hver enkelt. Skal man ha gutteklær, trykker man på gutt og ser gjennom alternativene.

Navigasjon i en butikk

Når man har klikket seg inn i en butikk, forandrer siden seg. Det virtuelle kjøpesenteret forsvinner, og det er en mer konvensjonell nettbutikk. Produktene listes opp med bilde, navn og pris, og over hvert produkt finner man et lite ikon som viser om dette er et gutt- eller jenteprodukt. I tillegg finnes det et lite pluss-ikon ved hvert bilde som gjør at bildet blir forstørret dersom man fører musen over. Videre kan man velge hvor mange produkter som skal vises på hver side, fra fire til 32. Man kan også søke på forbokstaven til produktet man søker. Likevel savnes muligheten for å utelukke det til et kjønns produkter, slik at man slipper å se gjennom både barneklær og jenteklær, dersom man bare er på jakt etter gutteklær. Dette blir spesielt påtrengende i «Outlet Shop», der det er mer enn 256 produkter å velge mellom.

Når man i det virtuelle kjøpesenteret klikker på en av sidene, åpenbarer det seg nye butikker i samme format som ved «inngangen» til senteret. En svakhet ved navigasjonen er likevel at man kommer tilbake til inngangen dersom man trykker seg tilbake etter å ha gått inn i en butikk på en av sidene. Dette kan bli trettende for en bruker, dersom man vil se gjennom alle butikkene på begge sider.

Brødsmuler

Etter hvert som man navigerer seg rundt på siden, viser såkalt «brødsmuler» hvor man befinner seg. Dette er nyttig både for å slippe å trykke på tilbake-knappen hver gang man vil et sted, men også fordi man da kan følge bedre med på hvilke valg man har gjort for å komme til en bestemt vare. Under hver enkelt vare er det også en anbefaling fra nettstedet, der det vises relaterte produkter, som andre kunder har kjøpt sammen med det aktuelle produktet man ser på.

Nyheter

Under det virtuelle kjøpesenteret på hovedsiden finner man både nyheter fra de forskjellige butikkene, og diverse tilbudsvarer. Dette er en god måte for brukerne å oppdatere seg på forandringer på siden, uten å måtte trykke seg rundt til hver enkelt butikk. Riktignok må man scrolle seg ned til nyhetene og tilbudsvarene. Det er også en knapp i høyre hjørne som tar brukeren til nyhetene, mens tilbudsvarene har fått en egen butikk som heter «Outlet shop». Dette kan være forvirrende, fordi Outlet Shop kan oppfattes som en egen butikk, fremfor å være en samling av alle tilbudene som finnes på siden.

På siden der alle de nye produktene vises, mangler pris på hvert enkelt produkt. Dette er en veldig tungvint løsning, fordi brukeren må klikke seg inn på hvert enkelt produkts side for å finne prisen. Videre går det ikke an å bestemme hvor mange produkter som skal vises på hver side, så det blir uansett 16 produkter per side. Det gjør at brukeren må trykke seg videre oftere, samtidig som besøkende med en treg linje vil måtte vente lenge.

Konklusjon

Shoppingmall har en veldig spennende løsning på sin nettbutikk, som skiller seg ut i mengden. På tross av små vanskeligheter i forhold til å snevre inn treffene i forhold til kjønn og lignende, er det en lett side å navigere seg gjennom, med store bilder av produktene, og enkle snarveier rundt til de forskjellige delene av siden. Den flashbaserte navigasjonen gjør det til en side som utmerker seg i positiv forstand, selv om det til tider kan oppfattes som litt tungvint. Det er enkelt å forstå hva man skal gjøre og hvor man skal trykke, noe som er et stort pluss.

Kilde:

Krug, Steve(2006): Don’t make me think! 2nd edition. New Riders/Peachpit, Berkley, CA

Oblig. 2: Web Narrative er nå klar, full av klisjeer, dårlige metaforer og CSS. Den er tilgjengelig på: http://www.student.uib.no/~jch019/

Velbekomme, og ha en fortreffelig påske!

Multimodal Analysis

Introduction

This assignment will be a multimodal analysis of the homepage of Norwegian political Venstre(http://www.venstre.no). Multimodality is “the use of several semiotic modes in the design of a semotic product or event, together with the particular way in which these modes are combined”(Kress&Van Leeuwen, 2001:20). As the internet expands, it opens for use of different modes to be combined, such as video, sound, colour and text. These modes can be in reference to each other, or have their provenance from other cultures, social groups etc(Ibid:20-23). Colour can act as part of the discourse in the sense that it can carry semiotic meaning, as when a specific colour offers association with other materials or cultural aspects, among other things(Ibid:25-27). This assignment will try to describe how different modes interact with the user of Venstre’s homepage. The first thing which will be described is how the page it self is set up.

Venstre.no

Venstre.no is an example of a webpage which uses different modes of expression. It has a light green background colour, and as the page appears, there is an animation of their logo in the main horizontal frame. There are also four pictures with text in this frame, which are links to the party’s four main causes. On the right vertical frame, there are links to different information, such as how to become a member, a news archive, contact information and a video part of the page. The latest news from the archive is also displayed on the main page, under a part where different quotes from prominent party members are displayed. These quotes also reflect the four main causes on the top of the page. The right part of the page consists of four parts, with a vote section, a search function, local news from Venstre and a blog section, which links to about 40 different blogs from members of Venstre. The green colour is prominent throughout the page, although it shifts in tone. The absolute top of the page consists of a grey line with green small links to different parts, such as the member-only parts of the page, an English version of the site and a map of the entire page.

Navigation

The navigation on Venstre’s homepage is pretty simple to follow, though there are a lot of different topics on the front page. The different sections of the front page are divided by headings and marked with the same colour. The user can easily go back to the front page by clicking the logo in the left corner, and the left-, top- and far-right frame follows the user throughout the site. The top frame with the animated logo and the four pictures are also sort of essential to the site.

Pictures

The four pictures with their main causes is what hits you when you look at the page. The pictures reflect the text included in the link, such as the picture of a hand holding the planet earth, with the text “Miljø” over it. This is sort of a metaphor for the fact that we all have the ability to change the environment, and at the same time that Venstre takes the environmental changes seriously. The picture of a child holding his head in his hands with the text “Sosialt ansvar” reflects Venstre’s support for the weaker side of society, such as children and poor people. The picture of the school girl with her hand raised, with the text “Skole”, shows how Venstre is concerned about the education system in Norway. The red apple on her desk is also a metaphor, in the sense that she is a good student, and that is what Venstre wants.

By using the mode of pictures which relate to the text, the user gets a clearer idea about Venstre’s political stands, and their four main causes stand out on the page in a more prominent way than if it just had been words there. The placement of the animation is probably no coincidence, as it gets the users attention by being the only animation on the page, and the pictures are right beside the animation. There are also pictures to illustrate the different news articles they have on their site.

Colour

The colour green normally connotates nature, harmony and safety, among other things(http://www.color-wheel-pro.com/color-meaning.html). In relation to the other modes of the page, it relates to one of their main causes, the environment, among other tings. Green is also associated with social liberalism, which is Venstre’s political ideology. The colour has been used by Venstre since they where formed in 1884.

Video

There is a video section of the website, which contains an archive of different Venstre-related videos, produced both internally and externally. Here the user gets a chance to se how Venstre is represented in this medium, as well as their internally produced videos.

Conclusion

A political website is meant to capture the attention of many different types of viewers. In some ways, it should try to enlist new members, and it should present the party’s main causes and opinions for the users. People who agree or disagree and people who are just curios should be taken into consideration when constructing these types of pages. In other words, there have to be a lot of information on these pages, but it also has to present the different topics in short, and navigation should be simple. On Venstre’s site this is done partly with the four pictures, symbolizing their four main causes, as the user gets a brief introduction to Venstre’s politics just by looking at these pictures. The navigation is fairly simple, though there is a lot of information on the front page, and the colour is consistent. Pictures are being utilized to illustrate the different articles, and the video part of the site offers a variety of different videos.

References

- Color Wheel Pro: Color Meaning http://www.color-wheel-pro.com/color-meaning.html (Last checked: 19.02.2008).

- Kress, Gunther & Theo Van Leeuwen(2001): Multimodal discourse, Hodder Arnold, London.

Hei sveis,

 Her er mitt dikt, nå også med CSS. Løp og kjøp.

http://www.student.uib.no/~jch019/dikt.htm

/Jonas

Oppgave 2 i HUIN 105 er klar. Jeg har valgt diktet “IF” av Rudyard Kipling, og dette finnes på: http://www.student.uib.no/~jch019/dikt.htm Go’ hælj!

Oppdatering: Blir ikke hælj allikevel, bakgrunnen virket ikke i Firefox.

Oppdatering 2: Nå virkær’e!

Hei, og velkommen til min blogg.

 Jeg heter Jonas, er 24 år gammel og studerer Medievitenskap ved Universitetet i Bergen. Det siste halvåret av min bachelorgrad har jeg valgt fagene HUIN100 og 105, i tillegg til et retorikk fag. Siden jeg suger i det meste som har med webdesign å gjøre, ser jeg på dette som en god mulighet til å lære mer om dette. I tillegg virker det som gode fag å kombinere inn i min grad.

 Hittils har vi hatt to forelesninger, den siste om protokoller. Før kurset var dette et ord jeg stort sett bare hadde hørt på serien 24, og nå tror jeg at jeg forstår hva de snakker om. En ny verden er åpnet opp for meg…

 Protokoller er algoritmer, eller regler for hvordan kommunikasjon skal foregå mellom maskiner. Disse maskinene må ha like protokoller for å kunne kommunisere. En type protokoll er HTTP, som står for HyperText Transer Protocol. Denne er et sett med regler for overføring av filer, tekst, grafikk, bilder, lyd og video.

For å lære meg litt om html- og xhtml programering har jeg begynt med tutorials på www.w3schools.com. Det  er en veldig enkel og grei side som gir god innføring i hvordan man kan bruke mark-up språk. Merker at jeg fortsatt har en god del læring igjen, så det er godt vi bare er i den første måneden i året.