Introduktion til projektet.

Mit projekt vil være at udforme en teoretisk/praktisk opgave med fokus på usability. Der findes efterhånden mange eksempler på hjemmesider, der er designet grafisk flot, har mange visuelle effekter og samtidig er konsistente mht. funktioner og knappers placering. Men det betyder ikke at siden nødvendigvis er brugbar, hvis dens struktur ikke giver mening i forhold til brugerens målsætning med besøget på siden. Det vigtigste for en målrettet bruger er at kunne finde de rette informationer.

Jeg vil udarbejde en analyse af hjemmesiden, herunder visuel kommunikation, genrebestemmelse, test vha. activity walkthrough samt kortlægge sidens struktur. Derefter sammenholdes analysen med andre eksempler på hjemmesider indenfor samme genre/konkurrencefelt. Slutteligt vil jeg udarbejde et designmæssigt løsningsforslag til siden.

Produktet for dette projekt vil således blive en færdig analyse samt en grafisk mock-up af det nye designforslag. Det er muligt at mock-up’en vil blive lavet i html, men det er ikke hensigten, at jeg vil udarbejde og implementere en færdig løsning til firmaet.

En foreløbig disposition:

• Indledning (problemformulering)
• Præsentation af objektet (hjemmesiden)
• Analyse
• Teoretisk diskussion
• Løsningsforslag til hjemmesiden
• Konklusion/evaluering

Teori

• Tosca, Susana: “A Pragmatics of Links”
• Erickson, Thomas D.: “Working with Interface Metaphors”
• Pearrow, Mark: Web Site Usability Handbook,
• Ida Engholm: "Webgenrer og –stilarter”
• Garrett, Jesse James: “The Elements of User Experience”,
• Bertelsen, O. W. (2003). Activity Walkthrough - a cognitive walkthrough in activity theory terms.
• Wharton et al.: ”The Cognitive Walkthrough” in Nielsen, Jakob og Mack, Robert L.: Usability Inspection Methods

Uge 45 - danskfolkeparti.dk

Side vi vil arbejde med fandt vi på www.danskfolkeparti.dk

Vi brugte metoden Cognitive Walkthrough:

Forsøg nr. 1)

• Grov skitse: Find ud af hvor Laila Dam stiller op.

1) Observerer på siden: fokuserer på "valg", kigger på menu, scroller…

2) Klikker: Valgannoncer – fejl, Politik – overser link, søgefunktion…

3) Evaluerer: Kunne ikke se informationen i form at et link på forsiden, scannede hvad der var, men overså det. Ikke så logisk når man skal scrolle ned til bunden af siden for at finde så centrale oplysninger.

Forsøg nr. 2)

• Grov skitse: find medlemmer af Europaparlamentet for DF

1) observation: "Folkevalgte"

2) klikkede: på "Folkevalgte", fandt oplysningerne.

3) Evaluering: meget logisk opbygget.

Forsøg nr. 3)

• Grov skitse: find ud af i hvilken kommune Dan Kjølsen er

1) Observation: "Folkevalgte"

2) Klikkede på: "Folkevalgte", dernæste på "DF i kommuner", scroller ned, scroller op igen, kigger hvert navn, lang liste, finder ham i toppen.

3) Evaluering: navne på personer burde kunne sorteres i alfabetisk rækkefølge i stedet for kommunens navn.

Teksten vi har valgt at analysere:

Socialpolitik

Vi står vagt om de svage Et samfund bør bedømmes på, hvordan det behandler sine svageste. Pleje og omsorg af ældre, syge og handicappede er en offentlig opgave, som aldrig bør opfattes som byrdefuld, men derimod en kær opgave, som vi skal varetage med glæde. Vi vil sikre, at de svageste borgere, uanset hvor de bor i landet, får et værdigt og trygt liv. Såvel vore folketingsmedlemmer som vore regionsrådsmedlemmer og byrådsmedlemmer rundt om i de nye storkommuner arbejder hele tiden på at forbedre forholdene for ældre, syge og handicappede. At Danmark til enhver tid skal have et sikkert, dygtigt og trygt sundhedsvæsen er for os et krav, der ikke er til diskussion. Et offentligt sundhedsvæsen, som skal og må være verdens bedste, koster rigtig mange penge, men det er en pris, vi skal være villige til at betale. Vi er tilhængere af borgernes frie og lige adgang til sygehusvæsenet, og vi forlanger topkvalitet overalt i landet. Dansk Folkeparti holder til stadighed øje med, at kvaliteten i sygehusvæsenet hele tiden forbedres.

Analyse af teksten:

Tekststruktur

• For at få et overblik over hvordan teksten er sat op.
• 5 dele – overskrift, underoverskrift, 3 afsnit.

Temarækker

• Definition af ”de svageste” (en overtalelsesdefinition)
• Hvad kan DF sikre for de svageste?
• Sundhedsvæsen – DF gør sig selv til vagthund.

Tempus

• Nutid og fremtid
• Fokus på hvordan det er nu og hvad DF vil gøre i fremtiden.
• Alle tre afsnit starter med hvad Danmark skal/bør have.

Tekstsammenhæng

• De starter med at påstå at der er et problem for de svageste (ifølge deres definition), dernæst nævnes hvad DF vil sikre for Danmark, og til sidst påstås det, at et trygt, sikkert, og dygtigt sygehusvæsen er et krav.
• De sætter en masse påstande op, uden at der dokumenteres at der er belæg for dem.
• Der gøres meget brug af fremsættende sætninger.
• Vi vil…, Danmark skal have… Vi forlanger...
  
• Der gøres brug af opfordrende sætninger.
• Danmark bør have…
• Gentagelser, tre-lister
• De syge, gamle, de handicappede
• Sikkert, dygtigt, trygt

Uge 41 - Aldi.dk

Re-design af www.aldi.dk

Gruppen består af: Mads, Anna-Sofie, Jens Jakob & Rina

Struktur

På www.aldi.dk findes der mange forskellige typer information, både omkring Aldi-koncernen og om deres produkter, men kategoriseringen og strukturen er mildest talt forvirrende og utilstrækkelig. Derfor har vi valgt at fokusere på at forenkle tilgangen til information samt at tilstræbe at sidens fremtoning bevarer en virkelighedsnær relation til Aldis butikker. Dette skal forstås på den måde, at siden ikke skal være for ”fancy/flashy”, da Aldis butikker bærer præg af discount og snusfornuftige indkøbsvaner. Siden bør forholde sig til Aldis koncept.

Vi har konstrueret en forside, der vil gøre det hurtigere og nemmere for kunden at orientere sig og finde de relevante informationer. Forsiden er bygget op omkring en fast header (toplinie) med navigeringsmenu, en tredelt midtersektion, samt en fast footer (bundlinie).

I headeren er der et logo, der fungerer som link til forsiden, en søgefunktion til siden, samt en fast navigeringsmenu med tre hovedpunkter. Ud fra disse punkter er der en drop-down menu med links til sider, der vil høre ind under det pågældende punkt. Informationen man søger skal altså findes ved først mentalt at placere emnet i en af de tre hovedkategorier, og derefter kigge i drop-down-menuen. (se skitse her)

Punkterne i menuen og deres indhold tager sig ud som følger:

• TILBUD
  • Læs tilbudsavis
  • Tilmeld dig tilbudsmailen
• PRODUKTER
  • Læse om 3-5 udvalgte varer i Aldis eget varesortiment (f.eks. mælkebøtte-serien).
• OM ALDI
  • Find Aldi-butikker i Danmark (vha. kort eller postnummer)
  • Info om åbningstider
  • Info omkring jobmuligheder i Aldi
  • Kontaktoplysninger
    • Man kan vælge om man vil kontakte en lokal butik, det danske hovedkontor, eller det internationale hovedsæde.

Midtersektionen består af tre visuelle fremstillinger af henholdsvis det ugentlige tilbudskatalog, en flash-animation, der skifter mellem forskellige af de produkter, der er unikke for Aldi-koncernen (mælkebøtte-serien osv.), samt et billede af en Aldi-butik/medarbejdere. Tilbudskataloget længst til venstre fungerer som link, så man kan læse det ved at klikke på det. Under kataloget kan man tilmelde sig den ugentlige tilbudsmail og får den tilsendt.

Footeren er en fast menu, med tre links til sider hvor man henholdsvis kan finde åbningstider, læse Aldi-princippet samt finde kontaktoplysninger til Aldi (link til samme side som under hovedpunktet ”OM ALDI”.

Navigation

For at understøtte og lette navigationen har vi i struktureringsfasen fokuseret på de aktiviteter vi formoder, man typisk vil udføre på denne type hjemmeside. Det vigtigste er præsenteret på forsiden i en hierarkisk orden, hvor det første man bliver præsenteret for er ugens specialtilbud. Dette element har vi placeret så centralt, da det ofte er meget atypiske varer de har på tilbud, og derfor kræver særlig opmærksomhed. Dernæst kommer info om Aldis egne varer og hvorfor netop deres varer er unikke (bl.a. deres høje kvalitetskrav). Længst til højre har vi placeret informationer omkring Aldi, såsom praktiske oplysninger omkring placeringen af deres butikker, åbningstider og kontaktoplysninger. Vores grundide om struktureringen af siden er altså den, at kunder oftest vil søge tilbudsinfo, produktinfo info og omkring Aldi.

Grunden til at vi i footeren har placeret links til åbningstider og kontakt er at disse oplysninger også tit er relevante for kunder. Sidst men ikke mindst har vi valgt at placere et link til Aldi-princippet centralt i footeren. Disse principper er grundstenen i virksomheden, og derfor vigtige at formidle til kunderne. Desuden kan det i overført betydning ses som udgangspunktet eller fundamentet for siden, og derved tillægges placeringen også en symbolsk værdi.

Genre –og diskursbegreb

Aldis hjemmeside hører under en service, salg og tilbudsdiskurs. De genretyper, vi finder nødvendige og fyldestgørende i sådan en diskurs, er genrer som tilbud, produktinformation, kontaktoplysninger og kvalitetssikring. I henhold til Engebretsens tekst så indeholder en diskurs flere dimensioner, hvilket vi her vil benytte i en argumentation for den valgte diskurs og forskellige genrer.

Den informative dimension handler om det tematiske indhold, og hvorledes Aldi sitet er fragmenter af en virkelighed. Vi har valgt at lave et site, som er forholdsvis enkel og har reduceret det originale sites informative dimension væsentligt. Overordnet finder vi det kun nødvendigt at informere om konkrete ugentlige tilbud, Aldis mærkevarer og Aldis virksomhed og værdigrundlag. Vi har dermed indsnævret den informative dimension for at gøre sitet mere brugervenligt i relation til, hvad kunder og andre brugere vil bruge sitet til.

Den æstetiske dimension handler om identitet og helhed. Her har vi bibeholdt det genkendelige Aldi-logo, som sammen med de genkendelige røde og blå farver er gennemgående på alle sider. Derudover har vi valgt at bibeholde et billede af en Aldibutik, hvilket skal være med til at skabe nærhed og identitet. Således fokuserer vi på genkendelige udtryk i forhold til at skabe et overordnet helhedsindtryk.

Den sociale dimension handler om balancen mellem nærhed og distance. ”Kontakt” er den reelle mulighed for at komme i kontakt med Aldi, dog er der jo overordnede henvisninger til at besøge de enkelte butikker, hvis adresser også er at finde på sitet. Derudover finder vi den sociale dimension i henvendelsesformen på sitet. Her finder vi det vigtigt at føre en nem henvendelsesform, hvor sprogbrugen ikke er for intellektuelt og akademisk, idet sitet hermed vil miste brugeren. Derimod har vi valgt et overkommeligt tekstmateriale og en del store og deskriptive billeder for at skabe et overskueligt og brugervenligt site.

Mælkesiden

Æstetisk skulle mælkesiden gerne have en udtryksmæssig sammenhæng med det overordnede udtryk( den rød, hvide og blå farvekombination.) Siden kan ses her

Ideen bag mælkebøtte serien er at den er et konkret eksempel på Aldi-princippet(kvaliteten helt i top - prisen helt i bund). Samtidigt er dette jo udtrykt andetsteds på siden, så mælkebøtte teksten er tænkt som værende kort og præcis ang. hvad der karakteriserer/adskiller mælkebøtte-serien. Flash-elementet er tænkt som en måde at overskueliggøre informationer (det kunne være andet end pris) om det enkelte produkt i serien, og samtidigt præsentere mælkebøtte-serien som helhed.

Uge 40 - Startour.dk

Analyse af Startour.dk

1. øvelse, 1. del.

Omhandler: interfacets karakteristika, kulrutelle "arv" og de konventioner og medier det trækker på.

Startour.dk ligner en blanding mellem en trykt brochure fra et rejseselskab og et kuponkatalog. Med det menes der, at der er mange fristende og farvestrålende billeder fra feriesteder rundt omkring i verden. Disse billeder har til hensigt at lokke folk til at drømme sig hen til et ferieparadis, og derved kigge nærmere på Startours tilbud.
Siden adskiller sig dog fra en brochure og kuponkatalog ved at man skal navigere rundt og klikke op til flere gange for at finde en pris på en rejse. Siden er altså ikke struktureret udelukkende som en reklamesøjle, hvis primære funktion er at vise selskabets prisstærke tilbud. I stedet spilles der på folks lyst frihed og til at rejse. Man får ikke en pris præsenteret med mindre man har valgt at få den information. Ved at få folk til at klikke sig gennem 3-4 sider med feriebilleder og mulige rejsemål stimuleres læseren til at tænke i "ferie-baner". Alt i alt er det forholdsvist nemt at bestille en rejse eller få eksakte informationer præsenteret. Men jeg vil dog mene, at der kunne skiltes noget bedre med pris og afgangsmuligheder, da det ofte er meget afgørende for potentielle købere.
Forsiden er opdelt i rubrikker med hver deres type indhold præsenteret under en overskrift. Eksempelvis kan nævnes rubrikken "Rejseudvalg" hvor hver overskrift har en beskrivelse, som giver mening til den specifikke rejsetype. Det er en god ide at få folk placeret i den rette kategori allerede fra forsiden, da mange købere typisk allerede har en ide om hvilken rejsetype, de gerne vil benytte sig af.
Alle billederne på forsiden er interaktive, enten som et link, eller som en flash-animation, hvor du kan klikke på en del af et verdenskort. På den måde fungerer siden på en måde som en brochure, hvor et klik navigerer dig hen til den relevante side. Denne struktur understøtter sidens salgsmæssige strategi, nemlig at give de rette, stimulerende informationer, og derved sælge varen gennem positive sanseindtryk.
Startour har valgt at udnytte Internettets teknologiske potentiale ved en bevidst gruppering af sidens indhold, interaktive flash-animationer samt at vise film fra forskellige rejsemål. Desværre virkede filmene ikke i min Firefox-browser, så jeg kan ikke udtale mig om indholdet. Men det er en god måde at præsentere et rejsemål på, eftersom man kan få mange informationer på relativt kort tid (et billede siger mere end 1000 ord).

1. øvelse, 2. del.

Omhandler: analyse af et visuelt udtryk.

Det hvide verdenskort i øverste venstre hjørne, er et visuelt stærkt udtryk samtidig med at det skaber interaktivitet med læseren. Overskriften over billedet af hele verden er "hvor vil du hen?". Kører man musen over de forskellige verdensdele markeres kontinentselektionen med blå farve. Når man klikker på et kontinent zoomes der ind på kontinentet, og Startours feriedestinationer vises som et ikon på kortet. Klikker man på ikonerne kommer man frem til en ny side, hvor man igen skal vælge hvilket område, denærst hvilket lokalområde, osv.

Dette verdenskort og de efterfølgende sider fungerer altså ved kompleksitetsreducering. Trin for trin opstilles der meningsfyldte kategorier, som skal gøre det let for brugeren at navigere til de rette informationer. Desuden skal verdenskortet sammen med overskriften signalere at de geografiske grænser nedbrydes og man via. Startour let kan opleve hele verden.

2. øvelse.

Omhandler: en metafor for punktet "Tilbud/rabatter".

Hvis man skulle anvende en metafor for dette punkt i menuen, vil man kunne gribe fat i begrebet "knaldtilbud" eller "slagtilbud". Med dette forstås tilbud, der adskiller sig fra selskabets andre tilbud ved at være billigere, enten for en gruppe interessenter (pensionister/unge) eller bare gode tilbud generelt.

Visuelt kan denne metafor vises ved f.eks. kanonslag (knaldtilbud) eller en knytnæve/hammer (slagtilbud). Dette udtryk kan dog være svært at inkorporere i sitet som helhed. Det vil sandsynligvis falde lidt ved siden af, da resten af sitets visuelle udtryk baseres på sanseindtryk, der spiller på følelsesmæssige værdier og ikke deciderede discountpriser.

Men den reelle værdi af kortet og dens funktion mindskes dog ved det faktum, at Startour ikke har feriedestinationer på alle kontinenter. Australien er f.eks. ikke en valgmulighed. Rusland bliver markeret sammen med Europa, selvom det kun er centraleuropa, der vises når man klikker. Desuden markeres hele Sydamerika, til trods for at der kun er én destination på hele kontinentet. Set fra et informationsmæssigt og kommunikativt synspunkt reduceres kortets værdi altså betydeligt, da det ikke er detaljeret nok og på sin vis "narrer" køberen til at tro, at man med Startour kan rejse over hele verden.

Uge 39 - Omskrivning

Omskrivning af indledningen i artiklen Iværksætter i den nye økonomi.

Iværksætter i den nye økonomi.

Begrebet den nye økonomi refererer til markedets nuværende tilstand; en tilstand, der er præget af store teknologiske fremskridt samt værdi- og konkurrencemæssige forandringer - en tilstand, der både medfører nye udfordringer og muligheder for iværksættere.

Information og kundens behov er nøgleord i den nye økonomi. Den fordrer at man fokuserer på opfyldelsen af kundens behov, herunder nem adgang til produktinformationer. Dette fokusskifte har sammen med den teknologiske udvikling ændret de forretningsmæssige præmisser betydeligt.