• Save
Webprosjekt v11
Upcoming SlideShare
Loading in...5
×
 

Webprosjekt v11

on

  • 1,400 views

Slik driver du et forprosjekt for utvikling av nye websider.

Slik driver du et forprosjekt for utvikling av nye websider.

Statistics

Views

Total Views
1,400
Views on SlideShare
1,400
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Smart på Engelsk – Smort på norsk
  • Målene på web skal være en forlengelse av bedriftens overordnede mål og strategier. Web er ikke en løsrevet del av en bedrift, og følgelig bør målene ses i sammenheng og trekke i samme retning som resten av bedriften. Hvilken visjon og verdier kan vi trekke ut fra bedriftens strategi, og som videre skal gjennomsyre alt vi gjør på web?
  • Legg de ulike personaene på en linje over hvordan de betjener webløsningen din.
  • Brukerne kommer alltid til ditt nettsted av en grunn. De har noe de ønsker å oppnå. Hva er det?
  • Ambisjonsnivå er viktig. Hvor vil du legge lista for websatsningen. Dette spiller inn hvilke ressurser du har til rådighet, bedriftens profil, brukernes forventninger, markedet for øvrig… Men det er viktig å være klar over hvordan du vil satse
  • Definer skjæringspunktet mellom bedriftens mål og brukerens behov. Der hvor Mål og behov overlapper hverandre dannes utgangspunktet for et godt konsept – et konsept med suksesspotensiale. Webkonseptet gir føringer på alt annet du gjør med webben din; tekstlig innhold, bilder, maner, plassering av elementer, funksjonalitet osv. Et begrep som beskriver brukeropplevelsen. Bra for deg er bra for bruker – det som skaper en vinn/vinn-situasjon er et godt utgangspunkt for suksess.

Webprosjekt v11 Webprosjekt v11 Presentation Transcript

  • Lynkurs i sosiale medier
    • Nina Furu og Kenneth Eriksen
    • 16. februar 2011
    • Jobber med webkommunikasjon og webstrategi
    • Senior partner i Webgruppen
    • Driver Nettredaktørskolen i Oslo
    • Styreleder i Webforum Norge
    • Kurs- og konsulentvirksomhet
    • www.nettredaktor.no
    • www.websuksess.no
    • Mangeårig portalredaktør
    • Lærebokforfatter
    • Med mer
    Nina Furu
    • ha definert 3 SMART'e mål for din webside
    • vite hvordan du kartlegger din brukers behov
    • kunne formulere et relevant konsept for ditt nettsted
    • kjenne til personas og scenarier som verktøy i utviklingsarbeidet
    • kunne definere de viktigste brukerscenariene
    • vite hvordan du lager en prototype for din webside
    • vite hvor viktig forankring i organisasjonen er og hvordan du kan jobbe for å få det
    Mål for dagen: Du skal …
  •  
  •  
  • 1. Målsetting
  • Målsetting Bedriftens målsetting Brukernes behov
    • Hvorfor er du egentlig på web?
    • Hva er egentlig vitsen med sidene?
    • Hva er det du ønsker å oppnå?
    • Hva er det du ønsker å kommunisere?
    • Hva er det du ønsker å gi brukeren?
    • Å definere dine mål med satsningen er den grunnleggende strategiske vurderingen du gjør for websiden
    Målsetting
  • Strategi-pyramiden Strategisk Taktisk Operasjonelt Hvorfor gjør vi noe? Hvorfor? Hva gjør vi? Hvordan gjør vi det? Hvordan?
    • Specific - konkrete
    • Measurable - målbare
    • Attainable - oppnåelige
    • Results oriented - resultatorienterte
    • Time based – tidsbaserte
    Dine mål bør være SMARTe
    • Vi skal ha 12% økning i salg av lydbøker innen 31.12
    • Alle kurspåmeldinger skjer elektronisk fra 1. mai
    • Selvbetjent henting av kundeopplysninger fra lansering av min side
    • 10% reduksjon i behandlingstid fra 1. august
    Eksempler på SMARTe mål
  • Målfastsettelse Verdier (på hvilke måter?) Visjon (hvor skal vi?) Hovedmål 1 Hovedmål 2 Hovedmål 3 Hovedmål 4 Hovedmål 6 Konkretiseres i form av SMART’e mål for websatsningen
  • Målfastsettelse Verdier: enkelhet, troverdighet, kvalitet Visjon: Være Norges ledende xxx Hovedmål 1 Hovedmål 2 Hovedmål 3 Hovedmål 4 Hovedmål 6
  • Målfastsettelse Verdier: enkelhet, troverdighet, kvalitet Visjon: Være Norges ledende xxx Hovedmål 1 Hovedmål 2 Hovedmål 3 Hovedmål 4 Hovedmål 6 Redusere telefonhenvendelser med 40% innen desember 2011 Selvbetjeningsweb innen desember 2011
  • Målfastsettelse Verdier: enkelhet, troverdighet, kvalitet Visjon: Være Norges ledende xxx Hovedmål 1 Hovedmål 2 Hovedmål 3 Hovedmål 4 Hovedmål 6 Redusere telefonhenvendelser med 40% innen desember 2011 Nedlastbare mobilinnstillinger fra august 2011 Nedlastbare brukermanualer for alle produkter innen juli 2011 Alle bestillinger gjøres elektronisk Selvbetjeningsweb innen desember 2011 MinSide med fakturadetaljer fra juni 2011
    • Tips: Mål det du vil ha mer av!
    Målfastsettelse
  • 2. Brukerbehov
  • Brukerbehov Bedriftens målsetting Brukernes behov
    • Push til pull
    • Trigger-ord
    • Hva er det brukeren kommer til din web for å gjøre? (Scenarier)
    2. Brukerbehov
  • ” Lukten av informasjon”
    • Teori om hvordan brukerne orienterer seg på web
    • Underbygd av flere tusen brukerobservasjoner
    • Jared Spool, Christine Perfetti og David Brittan
    • User Interface Engineering
    • www.uie.com
    • ” Designing for the scent of information”:
    • http://www.uie.com/reports/scent_of_information/
    ” Lukten av informasjon”
  • Trigger-ord
    • Trigger-ordet beskriver det brukeren leter etter på nettstedet.
    • Kommer brukeren fra en søkemotor, er trigger-ordet det han har søkt på der.
    • Trigger-ordet er ordet (eller ordene) i brukerens ”tankeboble”.
    • Trigger-ordet er altså brukerens eget ord (og ikke ditt!)
    Trigger-ord
    • Når brukeren ser sitt trigger-ord i en link, så klikker han på det
    Sentralt prinsipp:
    • At du må prioritere å identifisere de sentrale trigger-ordene for din virksomhet (Hva er det din kunde kaller ditt produkt/din informasjon?)
    • At du bør bruke disse trigger-ordene i navigasjon.
    • At du bør bruke disse trigger-ordene i overskrifter og i tekster
    • (Og at navigasjon bør se ut som linker)
    Dette betyr
    • Enkle
    • Beskrivende
    • Konkrete
    • Substantiver
    • Løsninger
    • Brukerdefinerte
    • Ikke beskrive bruker selv
    • Ikke nye ord
    Gode trigger-ord bør være:
    • Se på sideinterne søk
    • Se på eksterne websøk ( http://www.google.com/insights/search )
    • Spør brukerne direkte
    • Gjennomfør bruker-workshops
    • Gjennomfør elektroniske undersøkelser
    • Gjør split-testing
    • Gjør papir-prototyping
    • Spør sentralbordet
    Hvordan identifisere trigger-ord?
    • Statistikk
    • Egen erfaring
    • Personas
    • Skissere brukerscenarier
    • Workshop
    • Brukerundersøkelser
    • Brukertesting
    Kartlegging av brukers behov
    • Statistikk fra websiden
    • Statistikk fra internsøk på siden
    • Statistikk fra hva de har søkt på for å komme til din web
    • Statistikk fra kundeservice (telefonhenvendelser)
    • Osv
    Statistikk
    • www.google.no/analytics
    Gratis statistikk
    • Erfaringer med drift av dagens løsninger
    • Hva ringer kundene for?
    • Hvor i prosessen mister man brukere?
    • Hva vet de som er i førstehånds kontakt med brukerne; resepsjonen, selgere, kundesenter, support …?
    Egne erfaringer
    • Hva er de viktigste brukerscenariene for ditt nettsted?
    Hva er din brukers behov?
    • Arketyper som representerer brukerne dine
    • Fiktive personer du oppretter, gir navn og demografisk beskrivelse
    Personas
    • Arketyper som representerer brukerne dine
    • Fiktive personer du oppretter, gir navn og demografisk beskrivelse
    • Tips: Steve Mulder, The user is always right
    Personas
    • Karakteristikk som baseres på faktaopplysninger
    • Et hjelpemiddel til å redusere usikkerhet rundt problemstillinger
    • Kan gjøre det lettere å ta beslutninger i utviklingen
    • Gjør at vi kan fokusere på detaljer – vi går fra det generelle til det spesifikke
    • Distanserer seg fra sine egne meninger
    Personas
  • Å lage Personas Fredrik Flittig Klara Klok Espen Egenrådig Nina Nøysom Proffbruker Jevnlig bruker Utenlandsk bruker Nybegynner Kompetanselinje ( - ) (+)
    • … men forskjellige personas kan ha samme scenario, og samme persona kan ha flere scenarier
    Forskjellige brukere, forskjellige scenarier
    • Ja, fordi de kan hjelpe deg å tenke scenarier
    • Men du kan også tolke deg fram til scenarier direkte, for eksempel ut fra statistikk (mest besøkte sider, mest klikkede lenker …) eller brukerundersøkelser (”hvilket innhold er du mest interessert i på våre sider?”) erfaring med dagens nettside (hva ringer bruker til oss for?)
    Er personas viktig? Det aller viktigste er scenariene
  • Hva er brukernes scenarier?
  •  
  •  
  •  
    • Hva er det brukeren kommer for å finne?
    • Hva er det brukeren har behov for å få vite?
    • Hva er det brukeren er interessert i?
    • Hvorfor kommer brukeren til siden?
    Brukernes scenarier
    • Husk 80/20-regelen:
    • 80% av brukerne kommer for 20% av innholdet
    • A-scenarier = De tingene som 80% av brukerne leter etter eller ønsker å gjøre
    • B-scenarier = De tingene som bare 20% av brukerne leter etter eller ønsker å gjøre
    • (C-scenarier = De tingene som dine kolleger ønsker å legge ut, men som få eller ingen brukere etterspør …  )
    A og B-scenarier
    • A-scenarier = Forside, menyer og dyplenking/søk
    • B-scenarier = Menyer og dyplenking/søk
    • C-scenarier = Dyplenking/søk, eller egne felter når C-scenariene er forretningskritiske
    • Dermed får du tilfredsstilt flest mulig brukere med nettstedet ditt
    En god regel for å møte scenarier
    • Bestille abonnement?
    • Bestille brosjyrer?
    • Se på nye bilmodeller?
    • Finne priser?
    • Finne forhandlere?
    • Kjøpe smykker?
    • Lære om resirkulering?
    • Levere skjema?
    Hva er viktige scenarier for bedriften?
    • Statistikk
    • Egen erfaring
    • Personas
    • Skissere brukerscenarier
    • Workshop
    • Brukerundersøkelser
    • Brukertesting
    Kartlegging av brukers behov
    • Idémyldring
    • Kartlegge innhold
    • Kartlegge trigger-ord
    • Strukturering – ”card sorting”
    • Innholdselementer og plassering – ”wireframes”
    Workshop med brukerne
  •  
    • Brukerundersøkelser
      • Elektronisk spørreundersøkelse
      • Personlig intervju
    • Brukertesting
      • Brukerteste på prototype
      • Brukerteste webløsning
    • Skissere brukerscenarier
      • Storyboard
    Kartlegging av brukers behov
    • Budsjetter
    • Interne / eksterne ressurser
    • Tidsrammer
    • Prosess og fremdrift
    • Fasing
    • Ambisjonsnivå?
    Ressurser
  • ” Drømmewebben” Forretningsnytte Behov for integrasjon Kilde: Drömwebben av Maria Langen Nettstedet har utstrakt kunnskapsdeling gjennom prosjektrom, dokumenthåndtering og stor grad av selvbetjening Nettstedet utvides for å understøtte flere prosesser i organisasjonen som går på kommunikasjon internt og eksternt Nettstedet utvides med enkle funksjoner som gjør det enkelt for den besøkende å finne og utveksle informasjon. For eksempel søk og disk.forum Nettstedet er en elektronisk oppslagstavle med administrasjon av innhold og har som hovedoppgave å gi informasjon Nettstedet er navet for all informasjon og prosesser som foregår mellom ansatte, forhandlere og kunder
  • Enkeltfaser
  • 3. Webkonsept
  • 3. Konsept Bedriftens målsetting Brukernes behov Webkonsept med suksesspotensiale
    • Svar på spørsmålene:
    • Hva skal din web være for hvem?
    • Hvorfor skal brukeren ønske å oppsøke dine sider?
    • Hva skal være verdien av websiden din for brukeren?
    • Hva skal brukeren oppleve websiden din som?
    • Hva skal kjennetegne opplevelsen av din web?
    • Hvilket innhold er det både i bedriftens interesse å formidle og i brukerens interesse å finne?
    Webkonseptet
    • Digitalt servicekontor
    • Nettbank
    • Nyhetskilde om forskningen
    • Lekeplass på nett
    • Et sted å finne norges laveste priser på mobiltelefoner
    • Gratis nettressurs for deg som jobber med innhold på web (nettredaktor.no)
    Noen eksempler på webkonsepter
  • 4. Innhold
    • Informasjonsarkitektur
    • Wireframes, og senere design
    • (Regler og rutiner)
    Innhold spesifiseres i …
    • Informasjonsarkitektur
      • Cardsorting
    • Wireframes (skisse til innholdsplassering)
      • Innholdsmaler
      • Transaksjonsbeskrivelser
      • Portlet-beskrivelser
      • Kriterier for enkeltelementer
    Disponere skjermflaten
    • Card-sorting
    • Tematisk sortering og kategorisering av innhold
    • Hvilket innhold hører naturlig sammen
    • Hva kan være en overskrift/fellesbetegnelse for temaet?
    Strukturere innhold
    • Trigger-ord organisert i hierarkier
    • Prinsipper:
    • Balanse (jevntunge kategorier)
    • Avpassede generalitetsnivåer sidestilt (epler og pærer, ikke epler og grønnsaker)
    • Skille på akser (emner vs målgrupper vs funksjonalitet osv.)
    Informasjonsarkitektur
  •  
  • Kontrollér
  • Kontrollér
  • Kontrollér
  • Informasjonseiermatrisen
    • Mindjet MindManager
    • www.mindjet.com
    • Kan prøves gratis i 30 dager
    • Excel
    • PPT
    Verktøy for informasjonsarkitektur
    • En prototype = en tegning av hvordan det kommer til å bli
    • Skisser lar andre se hva du har tenkt
    • Skisser kan avsløre fundamentale feil før du bruker programmerertimer
    • Du kan brukerteste på en papir-prototype (vis bruker skissen, beskriv en oppgave og spør hvordan brukeren ville gå fram for å få dette gjort)
    • Du kan brukerteste på en prototype på skjerm (bruker kan klikke seg rundt og vise hvordan bruker vil gå frem)
    Lag wireframes
  •  
    • Axure RP pro
    • www.axure.com
    • Kan prøves gratis i 30 dager
    • Papirskisse
    • Gratis alternativ:
    • http://gomockingbird.com
    Verktøy for Wireframes
  • Oppsummering
  • Oppsummering
    • Avklaring av mål
    • SMARTe mål
    • Avklaring av
    • brukerbehov
    • Definere brukergrupper
    • Bruker-undersøkelse
    • Workshop
    • Intervjuer
    • Personas
    • Statistikk
    • Erfaring
    Avklare Rammer Finne ambisjonsnivå Definisjon av webkonsept
    • Kartlegging av
    • relevant innhold
    • Info.arkitektur
    • Wireframes
    • Prototyping
    • Teknisk løp
    • Kravspekk
    • Valg
    • Implementering
    • Designløp
    • Innholdsløp
    • Fordeling av oppgaver
    • Innlegging av tekst
    • Godkjenning
    • Revisjoner og oppdatering
    • Definering av rutiner
    • Etablering av fora
  • Presentasjonen
    • Nina Furu
    • www.nettredaktor.no
    • Mobil 92208015
    • [email_address]
    Lykke til!