Presentasjon for infomedia, UiB

1,029 views
957 views

Published on

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.

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

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

No notes for slide
  • NLR
  • Tilfredsstillekundensogbrukerenesmål
  • Konvertering,
  • Konseptskisser på papir for 4 sentrale sider i løsningenArbeidsmøte med prosjektgruppen og utvikleren underveis for å gå gjennom skissene
  • Konseptet er basert på målgrupper, mål og jobben som var gjort på informasjonsarkitektur
  • Konseptet er basert på målgrupper, mål og jobben som var gjort på informasjonsarkitektur
  • Her kommer det kommMerk: Konseptet støtter målgruppene og deres oppgaver. Dette betyr ikke at det finnes spesifikke innganger for de ulike målgruppene på forsiden. Vi har støttet målgruppenes oppgaver med bakgrunn i hva de erfaringsmessig leter etter og hvordan de leter etter innhold.
  • Hybrid i starten.. Trenger Alle temaer forside. Forskning og fakta Legg inn lenke til Alle temaer under Undertemaer/Relaterte. Kutt forskning og fakta overskriften..Hvordan henger temasidene sammen med emnesider.. Tags osv... Se Tomm...
  • Svært viktig å vise hvor brukerne befinner segVi kombinerer dette med å gi brukerne navigasjonsmuligheter til enhetene som er over i hierarkietDenne løsningen sparer mye plassEr du på Institutt for offentlig rett er det det mest sentrale å viseDet er også viktig å vise at du er på juridisk fakultet
  • En valgfri konferanse i åretUX Week i San FranciscoIA Summit i MemphisFutureof Web Design i LondonUserExperience i AmsterdamKvartalsvise faglige samlingerFokus på problemstillinger vi møter i hverdagenFaglig oppdateringerEksterne foredragsholdere
  • En valgfri konferanse i åretUX Week i San FranciscoIA Summit i MemphisFutureof Web Design i LondonUserExperience i AmsterdamKvartalsvise faglige samlingerFokus på problemstillinger vi møter i hverdagenFaglig oppdateringerEksterne foredragsholdere
  • Neste:Internship
  • Presentasjon for infomedia, UiB

    1. 1. Å jobbe med brukervennlighet<br />Thor Fredrik Eie<br />
    2. 2. Spesialisert innenfor brukeropplevelse<br />Brukersentrert design<br />Test og evaluering<br />Kurs og konferanser<br /><ul><li>Spesialisert
    3. 3. Uavhengig
    4. 4. Høyt faglig fokus</li></li></ul><li>Måloppnåelse<br />Løse brukernes oppgaver<br />Brukervennlig, enkelt, effektivt<br />
    5. 5. Ledende private og offentlige kunder<br />
    6. 6. Vår metodikk<br />Analyse<br />Konseptskisser<br />Design<br />Utvikling<br />Strategi og mål<br />Interaksjonsdesign/Grafisk design<br />Brukerbehov<br />Brukertest<br />Innholdsstrategi og innholdsutvikling<br />Evaluering<br />Brukertesting<br />Copyright NetLife Research - www.netliferesearch.com - kontakt@netliferesearch.comNetLife Research AS, <br />
    7. 7. Fra strategi til konkrete og målbare mål<br />Hva er dagens situasjon?<br />Hva skal vi oppnå med ny løsning?<br />Hva er hovedmål og delmål?<br />Hvordan kan vi måle at vi lykkes?<br />
    8. 8. Målgrupper og bruksscenarier<br />Hvem er målgruppene og hva kjennetegner dem?<br />Hvilke bruksoppgaver og behov må løsningen støtte for de ulike målgruppene?<br />Lager personas som er representanter for ulike målgruppene<br />
    9. 9. Innholdskartlegging<br /><ul><li>Hvilke muligheter gir dagens innhold?
    10. 10. Er det nytt innhold som bør inn for å støtte sentrale bruksoppgaver?
    11. 11. Er det innhold som bør tas ut?</li></li></ul><li>Konseptskisser<br /><ul><li>Hvilket konsept/grensesnitt vil best løse brukernes oppgaver (målbilder)
    12. 12. Lager konseptskisser av kjernesidene på nettstedet – de sidene som løser brukerens viktigste oppgaver</li></li></ul><li>Interaksjonsdesign/Prototype<br /><ul><li>Interaksjonsdesign og informasjonsarkitektur
    13. 13. Klikkbar prototype
    14. 14. Rapport med skjermbilder fra prototype der funksjonelle krav knyttes direkte til sider og elementer
    15. 15. Møter og avsjekk med prosjektgruppen underveis</li></li></ul><li>Utvikling av grafisk design<br />
    16. 16. 3500 brukere<br />
    17. 17. Konsept for nye UiO.no<br />
    18. 18.
    19. 19. Målgrupper for ny UiO-web <br />Eksterne målgrupper<br />Potensielle studenter<br />Potensielle forskere og undervisere <br />Eksterne studenter, forskere og undervisere<br />Alumni<br />Næringsliv <br />Myndigheter/forvaltning inkl EU<br />Medier<br />Forsknings- og utdanningsinstitusjoner <br />Interesseorganisasjoner<br />Potensielle teknisk-administrative ansatte<br />Allmennheten<br />Interne målgrupper<br />Studenter<br />Vitenskapelige ansatte (forskere og undervisere)<br />Teknisk - administrative ansatte<br />Kilde: Mål og målgrupper for ny UiO-web (2008).<br />
    20. 20. Brukerprofiler<br />
    21. 21. Hva er brukerprofiler?<br />Fiktive, men spesifikke personer som er i målgruppene for nettstedet<br />Troverdige som eksempler på brukere i målgruppene<br />Et sett av brukerprofiler får fram et spekter av brukerbehov knyttet til målgruppene<br />Ikke en ”super-brukerprofil” som har alle behovene<br />
    22. 22. Hvorfor brukerprofiler?<br />Økt forståelse for brukerne og deres situasjoner/omgivelser<br />Behandle brukere som individer, ikke som en ensartet masse<br />Økt fokus på brukerne tidlig i prosjektet<br />Bedre brukeropplevelse for nettstedet<br />
    23. 23. UiO brukerprofilene<br />Silje (18) fra Grimstad, går i 3. klasse på videregående, vil gå på UiO, er interessert i språk, medier, kanskje jus. <br />Tore (42), førsteamanuensis ved matematisk institutt, flink foreleser, samarbeider faglig med foreleser i Utrecht, svaksynt.<br />Thomas (21) fra Lillehammer, 3. semester internasjonale studier ved SV-fakultetet, miljøengasjert, bor på Kringsjå<br />Helga (40) fra Tyskland, filosof og forsker, tenker å søke jobb på Center for the study of mind in nature, norsk mann, 2 barn<br />Kristian (31), journalist i VG, sosial, søker lettfattelig stoff og uttalelser fra fagfolk<br />Stein (61), lærer for 9. klasse, bestefar til gutter på 9 og 11, opptatt av historie<br />Marianne (38), jobber i Kunnskapsdepartementet, opptatt av kvalitet i forskningen<br />
    24. 24.  Lurer på om jeg kan ta et semester i Brussel? <br />Målgruppe: Eksisterende student<br />Thomas (22), student, 3. semester internasjonale studier ved SV<br />Biografi<br /><ul><li>22 år
    25. 25. Fra Lillehammer
    26. 26. Bor på Kringsjå studentby
    27. 27. Ett år på Sund Folkehøgskole med retning ”Miljø og klima”, siviltjeneste i barnehage
    28. 28. Samfunnsengasjert og miljøbevisst
    29. 29. Er med å arrangere debattkvelder på Studentersamfundet
    30. 30. 3. semester internasjonale studier ved det samfunnsvitenskapelige faktultet</li></ul>Mål<br />Thomas vil ta en master i internasjonale studier, og han lurer på å ta 1-2 semestre i Brussel.<br />Viktigste oppgaver på uio.no<br /><ul><li>Hvilke studiemuligheter finnes i utlandet?
    31. 31. Hvilke(t) semester er aktuelt for utenlandsstudier?
    32. 32. Finne studieveileder og erfaringer fra andre som har studert i utlandet
    33. 33. Finne informasjon om ERASMUS
    34. 34. Hvilke støtteordninger har Lånekassen?
    35. 35. Hvilke avtaler har UiO med universiteter i utlandet?
    36. 36. Hvem kan være potensielle arbeidsgivere?
    37. 37. Velge studievei
    38. 38. Lage timeplan (i rom og tid)
    39. 39. Levere oppgaver på nett
    40. 40. Betale semesteravgift
    41. 41. Registrere seg
    42. 42. Skifte passord
    43. 43. Få beskjeder i tilknytning til undervisningen</li></ul>Erfaring/kunnskap<br />Databruk<br /><br />Web<br /><br />uio.no<br /><br />Triggerord<br />Meteorologi, studier i utlandet, miljø, Brussel, timeplan, studentpolitikk, ERASMUS<br />Viktigste sider<br />Programside, Internasjonal dag, emnesider, sio.no (livet rundt studiene), facebook.com<br />
    44. 44. Konseptskisser<br />
    45. 45. Universitetets forside - prinsipper<br />Viktigste oppgaver støttes øverst på siden<br />Finne kontaktinformasjon<br />Velge / finne studier<br />Gjøre noe via en tjeneste / verktøy<br />Hva, når og hvor ang. emne<br />Alt innhold tilgjengelig gjennom bunnmeny<br />Forskningsformidling sentralt plassert<br />
    46. 46. Temasider<br />Det forskes på samme tema på mange ulike enheter<br />Men, mange kjenner ikke organisasjonsstrukturen til UiO og klarer ikke å finne innhold på tvers av ulike enheter<br />UiO trenger å få synliggjort forskning og innhold relatert til forskningen på en bedre måte enn i dag<br />Temasidene er optimalisert for Google, andre søkemotorer, wikipedia, presse, blogger osv.<br />
    47. 47. Om temasidene<br />Aggregert fra mange ulike kilder ved UiO<br />Baseres på at innhold merkes med metadata<br />Finnes på mange ulike nivå: fra Dinosaur til Molekylær biologi<br />
    48. 48. Interaksjonsprinsipper<br />
    49. 49. Headeren brukes for å etablere kontekst for brukeren + navigasjon<br />Hvor er du?<br />Navigasjon oppover<br />Spare plass<br />Fokus på der du er<br />
    50. 50. Venstremeny + ”sti” – Inspirasjon fra BBC sport<br /> Brukeren har gått inn i seksjonen for sport og klikker på Football<br /> Kan klikke seg opp til Sport homepage, men fokus er på Football<br /> Kan klikke seg opp til Football, men fokus er på Premier League<br />
    51. 51. Bunnmeny<br />Finnes på alle sider<br />Gir brukeren enkel navigasjon sideveis og nedover i strukturen<br />Samme kategorier går igjen på de 3 nivåene UiO, Fakultet og Institutt, men innholdet er spesifikt for nivået.<br />Bunnmeny blir spesifikk i de ulike seksjonene (f.eks Forskning og fakta)<br />Inspirasjon: Apple sin bunnmeny<br />
    52. 52. Søk<br />Innholdsmengden ved UiO er svært stor og søk blir svært viktig <br />Ved spesifikke oppgaver finnes det skreddersydde søk med suggestfunksjon: <br />Psy 10<br />Psy 1000 Innføring i generell psykologi<br />Psy 1010 Forskningmetode<br />Søker i heleUiO<br />Direktesøketteremner<br />Spesifiktsøk for personer<br />
    53. 53. Arbeidet videre<br />Konsept<br />Håndtegnede skisser<br />Digital prototype<br />Grafisk design<br />Teknisk utvikling<br />
    54. 54.
    55. 55.
    56. 56.
    57. 57. Brukertesting<br />
    58. 58. Fakta om brukertesting<br />Kan teste alt fra papirversjon til ferdig løsning<br />Flere små tester er bedre enn en stor<br />Testtid ca 1 time per person<br />Oppgavene skal være realistiske og ikke ledende<br />Prosjektgruppa børobservere<br />Enkel testing er bedre enn ingen testing<br />Kvalitativ, ikke kvantitativ metode<br />
    59. 59. Spørre eller teste?<br />
    60. 60. Brukertesting <br />Typiske brukere som løser realistiske<br />oppgaver på et nettsted<br />
    61. 61. Hvor mange testpersoner?<br />
    62. 62. Testing av prototype<br />
    63. 63. Testing avprototyper<br />Fordeler<br />Tidlig input påombrukernefårsvarpå sine viktigsteoppgaverpånettstedet<br />Får feedback påom en hartenktriktig i forholdtilinnholdogstruktur<br />Billigogenkelt å gjøreendringer<br />Ulemper<br />Innholdeteroftebegrensetogfåelementererklikkbare, noesomkangjøretestsituasjonenurealistisk for testpersonene<br />
    64. 64. Testing avnettside<br />
    65. 65. Testing avnettsider<br />Fordeler<br />Realistiskgjengivelseavkompleksitetoginnhold for testpersonene<br />Ulemper<br />Dyrtogkomplisert å gjøreendringer<br />Størreendringerkanværevanskelig (umulig) å gjennomføre<br />
    66. 66. Rekrutteringavdeltakeretil test<br />Viktigstemålgrupperog/eller personas sombakgrunn<br />Vi bruker et eksterntrekrutteringsbyrå<br />Kjønn<br />Geografiskspredning<br />Alder<br />Bakgrunn<br />Arbeidsstedogsituasjon<br />Spesiellekriterier i forholdtiltesten<br />
    67. 67. Hvordan lage gode oppgaver?<br />Ikke still ledende spørsmål<br />Prøv å unngå å bruke de samme uttrykkene som brukes i tekstene på nettsida<br />Ha et klart bilde av formålet med oppgaven – hva ønsker du å teste?<br />
    68. 68. Eksempelpåoppgaver<br />
    69. 69. Eksempelpå rapport<br />Søk<br />1.<br /><br />For eit par av testpersonane tok det litt tid å leggja merke til søkefeltet. <br />Inne på resultatsida var det ingen av testpersonane som forstod avgrensinga med Søk i filer og Bare hele ord. <br />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.<br /><br /><br />3.<br />2.<br />
    70. 70. Forslag til forbedring: Søk<br />1.<br />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å.<br />Avgrensinga inne på søkjesida gir ikkje betre søkjeresultat og bør fjernast.<br />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. <br />Søkjesida treng ikkje å liggja i menysystemet, men koma til syne når ein trykker søk.<br />Nummerering av søketreffa gir ikkje noko ekstra informasjon og kan fjernast. Standard visning er at det viktigaste/det beste treffet kjem øverst. <br />Om Acusto<br />bafler<br />Søkeresultat:<br />Fiberhimling (18/8/2008)<br />Fiberhimling er glassull- eller steinullbaserte forseglede himlingsplater. Platene blir også levert i såkalt våtpress-materiale. Fiberhimling har...<br />Bjørnholt videregående skole (20/8/2008)<br />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....<br />Dersom ein skal ha datoformat – bruk norsk standardformat: dag, månad, år.<br />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.<br />
    71. 71. Brukaveyetracking<br />Kan se hvortestpersonene ser underveis i testen<br />Vanlig å ha egneoppgaverdertestpersonen jobber uavhengigav moderator<br />Nyttigtilleggsinformasjon for observator<br />
    72. 72. Eyetracking<br />
    73. 73.
    74. 74.
    75. 75. Hvordan er det å jobbe iNetLife Research?<br />
    76. 76. Faglig<br />
    77. 77.
    78. 78.
    79. 79. Sosialt<br />
    80. 80.
    81. 81.
    82. 82.
    83. 83.
    84. 84.
    85. 85.
    86. 86. Internship<br />Masteroppgave<br />Jobbe som konsulent<br />Eller en kombinasjon<br />Send mail til jostein@netliferesearch.com<br />
    87. 87. ?<br />thor@netliferesearch.com<br />Mob: 90674582<br />www.twitter.com/thordivel<br />

    ×