Dette er en presentasjon jeg holdt for hovedfagsstudentene ved infomedia ved Universitetet i Bergen om hvordan det er å jobbe med brukervennlighet. Noen av skjermbildene er fjernet.

1. Å jobbe med brukervennlighet Thor Fredrik Eie

3. Uavhengig

5. Ledende private og offentlige kunder

6. Vår metodikk Analyse Konseptskisser Design Utvikling Strategi og mål Interaksjonsdesign/Grafisk design Brukerbehov Brukertest Innholdsstrategi og innholdsutvikling Evaluering Brukertesting Copyright NetLife Research - www.netliferesearch.com - kontakt@netliferesearch.comNetLife Research AS,

7. Fra strategi til konkrete og målbare mål Hva er dagens situasjon? Hva skal vi oppnå med ny løsning? Hva er hovedmål og delmål? Hvordan kan vi måle at vi lykkes?

8. Målgrupper og bruksscenarier Hvem er målgruppene og hva kjennetegner dem? Hvilke bruksoppgaver og behov må løsningen støtte for de ulike målgruppene? Lager personas som er representanter for ulike målgruppene

10. Er det nytt innhold som bør inn for å støtte sentrale bruksoppgaver?

13. Klikkbar prototype

14. Rapport med skjermbilder fra prototype der funksjonelle krav knyttes direkte til sider og elementer

16. 3500 brukere

17. Konsept for nye UiO.no

19. Målgrupper for ny UiO-web Eksterne målgrupper Potensielle studenter Potensielle forskere og undervisere Eksterne studenter, forskere og undervisere Alumni Næringsliv Myndigheter/forvaltning inkl EU Medier Forsknings- og utdanningsinstitusjoner Interesseorganisasjoner Potensielle teknisk-administrative ansatte Allmennheten Interne målgrupper Studenter Vitenskapelige ansatte (forskere og undervisere) Teknisk - administrative ansatte Kilde: Mål og målgrupper for ny UiO-web (2008).

20. Brukerprofiler

21. Hva er brukerprofiler? Fiktive, men spesifikke personer som er i målgruppene for nettstedet Troverdige som eksempler på brukere i målgruppene Et sett av brukerprofiler får fram et spekter av brukerbehov knyttet til målgruppene Ikke en ”super-brukerprofil” som har alle behovene

22. Hvorfor brukerprofiler? Økt forståelse for brukerne og deres situasjoner/omgivelser Behandle brukere som individer, ikke som en ensartet masse Økt fokus på brukerne tidlig i prosjektet Bedre brukeropplevelse for nettstedet

23. UiO brukerprofilene Silje (18) fra Grimstad, går i 3. klasse på videregående, vil gå på UiO, er interessert i språk, medier, kanskje jus. Tore (42), førsteamanuensis ved matematisk institutt, flink foreleser, samarbeider faglig med foreleser i Utrecht, svaksynt. Thomas (21) fra Lillehammer, 3. semester internasjonale studier ved SV-fakultetet, miljøengasjert, bor på Kringsjå Helga (40) fra Tyskland, filosof og forsker, tenker å søke jobb på Center for the study of mind in nature, norsk mann, 2 barn Kristian (31), journalist i VG, sosial, søker lettfattelig stoff og uttalelser fra fagfolk Stein (61), lærer for 9. klasse, bestefar til gutter på 9 og 11, opptatt av historie Marianne (38), jobber i Kunnskapsdepartementet, opptatt av kvalitet i forskningen

25. Fra Lillehammer

26. Bor på Kringsjå studentby

27. Ett år på Sund Folkehøgskole med retning ”Miljø og klima”, siviltjeneste i barnehage

28. Samfunnsengasjert og miljøbevisst

29. Er med å arrangere debattkvelder på Studentersamfundet

31. Hvilke(t) semester er aktuelt for utenlandsstudier?

32. Finne studieveileder og erfaringer fra andre som har studert i utlandet

33. Finne informasjon om ERASMUS

34. Hvilke støtteordninger har Lånekassen?

35. Hvilke avtaler har UiO med universiteter i utlandet?

36. Hvem kan være potensielle arbeidsgivere?

37. Velge studievei

38. Lage timeplan (i rom og tid)

39. Levere oppgaver på nett

40. Betale semesteravgift

41. Registrere seg

42. Skifte passord

43. Få beskjeder i tilknytning til undervisningenErfaring/kunnskap Databruk  Web  uio.no  Triggerord Meteorologi, studier i utlandet, miljø, Brussel, timeplan, studentpolitikk, ERASMUS Viktigste sider Programside, Internasjonal dag, emnesider, sio.no (livet rundt studiene), facebook.com

44. Konseptskisser

45. Universitetets forside - prinsipper Viktigste oppgaver støttes øverst på siden Finne kontaktinformasjon Velge / finne studier Gjøre noe via en tjeneste / verktøy Hva, når og hvor ang. emne Alt innhold tilgjengelig gjennom bunnmeny Forskningsformidling sentralt plassert

46. Temasider Det forskes på samme tema på mange ulike enheter Men, mange kjenner ikke organisasjonsstrukturen til UiO og klarer ikke å finne innhold på tvers av ulike enheter UiO trenger å få synliggjort forskning og innhold relatert til forskningen på en bedre måte enn i dag Temasidene er optimalisert for Google, andre søkemotorer, wikipedia, presse, blogger osv.

47. Om temasidene Aggregert fra mange ulike kilder ved UiO Baseres på at innhold merkes med metadata Finnes på mange ulike nivå: fra Dinosaur til Molekylær biologi

48. Interaksjonsprinsipper

49. Headeren brukes for å etablere kontekst for brukeren + navigasjon Hvor er du? Navigasjon oppover Spare plass Fokus på der du er

50. Venstremeny + ”sti” – Inspirasjon fra BBC sport Brukeren har gått inn i seksjonen for sport og klikker på Football Kan klikke seg opp til Sport homepage, men fokus er på Football Kan klikke seg opp til Football, men fokus er på Premier League

51. Bunnmeny Finnes på alle sider Gir brukeren enkel navigasjon sideveis og nedover i strukturen Samme kategorier går igjen på de 3 nivåene UiO, Fakultet og Institutt, men innholdet er spesifikt for nivået. Bunnmeny blir spesifikk i de ulike seksjonene (f.eks Forskning og fakta) Inspirasjon: Apple sin bunnmeny

52. Søk Innholdsmengden ved UiO er svært stor og søk blir svært viktig Ved spesifikke oppgaver finnes det skreddersydde søk med suggestfunksjon: Psy 10 Psy 1000 Innføring i generell psykologi Psy 1010 Forskningmetode Søker i heleUiO Direktesøketteremner Spesifiktsøk for personer

53. Arbeidet videre Konsept Håndtegnede skisser Digital prototype Grafisk design Teknisk utvikling

57. Brukertesting

58. Fakta om brukertesting Kan teste alt fra papirversjon til ferdig løsning Flere små tester er bedre enn en stor Testtid ca 1 time per person Oppgavene skal være realistiske og ikke ledende Prosjektgruppa børobservere Enkel testing er bedre enn ingen testing Kvalitativ, ikke kvantitativ metode

59. Spørre eller teste?

60. Brukertesting Typiske brukere som løser realistiske oppgaver på et nettsted

61. Hvor mange testpersoner?

62. Testing av prototype

63. Testing avprototyper Fordeler Tidlig input påombrukernefårsvarpå sine viktigsteoppgaverpånettstedet Får feedback påom en hartenktriktig i forholdtilinnholdogstruktur Billigogenkelt å gjøreendringer Ulemper Innholdeteroftebegrensetogfåelementererklikkbare, noesomkangjøretestsituasjonenurealistisk for testpersonene

64. Testing avnettside

65. Testing avnettsider Fordeler Realistiskgjengivelseavkompleksitetoginnhold for testpersonene Ulemper Dyrtogkomplisert å gjøreendringer Størreendringerkanværevanskelig (umulig) å gjennomføre

66. Rekrutteringavdeltakeretil test Viktigstemålgrupperog/eller personas sombakgrunn Vi bruker et eksterntrekrutteringsbyrå Kjønn Geografiskspredning Alder Bakgrunn Arbeidsstedogsituasjon Spesiellekriterier i forholdtiltesten

67. Hvordan lage gode oppgaver? Ikke still ledende spørsmål Prøv å unngå å bruke de samme uttrykkene som brukes i tekstene på nettsida Ha et klart bilde av formålet med oppgaven – hva ønsker du å teste?

68. Eksempelpåoppgaver

69. Eksempelpå rapport Søk 1.  For eit par av testpersonane tok det litt tid å leggja merke til søkefeltet. Inne på resultatsida var det ingen av testpersonane som forstod avgrensinga med Søk i filer og Bare hele ord. Søkeordet forsvinn når ein set markøren i feltet. Minst ein av testpersonane oppdaga dette når han forsøkte å retta ei feilskriving.   3. 2.

70. Forslag til forbedring: Søk 1. Søkjefeltet kan med fordel flyttast litt lenger ned frå sidekanten og utforminga frå søketreffsida (med søkeknapp) bør brukast her òg. På søkjetreffsida kan søkjefeltet flyttast lenger inn på sida for å tydelegare visa kva ein har søkt på. Avgrensinga inne på søkjesida gir ikkje betre søkjeresultat og bør fjernast. Søkeordet bør stå i feltet når ein set markøren i det på nytt. Ofte har ein behov for å retta feilskrivingar og det kan vera irriterande om heile ordet forsvinn. Søkjesida treng ikkje å liggja i menysystemet, men koma til syne når ein trykker søk. Nummerering av søketreffa gir ikkje noko ekstra informasjon og kan fjernast. Standard visning er at det viktigaste/det beste treffet kjem øverst. Om Acusto bafler Søkeresultat: Fiberhimling (18/8/2008) Fiberhimling er glassull- eller steinullbaserte forseglede himlingsplater. Platene blir også levert i såkalt våtpress-materiale. Fiberhimling har... Bjørnholt videregående skole (20/8/2008) Ny videregående skole og flerbrukshall i bydel Søndre Nordstrand, Oslo. Skolens areal er ca 20.000 m², og er dimensjonert for 1.090 elever.... Dersom ein skal ha datoformat – bruk norsk standardformat: dag, månad, år. For å gjera det tydelegare kva for ein tittel og ingress som høyrer saman kan ein gruppera dei betre saman ved å fjerna mellomrommet mellom tittel og ingress.

71. Brukaveyetracking Kan se hvortestpersonene ser underveis i testen Vanlig å ha egneoppgaverdertestpersonen jobber uavhengigav moderator Nyttigtilleggsinformasjon for observator

72. Eyetracking

75. Hvordan er det å jobbe iNetLife Research?

76. Faglig

79. Sosialt

86. Internship Masteroppgave Jobbe som konsulent Eller en kombinasjon Send mail til jostein@netliferesearch.com

87. ? thor@netliferesearch.com Mob: 90674582 www.twitter.com/thordivel