Your SlideShare is downloading. ×
0
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
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
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
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
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Tips og triks for bedre brukeropplevelser
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tips og triks for bedre brukeropplevelser

275

Published on

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

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
275
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Tips og triks for bedre brukeropplevelser Vegard A. JohansenInformasjonsarkitekt / interaksjonsdesigner vegard@ramsalt.com
  • 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. 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. Drupal i verden
  • 5. Drupal fra oss
  • 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. 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. 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. Bransjeutvikling ● Programmereren ● Prosjektlederen ● Webredaktøren ● Webskribenten ● Markedsføreren ● Søkemotoroptimalisereren ● Designeren ● Informasjonsarkitekten ● Interaksjonsdesigneren ● Stategen ○ sosiale medie-stategen ● Dialogsjef (community manager) ● Programmereren ● Driftseksperten ● ++
  • 10. Hovedområder● Strategi● Design / estetikk● Brukeropplevelse● Teknologi● Markedsføring (inkludert søkemotoroptimalisering)
  • 11. "Brukeropplevelse"totalopplevelsen en brukerhar ved anvendelse av etprodukt, tjeneste eller etsystem
  • 12. "Nyttig"Er den mest etterspurte /nyttigste informasjonensentralt plassert, og derbrukerne ønsker å finnedet?Lider du av nyhetssyken?
  • 13. "Brukervennlig"● Lett å lære● Effektiv å bruke● Lett å huske● Relativt feilfritt og feiltolerant● Behagelig å bruke
  • 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. "Tilgjengelig"Universell tilrettelegging:Nettstedet kan brukes avalle uansettfunksjonshemming ● WAI / WCAG ● 6-8% er fargeblinde ● Google er en blind bruker ● Tilgjengelighet = søkemotoroptimert
  • 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. Spørsmål så langt?
  • 18. "Its not rocket science" - Steve Krug
  • 19. Metodikker, uten brukere ● Interne søkelogger, Google analytics og Google webmaster tools ● Split-testing ● WAI / WCAG-validatorer + fargeblindfilter + skjermleserfilter ● Heuristikker / ekspertevalueringer
  • 20. Google Analytics
  • 21. Google Webmaster Tools
  • 22. Meta descriptions og Google (og Facebook)
  • 23. Sosiale medier
  • 24. Sosiale medier
  • 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. Split-testing ● Google Website Optimizer ● Styr brukere mot to eller flere forskjellige inngangsporter, mål resultatene
  • 27. Split-testing
  • 28. Validatorer ● Automatisk validering av sider etter standarder: HTML, WAI / WCAG ● www.cynthiasays.com / validator.w3.org
  • 29. Heuristikker (indikatorer) / ekspertevalueringer
  • 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. Spørsmål så langt?
  • 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. Prototypetesting
  • 34. Prototypetesting
  • 35. Prototypetesting
  • 36. Prototypetesting
  • 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. KortsorteringSiste nyttom tilbudenekontakt ossnettbaserte kursguider og veiledningerfagnettopptakoversiktvideokonferanserom helsekompetansebrukerveiledningervåre tjenester
  • 39. Kortsortering - finn logiske inngangsporter til innholdet
  • 40. Andre metodikker ● Spørreundersøkelser ● Andre kvalitative metoder (workshops, intervjuer) ● Personas
  • 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. Spørsmål? Kommentarer? vegard@ramsalt.com www.ramsalt.com www.facebook.com/ramsaltlab www.twitter.com/ramsalt

×