Foredrag i forbindelse med Bouvet INNSIKT, Kristiansand 29. september 2010. Bouvet Innsikt er en serie fagseminarer der vi deler kompetanse, idéer til muligheter og tanker om fremtiden. Vi legger vekt på at temaene skal være aktuelle og innovative. Bouvet har et stort fokus på kompetansedeling, både internt og eksternt. Tittel: "Gode brukeropplevelser for web-redaktør og sluttbruker"

1. Bouvet INNSIKT 29. september 2010 Hvordan skaper man gode brukeropplevelser både for web-redaktør og sluttbruker?

2. Nina Taraldsen Rådgiver innen faget brukskvalitet Grafisk designer / interaksjonsdesigner

3. Skal snakke om Hva er god brukskvalitet? Ulike typer brukskvalitet Hvordan oppnå god brukskvalitet?

4. Når dere ser denne, kan dere stille spørsmål

5. Hva er god brukskvalitet

6. Definisjon Brukskvalitet er Norsk språkråds anbefaling for det engelske begrepet usability. Begrepene brukbarhet og brukervennlighet (engelsk: userfriendly) blir fortsatt benyttet som oversettelser for usability.

7. Hva er god brukskvalitet?

8. Et eksempel til:

10. En løsning som ikke kan brukes, er ingen løsning.

11. Grafisk design er subjektivt!

12. Brukskvalitet er ikke subjektivt

13. Brukskvalitet faget er i kontinuerlig endring Ny teknologi HTML 5 .NET 4 Flex Touch screens Nye medier iPhone, Androids, iPad, Kindle Nye standarder Sosiale medier endrer våre vaner og forventninger Mulighet for å delta Endringer i måten vi navigerer på Wiki Mulighet til å påvirke

14. Usability-miljøet i Europa beveger seg fra ren evaluering til innovasjon og kreativitet

15. Spørsmål?

16. Ulike typer brukskvalitet

17. 3 typer brukskvalitet Bruker Redaktør Kode /søkemotoroptimalisering

18. Bruker #1 Hva er viktig for bruker Innhold Navigasjon Lesbarhet Tilgjenglighet Engasjer og inkluder Bruk multimedia. Bilder, video og lyd. La bruker komme med sine tilbakemeldinger og innspill Likt for alle prosjekter

19. Bruker #2 Variasjon fra prosjekt til prosjekt Hva er viktig for bruker Hva ønsker bruker å vite Hvordan ønsker bruker å få vite Trenger bruker samhandling / kommunikasjon via løsningen Trenger bruker informasjon fra andre systemer inn i løsningen ….osv.

20. Redaktør - innholdsprodusent Mye likt i de fleste prosjekter Hva er viktig for innholdsprodusenter Enkelt å utføre daglige oppdateringer Ofte en utfordring: Legge til bilder Plassere bilder Tekstformattering Administrerer skjema Utsending av nyhetsbrev Enkelt å vedlikeholde og bygge ut strukturen Støtte for nye muligheter

21. Nettredaktørens hverdag? http://www.youtube.com/watch?v=-cB7_D645kQ

22. Det er mange utfordringer for innholdsprodusenter, blant annet: Tid Kompetanse Motivasjon

23. Det kan være veldig gøy å være nettredaktør! Skulle ønske jeg hadde nett på hytta slik at jeg kunne jobbe med nettsiden i helgen! Basedon a true story

24. Nettredaktørens viktigste verktøy er.. Publiseringsverktøyet! Finnes utallige CMS OpenSource CMS Lisensiert CMS Brukskvalitet omfatter også CMS, man kan ta mange valg på hvordan prosesser skal gjennomføres i CMS løsningen Trenden går mot mer fleksible og åpne systemer ettersom det ikke lenger kun er mennesker som skal bruke informasjonen på din nettside.. Andre systemer skal også bruke den! (ontologi / emnekart)

25. ..men da snakker vi om web 3.0 Og det skal vi jo ikke snakke om i dag.

26. La oss gå tilbake til de 3 hovedområdene innen brukskvalitet Bruker Redaktør Kode /søkemotoroptimalisering

27. Kode / søkeoptimalisering Sikre at det er brukt koder som ulike nettlesere og søkemotorer forstår Utnytte globale standarder som gir mulighet for videreutvikling og integrasjon Benytte anbefalte standarder på multimediafiler W3C validering Les mer om statlig krav til tilgjenglighet på: http://www.regjeringen.no/nn/dep/fad/dok/rundskriv/2009/referansekatalogen/1-sammendrag.html?id=570711 Likt i alle prosjekter

28. World Wide Web Consortium ..forkortet W3C, er en organisasjon som ble startet i oktober1994. Organisasjonens hovedmål er å utvikle protokoller og standarder for teknologien som brukes på World Wide Web. I den sammenheng tilbyr W3Cs nettsted ulike tjenester for testing eller validering av nettsider, stilark og andre, mer avanserte valideringsverktøy

29. Creating Web pages or applications according to a widely accepted coding style makes them easier to maintain, even if the maintenance and evolution is performed by someone else.-validator.w3.org-

30. Spørsmål?

31. Hvordan oppnå god brukskvalitet

32. Koffer då?

33. Empiri er vitenskapelige undersøkelser av virkeligheten. Empiriske erfaringer er opplevelsersom ikke bygger på filosofiske resonnement, men på virkelige erfaringer, undersøkelser og eksperiment. Fra Wikipedia, den frie encyklopedi

35. Et system har brukskvalitet hvis det er: Lett å lære, så brukere kan og raskt fra å ikke kjenne systemet til å gjøre noe arbeid Effektivt, lar ekspertbrukeren oppnå en høy grad av produktivitet. Lett å huske, så brukere med lav brukshyppighet kan returnere etter en periode med inaktivitet uten å måtte lære alt på nytt. Relativt feilfritt og feiltolerant, slik at brukere ikke gjør mange feil, og at disse feilene ikke er katastrofale (og at man lett kan ta seg inn igjen) Behagelig å bruke, tilfredsstiller brukerne subjektivt, slik at de liker å bruke systemet.

36. Metode: Rapid Contextual Design (RCD) Lære av og forstå brukerne Vi snakker med informanter – personer som representerer målgruppen(e) i en uformell samtale de er sikret anonymitet og skal ikke refereres til utenom prosjektet Samtalene blir tatt opp på diktafon – transkribert, deretter blir samtalene slettet Disse samtalen utgjør grunnlaget for: Affinitetsdiagram Empiriske funn Informasjonsarkitekturen Interaksjonsdesignen

37. Affinitetsdiagrammet er et kommunikasjonsredskap for å få fram"brukerens stemme"i utformingen av den nye løsningen

38. Informasjonsarkitektur

39. Hva innebærer RCD metoden Kartlegging, evaluering og analyse Konsept Prototyping Grafisk design Brukertesting

40. Nå har vi jo allerede snakket litt om analysefasen, så vi går rett videre til…

41. Utforme en felles visjon Prosjektgruppen må være enige om hvor de skal Forenes om målsetninger Prosjektgruppen må jobbe sammen mot felles mål Selvbetjening eller service? Mulighet for integrasjon eller manuelle opperasjoner? Arbeidsflate eller frittstående applikasjoner? Personalisering eller ikke? Konsept – hva skal vi lage og hvorfor?

42. Prototyping

43. Grafisk design

44. Brukertesting Å teste med ekte brukere gir svar på: Er løsningen brukervennlig? Følger vi arbeidsprosessene Sikrer vi datakvaliteten Kommuniserer design og konsept slik vi ønsker? Fungerer løsningen tilfredsstillende?

45. God brukskvalitet gjenspeiler brukernes forventninger og behov i løsningen

46. Bruker har et mål med besøket Hva vil bruker vite?

47. Eksempel Hva kan være en grunn til at du besøker nettsiden til Dagligvarer AS? Åpningstider

48. Eksempel Hva kan være en grunn til at du besøker nettsiden til Dagligvarer AS? Ikkedet JEG vilfortelleom! Direktør i Daglivarer AS ->

50. Avsender av informasjon må huske på hva brukeren ønsker å vite, ikke kun fokusere på hva de ønsker å formidle!

51. ..feltene ble reduserte til tre: Navn, telefonnummer og e-postnummer, og det var bare påkrevet å fylle ut én av de to siste. Omleggingen ga ingen økning i trafikk til siden. Men den utløste 180 henvendelser i uka, og inntjeningen ble hevet fra 1 million til 3 millioner dollar over tre måneder. Kilde: Boliglånavdeling til banken HSBC | Gerry McGovern http://www.digi.no/852108/enkle-nettsteder-selger-best Make it simple, stupid!

52. Hvorfor er brukskvalitet viktig? Samle faktagrunnlag for et velfungerende system Kartlegge brukere, nettvaner/kompetanse og hva slags informasjon brukerne ønsker og trenger En viktig suksessfaktor for enhver løsning som har et grensesnitt mot en brukerer høy brukskvalitet.

53. Spørsmål?

54. Avslutningsvits

55. Nina.Taraldsen@bouvet.no Takk for oppmerksomheten