SlideShare ist ein Scribd-Unternehmen logo
1 von 95
Downloaden Sie, um offline zu lesen
Brugervenlighed
på jysk
Tommelfingernegle,
giraffer og
gamle damer
Nicolaj Kirkgaard Nielsen
@kinkobal
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenligheds-
frontend-
søgemaskine
optimerings-
analytics-
udvikler
Webudvikler
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
I see
usability...
It’s
everywhere!
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
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
Brugervenlighed på Vestjysk, DM10
#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
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Tommelfinger
regelen
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Formular layout
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
• 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
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Brugervenlighed på Vestjysk, DM10
Tag højde for
øjets fysiologi
Brugervenlighed på Vestjysk, DM10
Top tasks
Hvad er brugernes
vigtigste mål på sitet?
Kunde-centrisk, ikke firma-centrisk
Hvad er der galt her:
Brugervenlighed på Vestjysk, DM10
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
Brugervenlighed på Vestjysk, DM10
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 på Vestjysk, DM10
Brugervenlighed
Brugeroplevelse
Brugervenlighed på Vestjysk, DM10
En brugervenlig spillemaskine
En brugervenlig spillemaskine
Brugervenlighed på Vestjysk, DM10
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

Weitere ähnliche Inhalte

Andere mochten auch

The Story of the Eagle
The Story of the EagleThe Story of the Eagle
The Story of the EagleSirTravelot
 
Stegnography final
Stegnography finalStegnography final
Stegnography finalNikhil Kumar
 
2009 Feb Discount Programs
2009 Feb Discount Programs2009 Feb Discount Programs
2009 Feb Discount ProgramsJeff_Roberts
 
2009 Feb Discount Programs
2009 Feb Discount Programs2009 Feb Discount Programs
2009 Feb Discount ProgramsJeff_Roberts
 
the factory system
the factory systemthe factory system
the factory systemdaccrunner1
 
Incredible Genetics Test
Incredible Genetics TestIncredible Genetics Test
Incredible Genetics Testjrt004
 
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...Consumer Healthcare Incubator
 

Andere mochten auch (10)

06dating
06dating06dating
06dating
 
The Story of the Eagle
The Story of the EagleThe Story of the Eagle
The Story of the Eagle
 
07compar
07compar07compar
07compar
 
05upper
05upper05upper
05upper
 
Stegnography final
Stegnography finalStegnography final
Stegnography final
 
2009 Feb Discount Programs
2009 Feb Discount Programs2009 Feb Discount Programs
2009 Feb Discount Programs
 
2009 Feb Discount Programs
2009 Feb Discount Programs2009 Feb Discount Programs
2009 Feb Discount Programs
 
the factory system
the factory systemthe factory system
the factory system
 
Incredible Genetics Test
Incredible Genetics TestIncredible Genetics Test
Incredible Genetics Test
 
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...
Social Tools for eCommerce Startups, Entreprenuers for Marketing & Product De...
 

Ähnlich wie Brugervenlighed på Vestjysk, DM10

9 tips til at optimere din webshops konverteringsrate
9 tips til at optimere din webshops konverteringsrate 9 tips til at optimere din webshops konverteringsrate
9 tips til at optimere din webshops konverteringsrate Become A/S
 
It forum responsivedesign-no_zebra
It forum responsivedesign-no_zebraIt forum responsivedesign-no_zebra
It forum responsivedesign-no_zebranozebra
 
Find din målgruppe på nettet
Find din målgruppe på nettetFind din målgruppe på nettet
Find din målgruppe på nettetPeytz & Co
 
eCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren HejleseneCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren HejlesenJesper Hejlesen
 
Jesper Hejlesen 291013
Jesper Hejlesen 291013Jesper Hejlesen 291013
Jesper Hejlesen 291013Bo Christensen
 
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 websitePeytz & Co
 
Bliv klar til et digitalt projekt
Bliv klar til et digitalt projektBliv klar til et digitalt projekt
Bliv klar til et digitalt projektPeytz & Co
 
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 Peytz & Co
 
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 2016Peytz & Co
 
Enterprise Search, Mads Gustafsen, Creuna
Enterprise Search, Mads Gustafsen, CreunaEnterprise Search, Mads Gustafsen, Creuna
Enterprise Search, Mads Gustafsen, CreunaVidenDanmark
 
5 tools to_improve_your_website
5 tools to_improve_your_website5 tools to_improve_your_website
5 tools to_improve_your_websiteNetmester
 
5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmesterNetmester
 
Praktisk Brugervenlighed - Huset Markedsføring
Praktisk Brugervenlighed - Huset MarkedsføringPraktisk Brugervenlighed - Huset Markedsføring
Praktisk Brugervenlighed - Huset MarkedsføringNicolaj Kirkgaard Nielsen
 
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ã¦gClaus Sølvsteen
 
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...Markedu - Innovative Marketing Education
 
Usability som grundsten i din konverteringsoptimering
Usability som grundsten i din konverteringsoptimeringUsability som grundsten i din konverteringsoptimering
Usability som grundsten i din konverteringsoptimeringOle Gregersen
 

Ähnlich wie Brugervenlighed på Vestjysk, DM10 (18)

9 tips til at optimere din webshops konverteringsrate
9 tips til at optimere din webshops konverteringsrate 9 tips til at optimere din webshops konverteringsrate
9 tips til at optimere din webshops konverteringsrate
 
It forum responsivedesign-no_zebra
It forum responsivedesign-no_zebraIt forum responsivedesign-no_zebra
It forum responsivedesign-no_zebra
 
Find din målgruppe på nettet
Find din målgruppe på nettetFind din målgruppe på nettet
Find din målgruppe på nettet
 
Okari præsentation QR analyse
Okari præsentation QR analyseOkari præsentation QR analyse
Okari præsentation QR analyse
 
eCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren HejleseneCommerce 360˚ ved Jesper Lindgren Hejlesen
eCommerce 360˚ ved Jesper Lindgren Hejlesen
 
Jesper Hejlesen 291013
Jesper Hejlesen 291013Jesper Hejlesen 291013
Jesper Hejlesen 291013
 
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
 

Brugervenlighed på Vestjysk, DM10