Tips og triks for bedre  brukeropplevelser          Vegard A. JohansenInformasjonsarkitekt / interaksjonsdesigner         ...
Ramsalt Lab● Etablert 2010 etter sammenslåing av Ramsalt Web og  Aurora Labs● 4 ansatte: Yngve, Martin, Ole og Vegard● Råd...
Drupal ● Er fri programvare = sikkerhet for våre   kunder ● Aktiv utvikling ● Gir få føringer på hvilke løsninger du   kan...
Drupal i verden
Drupal fra oss
..noen flere ● Senter for IKT i utdanningen ● Morgenbladet ● Kommunal Rapport ● Svalbardposten ● Tromsø internasjonale fil...
Meg● Vegard A. Johansen● Hovedfag i medievitenskap fra Universitetet i København● 34 år, samboer og 0,9 barn (ett i august...
InformasjonsarkitekturInformasjonsarkitektur handler om å sortere, kategorisere ogorganisere innhold på den mest logiske m...
Bransjeutvikling   ● Programmereren   ●   Prosjektlederen                      ●   Webredaktøren                      ●   ...
Hovedområder● Strategi● Design / estetikk● Brukeropplevelse● Teknologi● Markedsføring (inkludert søkemotoroptimalisering)
"Brukeropplevelse"totalopplevelsen en brukerhar ved anvendelse av etprodukt, tjeneste eller etsystem
"Nyttig"Er den mest etterspurte /nyttigste informasjonensentralt plassert, og derbrukerne ønsker å finnedet?Lider du av ny...
"Brukervennlig"● Lett å lære● Effektiv å bruke● Lett å huske● Relativt feilfritt og  feiltolerant● Behagelig å bruke
"Finnbar"Brukeres mulighet til å finnerelevante websider, og å finnerelevant informasjon på de.Ekstern ● Søkemotoroptimali...
"Tilgjengelig"Universell tilrettelegging:Nettstedet kan brukes avalle uansettfunksjonshemming ● WAI / WCAG ● 6-8% er farge...
RestenKredibel ● Hva gir tillit og   kredibilitet? ● OverbevisningspsykologiAttråverdig ● Hva påvirker oss på et    mer em...
Spørsmål så langt?
"Its not rocket science"                  - Steve Krug
Metodikker, uten brukere ● Interne søkelogger, Google analytics og Google   webmaster tools ● Split-testing ● WAI / WCAG-v...
Google Analytics
Google Webmaster Tools
Meta descriptions og Google (og Facebook)
Sosiale medier
Sosiale medier
Noen ting å ta med ● Førstesiden ikke alltid viktigst! (bruk footer) ● Hva gir treff? Nyheter eller faktasider? Sier bounc...
Split-testing ● Google Website Optimizer ● Styr brukere mot to eller flere forskjellige inngangsporter,   mål resultatene
Split-testing
Validatorer ● Automatisk validering av sider etter standarder: HTML, WAI   / WCAG ● www.cynthiasays.com / validator.w3.org
Heuristikker (indikatorer) / ekspertevalueringer
Heuristikker (indikatorer) / ekspertevalueringer ● Bør ikke brukes ukritisk, men veldig bra som sjekklister og   for å gjø...
Spørsmål så langt?
Metodikker, med brukere ● Brukertester     ○ Lag scenarier basert på strategi / mål:        ■ Finn parkeringsplass i forbi...
Prototypetesting
Prototypetesting
Prototypetesting
Prototypetesting
Kortsortering ● La brukerne sortere innholdet ditt, gir unik innsikt i hva de   assosierer med det. ● Flere metoder, men s...
KortsorteringSiste nyttom tilbudenekontakt ossnettbaserte kursguider og veiledningerfagnettopptakoversiktvideokonferansero...
Kortsortering - finn logiske inngangsporter til innholdet
Andre metodikker ● Spørreundersøkelser ● Andre kvalitative metoder (workshops, intervjuer) ● Personas
Oppsummering ● Ramsalt, Drupal, Vegard ● Hovedområder i bransjen ● Teoretisk bakteppe ● Metodikker uten brukere    ○ søkel...
Spørsmål? Kommentarer?         vegard@ramsalt.com          www.ramsalt.com     www.facebook.com/ramsaltlab       www.twitt...
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Upcoming SlideShare
Loading in …5
×

Tips og triks for bedre brukeropplevelser

388 views
318 views

Published on

Presentasjon for IT-forum Nord-Norge, Sjøgata 12, 15. juni 2011

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Tips og triks for bedre brukeropplevelser

  1. 1. Tips og triks for bedre brukeropplevelser Vegard A. JohansenInformasjonsarkitekt / interaksjonsdesigner vegard@ramsalt.com
  2. 2. Ramsalt Lab● Etablert 2010 etter sammenslåing av Ramsalt Web og Aurora Labs● 4 ansatte: Yngve, Martin, Ole og Vegard● Rådgivning og utvikling av nettløsninger● Spesialister på webplattformen Drupal● Ambassadører for fri programvare
  3. 3. Drupal ● Er fri programvare = sikkerhet for våre kunder ● Aktiv utvikling ● Gir få føringer på hvilke løsninger du kan lage med det ● Er søkemotoroptimalisert ● Kan utvides lett ● Kan integreres lett med både sosiale medier og interne systemer
  4. 4. Drupal i verden
  5. 5. Drupal fra oss
  6. 6. ..noen flere ● Senter for IKT i utdanningen ● Morgenbladet ● Kommunal Rapport ● Svalbardposten ● Tromsø internasjonale filmfestival ● Kongsberg Sattelite Service ● Nasjonalt senter for samhandling og telemedisin ● Douc Universidad Católica de Chile ● Sparebanken Nord-Norge ● Buktafestivalen ● Eiendomsmegler1 ● Rica Ishavshotell, ● Studentparlamentet ● +++
  7. 7. Meg● Vegard A. Johansen● Hovedfag i medievitenskap fra Universitetet i København● 34 år, samboer og 0,9 barn (ett i august)● Arbeidet på Universitetet i Tromsø, Grey Digital i København, Nasjonalt senter for samhandling og telemedisin, freelance webutvikler og nå på Ramsalt Lab.
  8. 8. InformasjonsarkitekturInformasjonsarkitektur handler om å sortere, kategorisere ogorganisere innhold på den mest logiske måten for brukeren.Hensikten er å gjøre informasjonen oversiktlig og forståeligog å effektivisere navigasjon og gjenfinning. (Halogen) ~Ofte brukt som stillingsbetegnelse på oss som arbeider medde mer strategiske og konseptuelle aspektene av webutvikling.
  9. 9. Bransjeutvikling ● Programmereren ● Prosjektlederen ● Webredaktøren ● Webskribenten ● Markedsføreren ● Søkemotoroptimalisereren ● Designeren ● Informasjonsarkitekten ● Interaksjonsdesigneren ● Stategen ○ sosiale medie-stategen ● Dialogsjef (community manager) ● Programmereren ● Driftseksperten ● ++
  10. 10. Hovedområder● Strategi● Design / estetikk● Brukeropplevelse● Teknologi● Markedsføring (inkludert søkemotoroptimalisering)
  11. 11. "Brukeropplevelse"totalopplevelsen en brukerhar ved anvendelse av etprodukt, tjeneste eller etsystem
  12. 12. "Nyttig"Er den mest etterspurte /nyttigste informasjonensentralt plassert, og derbrukerne ønsker å finnedet?Lider du av nyhetssyken?
  13. 13. "Brukervennlig"● Lett å lære● Effektiv å bruke● Lett å huske● Relativt feilfritt og feiltolerant● Behagelig å bruke
  14. 14. "Finnbar"Brukeres mulighet til å finnerelevante websider, og å finnerelevant informasjon på de.Ekstern ● Søkemotoroptimalisering ● Optimalisering for sosiale medier: "Like", "Share"Intern ● Finn lett frem i eksisterende informasjon hos deg
  15. 15. "Tilgjengelig"Universell tilrettelegging:Nettstedet kan brukes avalle uansettfunksjonshemming ● WAI / WCAG ● 6-8% er fargeblinde ● Google er en blind bruker ● Tilgjengelighet = søkemotoroptimert
  16. 16. RestenKredibel ● Hva gir tillit og kredibilitet? ● OverbevisningspsykologiAttråverdig ● Hva påvirker oss på et mer emosjonelt plan?Verdifull ● Sluttmålet: må gi verdi til de som står bak (flere medlemmer, mer salg etc.)
  17. 17. Spørsmål så langt?
  18. 18. "Its not rocket science" - Steve Krug
  19. 19. Metodikker, uten brukere ● Interne søkelogger, Google analytics og Google webmaster tools ● Split-testing ● WAI / WCAG-validatorer + fargeblindfilter + skjermleserfilter ● Heuristikker / ekspertevalueringer
  20. 20. Google Analytics
  21. 21. Google Webmaster Tools
  22. 22. Meta descriptions og Google (og Facebook)
  23. 23. Sosiale medier
  24. 24. Sosiale medier
  25. 25. Noen ting å ta med ● Førstesiden ikke alltid viktigst! (bruk footer) ● Hva gir treff? Nyheter eller faktasider? Sier bounce rate noe? ● Tilsvarer din ordbruk brukernes ordbruk? ● Utnytter du sosiale medier? ● Optimere sidene med mest treff ● Fjerne sider som ikke har treff
  26. 26. Split-testing ● Google Website Optimizer ● Styr brukere mot to eller flere forskjellige inngangsporter, mål resultatene
  27. 27. Split-testing
  28. 28. Validatorer ● Automatisk validering av sider etter standarder: HTML, WAI / WCAG ● www.cynthiasays.com / validator.w3.org
  29. 29. Heuristikker (indikatorer) / ekspertevalueringer
  30. 30. Heuristikker (indikatorer) / ekspertevalueringer ● Bør ikke brukes ukritisk, men veldig bra som sjekklister og for å gjøre seg oppmerksom på ting man kanskje ikke har tenkt på ● Må kunne tolke og forstå resultatene ● Bedre på tilgjengelighet enn på brukervennlighet, da tilgjengelighet ofte handler om rene tekniske implementeringer.
  31. 31. Spørsmål så langt?
  32. 32. Metodikker, med brukere ● Brukertester ○ Lag scenarier basert på strategi / mål: ■ Finn parkeringsplass i forbindelse med fødsel på UNN. ■ Ditt scenarie? ○ 3-5 korte tester identifiserer nesten alltid noe ○ Juster, test på nytt. ● (Papir)prototypetesting og Kortsortering
  33. 33. Prototypetesting
  34. 34. Prototypetesting
  35. 35. Prototypetesting
  36. 36. Prototypetesting
  37. 37. Kortsortering ● La brukerne sortere innholdet ditt, gir unik innsikt i hva de assosierer med det. ● Flere metoder, men skriv eksempelvis alle titler på undersider på post-it-lapper, og la brukerne sortere dem i frie eller faste kategorier.
  38. 38. KortsorteringSiste nyttom tilbudenekontakt ossnettbaserte kursguider og veiledningerfagnettopptakoversiktvideokonferanserom helsekompetansebrukerveiledningervåre tjenester
  39. 39. Kortsortering - finn logiske inngangsporter til innholdet
  40. 40. Andre metodikker ● Spørreundersøkelser ● Andre kvalitative metoder (workshops, intervjuer) ● Personas
  41. 41. Oppsummering ● Ramsalt, Drupal, Vegard ● Hovedområder i bransjen ● Teoretisk bakteppe ● Metodikker uten brukere ○ søkelogger / analyseverktøy ○ integrere med sosiale medier / trafikk-kilder ○ split-testing ○ validatorer / sjekklister ● Metodikker med brukere ○ brukertester ○ kortsortering ○ workshops / intervju / personas
  42. 42. Spørsmål? Kommentarer? vegard@ramsalt.com www.ramsalt.com www.facebook.com/ramsaltlab www.twitter.com/ramsalt

×