Upload
nicolaj-kirkgaard-nielsen
View
708
Download
1
Embed Size (px)
Citation preview
Brugervenlighed
på jysk
Tommelfingernegle,giraffer oggamle damer
Nicolaj Kirkgaard Nielsen@kinkobal
Brugervenligheds-
frontend-
søgemaskineoptimerings-
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 UsabilityJakob Nielsen og Hoa Loranger
Usability guidelines 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 LorangerPrioritizing 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 faktoreralle vores brugere er mennesker
Vores syn er værre end vi tror
Video: Eye tracking
Tommelfingerregelen
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ægelsermed det samme
Tag højde for øjets fysiologi
Top tasks
Hvad er brugernesvigtigste 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 siderneUdgø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 lifeof a usability report
Task analysis
Surveys
User testing
Heuristik
Fokus grupper
Ja, mand! Det er fantastisk!
Wow!
Usability rapport
Manager
Skuffe
5 minutter senere
EmpatiEvnen 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 husmorHandler i Irma etc.
Personas:brugervenlig brugervenlighed
Hmm... Men vil Lisa
synes om det?
... og så skal der være racerbiler!
Enarmede tyveknægteog gamle damer
BrugervenlighedBrugeroplevelse
En brugervenlig spillemaskine
Spil!
En brugervenlig spillemaskine
Øv, du tabte
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 øjettommelfinger-regelen
Hav fokus på
top tasks
Design brugerens
oplevelse
Eller kort sagt:
Tommelfingernegle,giraffer oggamle damer
Prioritizing Web UsabilityJakob Nielsen og Hoa Loranger
Designing with the Mind in MindJeff Johnson
The Stranger’s Long NeckGerry McGovern
Don’t Make me ThinkSteve Krug