04/13/23Dias 1

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Brugervenlighed og brugervenlighedstest

Janne Bavnhøjbavnhoej.dk

– Webmoster for LIFE

04/13/23Dias 2

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

http://waterlife.nfb.ca

04/13/23Dias 3

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Krak.dk

04/13/23Dias 4

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

www.useit.com

04/13/23Dias 5

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Hvad er brugervenlighed?

?

04/13/23Dias 6

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Ingeniørversionen:

Brugervenlighed relaterer sig til hvor let noget er at bruge.

Det handler om:• Hvor hurtigt folk kan lære at bruge det,• Hvor effektive de er når de bruger det• Hvor let det er at huske• Hvor fejl-tilbøjelig det er• Hvor godt folk kan lide at bruge det

04/13/23Dias 7

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Brugervenlighed

Handler om imødekommenhed

Lav din hjemmeside så brugeren

• forstår hvad de ser, • forstår hvordan de skal bruge det • … uden at anstrenge sig.

Med andre ord:

Kend din modtager og gør som Børge siger

04/13/23Dias 8

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Så tæt på

SelvindlysendeSom muligt

04/13/23Dias 9

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 10

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 11

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 12

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 13

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 14

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Brugerne bruger det meste af tiden på andre sider end din

Jakob Nielsen

- så regn ikke med at de kender denmen lær af dem der bliver set mesthttp://fdim.dk/statistik

04/13/23Dias 15

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

04/13/23Dias 16

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Konventioner er din ven

- og de ændrer sig lidt hele tiden

04/13/23Dias 17

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

TEKST Overskrifter er tydelige

Tydelig afsender

ID på forsiden

Præcise linktekster

2

Skriv til nettet

Ingen instruktioner

Opdateret indhold

3

Højrespalte er til relaterede information

2

Det er tydeligt hvad man kan klikke på

Tekster er lette at skanne og korte

Brug kendt sprog

og alt det Børge sagde

mandag

04/13/23Dias 18

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

STRUKTURLink er farvede(og understregede)

Menu – Navigation er

i top eller venstre side

Åben ikke i nye vinduer

SideID i øverste venstre hjørne

Navigationer konsistent

2 - 3

Korte og præcise

menutekster

God søgning (i toppen)

Tydelig afsenderID på forsiden

Lette url’er

Man skal visuelt kunne se hvor man er Tilbage-

knappen virker altid

og alt det Børge sagde

I går

04/13/23Dias 19

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

LAYOUTLayoutet

skalérbartIngen

overflødig scroll

Knapper skal ligne knapper

2

Platformsuafhængigt

Lækkerhed gir

troværdighed

GUI ≠ reklame

Det skal være let at

komme hjem

2

Tilmelding og formular tydelig

Og alt det Børge ville sige på det

næste kursus

04/13/23Dias 20

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Kilder:

Til mere viden

04/13/23Dias 21

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Videnskabelig gennemgang

http://www.usability.gov/guidelines/guidelines_book.pdf

04/13/23Dias 22

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Hvordan kan vi "måle og veje” om vi gør det godt

internetstatistiklogfilanalyse

Brugerworkshop ( fokusgruppe-

interview)

online spørgeskema

Individuelt interview

Ekspert-vurdering

Bruger-venlighedstest (Tænke Højt)

Eyetracking Ydelsestest

04/13/23Dias 23

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Tænkehøjttesten

• En typisk bruger • Får stillet en række realistiske opgaver (6-20 spørgsmål)

• Eller brugsscenarier • I en så realistisk situation som muligt

• Hun tænker højt mens hun løser opgaven• Hun overvåges af en observatør/evaluator

Kilde: Rolf Molich, brugervenligt design

04/13/23Dias 24

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

LIVE Test på LIFEs medarbejderportal

Hvad tester vi?

Type Opgaven

Hovedmenuen Test af navngivning og navigation

Prøv først at gå igennem Sig hvad du forventer du kan læse om på de enkelte punkter?

Navigation/søgning

Find referat Din chef kommer ind og beder dig om at finde referatet fra sidste clfmødet 11. november 2010

Siden troværdighed/image

Brugsscenarie Forestil dig at du er i gang med at søge nyt job og du vil finde ud af om LIFE er en god arbejdsplads for dig. Hvad ville du gøre?

04/13/23Dias 25

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

I den ideelle verden

• Find testleder• Formuler formålet• Sælg testen til udviklere/forskere/kolleger• Formuler test opgaver

(brugerens vigtigste ærinde)

• Skriv testplan• Find teststed/steder• Find testdeltagere• Gennemfør testen

(optag video, lyd, skærmhandlinger, noter)

• Skriv testrapport• Skab forandring• Test igen

04/13/23Dias 26

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Den professionelle version

04/13/23Dias 27

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

KU gør det også

KU test

https://intranet.ku.dk/medarbejderguide/kommunikation/internet/brugerundersoegelser/Sider/brugerundersoegelser.aspx

04/13/23Dias 28

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Mindre kan også gøre det

04/13/23Dias 29

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Test din ideer – før du forandrer

http://www.rainbowlayers.co.nz/files/images/shop-subcategory-mockup_2.png

04/13/23Dias 30

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Hvor mange skal du teste?N(1-(1-L)n) = ca. 5

http://www.useit.com/alertbox/20000319.html

04/13/23Dias 31

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Gode opgaver

• Skal være relevante for målgruppen• Skal indeholde et scenarie

(en lille, engagerende historie)• Skal kunne løses• Skal have et klart succeskriterium• Skal ikke kun teste findability (søgbarhed)

Kilde: Børge Kristensen, www.copenux.dk

04/13/23Dias 32

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

10 typiske fejl

• Opgaverne er fjollede• Opgaveteksten giver ubevidst hjælp• Testleder hjælper for meget eller for hurtigt• Testleder undlader at hjælpe, når problemet er klart• Testleder giver ubevidst hjælp• Ingen eftersnak og tjek af forståelse af web-stedet• Bias i testrapporten

(hvis du selv laver test og rapport er der risiko for fokus på det du synes er vigtigt)

• Kommentarer i rapporten er ikke kategoriseret (kosmetik vs. katastrofer)

• Resultaterne kommunikeres ikke til forandringsagenterne• Testrapporten indeholder meninger

Kilde: Rolf Molich

04/13/23Dias 33

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Succesmåling

Antal opgaver der blev løst

Succes = _____________________

Antal opgaver udført

04/13/23Dias 34

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

General vurdering

Kilde: Børge Kristensen, www.copenux.dk

04/13/23Dias 35

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Tag stikket hjem - Skriv rapporten

Analysér resultaterne• Registrér observationer• Drag følgeslutninger• Validér følgeslutninger• Vurdér brugergrænsefladen• Anbefal ændringer

Kilde: Børge Kristensen, www.copenux.dk

04/13/23Dias 36

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Test dit eget site

• Definer 1-2 opgaver du vil teste• Test den på mindst 2 personer helst på 5• Skriv hovedkonklusionerne ned

Hvor lykkes det – hvor er der problemer

• Hvad vil du lave om på baggrund af testen?

04/13/23Dias 37

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Ultimativ brugervenlighed ;)

04/13/23Dias 38

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Ekspertvurdering

Ved en ekspertvurdering vurderer en eller flere eksperter en dialog på grundlag af

• brugernes typiske arbejdsopgaver, • tommelfingerregler for godt design, • gældende standarder og • egne erfaringer.

En ekspertvurdering skal udføres af en anerkendt ekspert med mange års praktisk erfaring.

Udbytte: En rapport der beskriver problemerne og foreslår løsninger.

04/13/23Dias 39

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Udfordringer

• Eksperten er sjældent i målgruppen• Brugeren er ikke inddraget• Det er super svært at frigøre sig fra sine forudsætninger

(eksperter er sjældent gode novicebrugere)

• Eksperter finder problemer som ikke er der!

04/13/23Dias 40

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Hvor mange eksperter skal der til

http://www.useit.com/papers/heuristic/heuristic_evaluation.html

04/13/23Dias 41

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Tilbage til fremtiden

04/13/23Dias 42

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Test af m.LIFE

Opgave 1Du har hørt at man kan komme på rundvisning i LIFEs have. Hvordan kommer du det?

Opgave 2Forestil dig at du er gymnasieelev. Du har hørt at man kan blive Jordbrugsøkonom på LIFE. Det synes du lyder spændende og du vil godt vide, hvad man kan bruge uddannelsen til.

04/13/23Dias 43

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod

Hvordan ser m.LIFE ud om et år?

?

04/13/23Dias 44

Webteam LIFE

For at ændre ”Enhedens navn” og ”Sted og dato”:

Klik i menulinjen, vælg ”Vis” > ”Sidehoved / Sidefod”.Indføj ”Sted og dato” i feltet for dato, og ”Enhedens navn” i Sidefod