Brugervenlighed på Vestjysk, DM10

486 views

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
486
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Brugervenlighed på Vestjysk, DM10

  1. 1. Brugervenlighed på jysk
  2. 2. Tommelfingernegle, giraffer og gamle damer
  3. 3. Nicolaj Kirkgaard Nielsen @kinkobal
  4. 4. Brugervenligheds- frontend- søgemaskine optimerings- analytics- udvikler
  5. 5. Webudvikler
  6. 6. I see usability... It’s everywhere!
  7. 7. Du burde virkelig tjecke Jakob Nielsen ud! Er det ikke ham med de blå og understregede links?
  8. 8. Prioritizing Web Usability Jakob Nielsen og Hoa Loranger
  9. 9. Usability guidelines Tracking (analytics) Usability testing Alle brugere på Alle sites Alle brugere på Ét site Én bruger på Ét site You are here
  10. 10. Testing er meget vigtigt
  11. 11. 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
  12. 12. #0044CC
  13. 13. 80-100 mio. dollars
  14. 14. Men: ”Du skal teste godt mod godt” Benjamin Gundgaard, interview med Thomas Rosenstand
  15. 15. 1,20% 1,25% 1,70% A B C?
  16. 16. • Informerede beslutninger • Indgående kendskab til målgruppen • Skarpt definerede mål • Best practices, lavt hængende • Godt design
  17. 17. Universelle faktorer alle vores brugere er mennesker
  18. 18. Vores syn er værre end vi tror
  19. 19. Video: Eye tracking
  20. 20. Tommelfinger regelen
  21. 21. Formular layout
  22. 22. • 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.
  23. 23. • 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
  24. 24. Tekst • Kort og præcist • Indholdsgivende ord først • Ét koncept pr. linie • Brug – Overskrifter – Bulletpoints – Fremhævninger
  25. 25. Vi ser bevægelser med det samme
  26. 26. Tag højde for øjets fysiologi
  27. 27. Top tasks
  28. 28. Hvad er brugernes vigtigste mål på sitet?
  29. 29. Kunde-centrisk, ikke firma-centrisk
  30. 30. Hvad er der galt her:
  31. 31. 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
  32. 32. Vigtigste brugermål 2% af siderne Udgør 20% af sidevisningerne Long neck
  33. 33. The key difference between commerce and e-commerce is that commerce is selling with people and e-commerce is selling with content. Gerry McGovern
  34. 34. • 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
  35. 35. Hvordan lærer vi brugerne at kende?
  36. 36. A day in the life of a usability report
  37. 37. Task analysis Surveys User testing Heuristik Fokus grupper Ja, mand! Det er fantastisk! Wow! Usability rapport Manager Skuffe 5 minutter senere
  38. 38. 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
  39. 39. Persona
  40. 40. Hjemmegående husmødre mellem 35 og 55 Bertha (47 år) Hjemmegående husmor Handler i Irma etc.
  41. 41. Personas: brugervenlig brugervenlighed
  42. 42. Hmm... Men vil Lisa synes om det? ... og så skal der være racerbiler!
  43. 43. Enarmede tyveknægte og gamle damer
  44. 44. Brugervenlighed Brugeroplevelse
  45. 45. En brugervenlig spillemaskine
  46. 46. En brugervenlig spillemaskine
  47. 47. Søgeresultat Klik på mit link Landingsside Klik på et produkt Produktside Læg produktet i kurven Indkøbskurv
  48. 48. Søgeresultat Klik på mit link Landingsside Klik på et produkt Produktside Læg produktet i kurven Indkøbskurv Off-site On-site
  49. 49. 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
  50. 50. Så husk:
  51. 51. Design til øjet tommelfinger-regelen
  52. 52. Hav fokus på top tasks
  53. 53. Design brugerens oplevelse
  54. 54. Eller kort sagt:
  55. 55. Tommelfingernegle, giraffer og gamle damer
  56. 56. Tak for jeres opmærksomhed mail@nicolajkn.dk www.twitter.com/kinkobal
  57. 57. Prioritizing Web Usability Jakob Nielsen og Hoa Loranger
  58. 58. Designing with the Mind in Mind Jeff Johnson
  59. 59. The Stranger’s Long Neck Gerry McGovern
  60. 60. Don’t Make me Think Steve Krug

×