SlideShare a Scribd company logo
1 of 95
Brugervenlighed
på jysk
Tommelfingernegle,
giraffer og
gamle damer
Nicolaj Kirkgaard Nielsen
@kinkobal
Brugervenligheds-
frontend-
søgemaskine
optimerings-
analytics-
udvikler
Webudvikler
I see
usability...
It’s
everywhere!
Du burde
virkelig tjecke
Jakob Nielsen ud!
Er det ikke ham
med de blå og
understregede links?
Prioritizing
Web Usability
Jakob Nielsen og Hoa Loranger
Usability
guidelines
Tracking
(analytics)
Usability
testing
Alle brugere på
Alle sites
Alle brugere på
Ét site
Én bruger på
Ét site
You are here
Testing er meget vigtigt
Ten years ago, the Web was
exciting to people.
Today it’s routine. […]
Users are getting less tolerant
of difficult sites, so every
design flaw means lost business.
Jakob Nielsen & Hoa Loranger
Prioritizing Web Usability
#0044CC
80-100 mio. dollars
Men:
”Du skal teste godt mod godt”
Benjamin Gundgaard, interview med Thomas Rosenstand
1,20% 1,25% 1,70%
A B C?
• Informerede beslutninger
• Indgående kendskab til
målgruppen
• Skarpt definerede mål
• Best practices, lavt hængende
• Godt design
Universelle faktorer
alle vores brugere er mennesker
Vores syn er værre
end vi tror
Video: Eye tracking
Tommelfinger
regelen
Formular layout
• Objektiv i DX-format med 11,1x zoom og en brændvidde fra 18 til 200 mm
(ækvivalent med 35 mm: 27-300 mm).
• Stabiliseringssystem til vibrationsreduktionion II (VR II) med indstillingerne
Normal og Aktiv. Betyder mere fleksibel håndholdt optagelse og gør det
muligt at bruge lukkertider, der er op til fire stop længere.
• 2 ED-glaselementer og 3 asfæriske linseelementer sikrer høj opløsning og
suveræn kontrast.
• SWM (Silent Wave Motor) betyder hurtig og næsten lydløs autofokus.
• M/A-indstilling gør det muligt at skifte hurtigt mellem autofokus og
manuelt fokus.
• 7-blads afrundet blændeåbning får elementer, der ikke er i fokus, til at
smelte sammen, så der opnås naturligt udseende baggrunde.
• Nikons avancerede Super Integrated Coating (SIC) reducerer ghosting og
slørdannelse og sikrer en fremragende farvegengivelse.
• DX-format objektiv
• Zoom op til 11,1x
• Brændvidde fra 18 til 200 mm (svarer til 27-300 i 35mm).
• Stabiliseringssystem (VR II) muliggør op til fire stop længere
lukkertider
• Høj opløsning og kontrast med 2 ED-glaselementer og 3 asfæriske
linseelementer
• Lydsvag SWM motor til autofokus
• Autofokus og manuel fokus skiftes hurtigt på siden af objektivet
• Slørring af baggrunde ser meget naturlig ud, pga. 7 blads afrundet
blændeåbning.
• Reduceret ghosting og bedre farvegengivelse via Super Integrated
Coating (SIC)teknologi
Tekst
• Kort og præcist
• Indholdsgivende ord først
• Ét koncept pr. linie
• Brug
– Overskrifter
– Bulletpoints
– Fremhævninger
Vi ser bevægelser
med det samme
Tag højde for
øjets fysiologi
Top tasks
Hvad er brugernes
vigtigste mål på sitet?
Kunde-centrisk, ikke firma-centrisk
Hvad er der galt her:
Pareto princippet
for many events, roughly 80% of the effects come from 20% of the causes.
Frit fra Wikipedia, http://en.wikipedia.org/wiki/Pareto_principle
Vigtigste brugermål
2% af siderne
Udgør 20% af sidevisningerne
Long neck
The key difference
between commerce and e-commerce
is that commerce is selling with people
and e-commerce is selling with content.
Gerry McGovern
• Kommunikerer dit indhold direkte til
dine brugere?
– Check dette tit
• Ryd regelmæssigt ud i råddent indhold
– En forældet side er værre end ingen side
Hvordan lærer vi
brugerne at kende?
A day in the life
of a usability report
Task analysis
Surveys
User testing
Heuristik
Fokus grupper
Ja, mand!
Det er fantastisk!
Wow!
Usability
rapport
Manager
Skuffe
5 minutter senere
Empati
Evnen til at genkende og forstå andres følelser.
Det beskrives ofte som evnen til at sætte sig i andres sted.
I empatien føler man sig ind i den anden.
Frit fra Wikipedia, http://da.wikipedia.org/wiki/Empati
Persona
Hjemmegående husmødre
mellem 35 og 55
Bertha (47 år)
Hjemmegående husmor
Handler i Irma etc.
Personas:
brugervenlig brugervenlighed
Hmm...
Men vil Lisa
synes om det?
... og så skal
der være racerbiler!
Enarmede tyveknægte
og gamle damer
Brugervenlighed
Brugeroplevelse
En brugervenlig spillemaskine
En brugervenlig spillemaskine
Søgeresultat
Klik på
mit link
Landingsside
Klik på et
produkt
Produktside
Læg produktet
i kurven
Indkøbskurv
Søgeresultat
Klik på
mit link
Landingsside
Klik på et
produkt
Produktside
Læg produktet
i kurven
Indkøbskurv
Off-site On-site
Hækkeløb
• Lad aldrig en bruger strande på en side
• Hav altid en primær CTA på hver side
• Vær opmærksom på hvert skridt i
brugerens flow
• Tag højde for trafik til undersider
Så husk:
Design til øjet
tommelfinger-regelen
Hav fokus på
top tasks
Design brugerens
oplevelse
Eller kort sagt:
Tommelfingernegle,
giraffer og
gamle damer
Tak for jeres opmærksomhed
mail@nicolajkn.dk
www.twitter.com/kinkobal
Prioritizing
Web Usability
Jakob Nielsen og Hoa Loranger
Designing with the
Mind in Mind
Jeff Johnson
The Stranger’s
Long Neck
Gerry McGovern
Don’t Make me Think
Steve Krug

More Related Content

Similar to Brugervenlighed på Vestjysk (DM10

Jesper Hejlesen 291013
Jesper Hejlesen 291013Jesper Hejlesen 291013
Jesper Hejlesen 291013
Bo Christensen
 
5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester
Netmester
 

Similar to Brugervenlighed på Vestjysk (DM10 (16)

Bliv klogere på dine brugere
Bliv klogere på dine brugereBliv klogere på dine brugere
Bliv klogere på dine brugere
 
Okari præsentation QR analyse
Okari præsentation QR analyseOkari præsentation QR analyse
Okari præsentation QR analyse
 
Jesper Hejlesen 291013
Jesper Hejlesen 291013Jesper Hejlesen 291013
Jesper Hejlesen 291013
 
eCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren HejleseneCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren Hejlesen
 
Sådan bliver du klar til website
Sådan bliver du klar til websiteSådan bliver du klar til website
Sådan bliver du klar til website
 
Bedre usability gennem præcise krav af Rolf Molich, DialogDesign
Bedre usability gennem præcise krav af Rolf Molich, DialogDesignBedre usability gennem præcise krav af Rolf Molich, DialogDesign
Bedre usability gennem præcise krav af Rolf Molich, DialogDesign
 
Bliv klar til et digitalt projekt
Bliv klar til et digitalt projektBliv klar til et digitalt projekt
Bliv klar til et digitalt projekt
 
Sådan bliver du klar til et nyt website 1 af 3
Sådan bliver du klar til et nyt website 1 af 3 Sådan bliver du klar til et nyt website 1 af 3
Sådan bliver du klar til et nyt website 1 af 3
 
Få mere ud af dit website, Peytz & Co, November 2016
Få mere ud af dit website, Peytz & Co, November 2016Få mere ud af dit website, Peytz & Co, November 2016
Få mere ud af dit website, Peytz & Co, November 2016
 
Enterprise Search, Mads Gustafsen, Creuna
Enterprise Search, Mads Gustafsen, CreunaEnterprise Search, Mads Gustafsen, Creuna
Enterprise Search, Mads Gustafsen, Creuna
 
5 tools to_improve_your_website
5 tools to_improve_your_website5 tools to_improve_your_website
5 tools to_improve_your_website
 
5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester
 
Praktisk Brugervenlighed - Huset Markedsføring
Praktisk Brugervenlighed - Huset MarkedsføringPraktisk Brugervenlighed - Huset Markedsføring
Praktisk Brugervenlighed - Huset Markedsføring
 
Facebook og duf jens poder peytz oplã¦g
Facebook og duf jens poder peytz oplã¦gFacebook og duf jens poder peytz oplã¦g
Facebook og duf jens poder peytz oplã¦g
 
Overblik: 7 ting du skal vide om B2B marketing og det digitale landskab for I...
Overblik: 7 ting du skal vide om B2B marketing og det digitale landskab for I...Overblik: 7 ting du skal vide om B2B marketing og det digitale landskab for I...
Overblik: 7 ting du skal vide om B2B marketing og det digitale landskab for I...
 
Usability som grundsten i din konverteringsoptimering
Usability som grundsten i din konverteringsoptimeringUsability som grundsten i din konverteringsoptimering
Usability som grundsten i din konverteringsoptimering
 

More from Nicolaj Kirkgaard Nielsen

More from Nicolaj Kirkgaard Nielsen (6)

Få et website, der sælger bedre
Få et website, der sælger bedreFå et website, der sælger bedre
Få et website, der sælger bedre
 
Giv dine kunder en bedre oplevelse på nettet
Giv dine kunder en bedre oplevelse på nettetGiv dine kunder en bedre oplevelse på nettet
Giv dine kunder en bedre oplevelse på nettet
 
Sådan måler du værdien af din hjemmeside
Sådan måler du værdien af din hjemmesideSådan måler du værdien af din hjemmeside
Sådan måler du værdien af din hjemmeside
 
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
 
Ecommerce Usability - DynamicWeb Partner seminar
Ecommerce Usability - DynamicWeb Partner seminarEcommerce Usability - DynamicWeb Partner seminar
Ecommerce Usability - DynamicWeb Partner seminar
 
Netbutik Usability på Egypten - Udviklingsforum Odense
Netbutik Usability på Egypten - Udviklingsforum OdenseNetbutik Usability på Egypten - Udviklingsforum Odense
Netbutik Usability på Egypten - Udviklingsforum Odense
 

Brugervenlighed på Vestjysk (DM10