kravspesifisering og innkjøp av ny web - nina furu · jobber med webkommunikasjon og webstrategi...
TRANSCRIPT
![Page 1: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/1.jpg)
Kravspesifisering og
innkjøp av ny web
Nina Furu
19. Mars 2013
![Page 2: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/2.jpg)
• Jobber med webkommunikasjon og webstrategi
• Partner i Webgruppen
• Driver Nettredaktørskolen
• Styreleder i Webforum Norge
• www.nettredaktor.no
• www.websuksess.no
• www.ninafuru.no
• Mangeårig portalredaktør
• Lærebokforfatter
• Med mer
Nina Furu
![Page 3: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/3.jpg)
• Holder på 9-15.30
• Tar pauser
• Lunsj 11.30
• Toaletter innerst (ved kjøkkenet)
• Nettverk: webgruppen gjest
• Passord: webkurset
• Kampanje: Vi gir 20 kroner til Redd Barna for hver
Facebook-innsjekking
Praktisk
![Page 4: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/4.jpg)
• Den strategiske webutviklingsprosessen
• Brukerorientering
• Beskrivelse av de nye sidene
• CMS-løsninger
• Kravspesifisering
• Valg og vurdering
• Oppsummering
Agenda
![Page 5: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/5.jpg)
Den strategiske webutviklingsmodellen
![Page 6: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/6.jpg)
Web skal skape verdi for to parter
Brukerens
mål
Bedriftens
mål
Web
![Page 7: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/7.jpg)
Nettredaktørens jobb
Brukerens
mål
Bedriftens
mål
Sikre verdi
![Page 8: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/8.jpg)
Web skal skape verdi for to parter
Brukerens
mål
Bedriftens
mål
Web
![Page 9: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/9.jpg)
Web skal skape verdi for to parter
Brukerens
mål
Bedriftens
mål
Web
Verdi
Konsept
Innhold
![Page 10: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/10.jpg)
Web skal skape verdi for to parter
Brukerens
mål
Bedriftens
mål
Web
Verdi
Konsept
Innhold
skapes av
som kan konkretiseres i
som formidles i flere kanaler
![Page 11: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/11.jpg)
Målsettinger for web
![Page 12: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/12.jpg)
Målsetting
Bedriftens
målsetting Brukernes
behov
![Page 13: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/13.jpg)
• Hva driver dere med? Hva er selskapets MISJON?
• Å selge varer?
• Å levere tjenester?
• Å yte service?
• Å fremme ideer?
• …
Forretningsmål
![Page 14: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/14.jpg)
• Hva er det bedriften mest av alt ønsker at kunden skal
gjøre på nettstedet?
• Kjøpe noe?
• Finne informasjon?
• Ta kontakt?
• Drive selvbetjening?
• Lese siden?
• Søke jobb?
• …?
Hovedmål for websiden
![Page 15: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/15.jpg)
Strategi-pyramiden
Strategisk
Taktisk
Operasjonelt
Hvorfor gjør vi noe? Hvordan?
Hvorfor?
Hva gjør vi?
Hvordan gjør vi det?
![Page 16: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/16.jpg)
• Specific - konkrete
• Measurable - målbare
• Attainable - oppnåelige
• Results oriented - resultatorienterte
• Time based – tidsbaserte
Dine mål bør være SMARTe
![Page 17: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/17.jpg)
• 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
![Page 18: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/18.jpg)
Brukerbehov
![Page 19: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/19.jpg)
Brukerbehov
Bedriftens
målsetting Brukernes
behov
![Page 20: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/20.jpg)
• Webstatistikk
• Triggerord-analyser
• Scenarier/personas
• Brukertesting
• Brukerundersøkelser
• Bruker-workshop
Analyse av brukers behov
![Page 21: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/21.jpg)
Verktøy
• Statistikk www.google.no/analytics
• Triggerordanalyser www.google.com/trends og
• Google Keyword Tool
• Brukerundersøkelser www.surveymonkey.no
![Page 22: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/22.jpg)
• Arketyper som representerer brukerne dine
• Fiktive personer du oppretter, gir navn og demografisk
beskrivelse
Personas
![Page 23: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/23.jpg)
• Arketyper som representerer brukerne dine
• Fiktive personer du oppretter, gir navn og demografisk
beskrivelse
• Tips: Steve Mulder, The user is always right
Personas
![Page 24: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/24.jpg)
• 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
![Page 25: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/25.jpg)
• Hvem er de typiske brukerne av ditt nettsted?
• (Tenk gjerne ut fra de viktigste bruksmønstrene)
Personas
![Page 26: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/26.jpg)
• Se på hvilke transaksjoner som gjøres på din web
• Hva kjennetegner de som gjør de ulike transaksjonene?
• Hva slags erfaring har en slik bruker med web?
• Hva kan en slik bruker om ditt fagområde?
• Hvordan vil de ulike personasene ønske å benytte din
web til å gjennomføre de ulike transaksjonene?
Å lage Personas
![Page 27: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/27.jpg)
Å lage Personas (1)
Fredrik
Flittig
Klara
Klok
Espen
Egenrådig
Nina
Nøysom
Proffbruker Jevnlig bruker Utenlandsk
bruker Nybegynner
Kompetanselinje - +
![Page 28: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/28.jpg)
• Ta utgangspunkt i de forskjellige brukergruppene
nettstedet har
• Lag stiliserte brukergrupper basert på dette
Å lage personas (2)
![Page 29: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/29.jpg)
• Ta utgangspunkt i de forskjellige brukergruppene
nettstedet har
• Lag stiliserte brukergrupper basert på dette
Å lage personas (2)
Harald Håndverker
Bestemor Brita
Kreative Kåre
![Page 30: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/30.jpg)
Å lage personas (3)
Kilde: http://wiki.openusability.org/kivio/index.php/Personas
![Page 31: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/31.jpg)
Kilde: Webcredible.co.uk
![Page 32: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/32.jpg)
• Involver alle i å skape personas
• Bruk blader, klipp og lim
• Fortell historien til den enkelte persona
• La personaene bli noen man snakker om og refererer til i
web-arbeidet
Personas-prosess i bedrift
![Page 33: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/33.jpg)
• Lag personas som folk husker og kan relatere til
• Ikke lag alt for mange personas (3-5 er ofte nok)
• Gi dem tydelige navn
• Bruk dem i webutviklingen
• Bruk dem til mental testing: ”Hva vil Kåre syns om
dette?”
Personas
![Page 34: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/34.jpg)
• Ja, fordi de hjelper 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?
![Page 35: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/35.jpg)
• Bruker kommer til nettstedet av en grunn
• Det bruker kommer for = brukers scenario
• Brukers mål = oppfyllelsen av sitt scenario (”task
completion”)
• Scenariet har ofte et navn i brukers hode; et triggerord
Scenarier
![Page 36: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/36.jpg)
• Forsiden er forretningskritisk!
• Nettstedet skal tilfredsstille både bruker og deg.
• Oppfyllelse av de viktigste brukerscenariene bør være
tilgjengelig rett på forsiden.
Tenk på brukerscenariene på web
![Page 37: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/37.jpg)
![Page 38: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/38.jpg)
![Page 39: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/39.jpg)
• A-scenarier = de 1-3 viktigste tingene som de langt fleste
brukerne kommer for.
• B-scenarier = det resten av brukerne kommer for.
• C-scenarier = det bruker ikke nødvendigvis etterspør,
men som noen har lyst til å si.
A-, B- og C-scenarier
![Page 40: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/40.jpg)
• A-scenarier = de 1-3 viktigste tingene som de langt fleste
brukerne kommer for.
• Forside, meny, dyplenking/søk
• B-scenarier = det resten av brukerne kommer for.
• C-scenarier = det bruker ikke nødvendigvis etterspør,
men som noen har lyst til å si.
A-, B- og C-scenarier
![Page 41: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/41.jpg)
• A-scenarier = de 1-3 viktigste tingene som de langt fleste
brukerne kommer for.
• Forside, meny, dyplenking/søk
• B-scenarier = det resten av brukerne kommer for.
• Meny, dyplenking/søk
• C-scenarier = det bruker ikke nødvendigvis etterspør,
men som noen har lyst til å si.
A-, B- og C-scenarier
![Page 42: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/42.jpg)
• A-scenarier = de 1-3 viktigste tingene som de langt fleste
brukerne kommer for.
• Forside, meny, dyplenking/søk
• B-scenarier = det resten av brukerne kommer for.
• Meny, dyplenking/søk
• C-scenarier = det bruker ikke nødvendigvis etterspør,
men som noen har lyst til å si.
• Dyplenking/søk, eventuelt egne felter
A-, B- og C-scenarier
![Page 43: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/43.jpg)
A-
scenario
A og B-
scenarier
B-
scenario
B-
scenarier
C-scenarier
![Page 44: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/44.jpg)
Definere konsept
Brukerens
mål
Bedriftens
mål
Konsept
![Page 45: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/45.jpg)
• Et begrep
• En betegnelse på brukeropplevelsen
• En ”kortformsforklaring” av hva siden er ment å være og
for hvem
• ”Nettavis”
• ”Digitalt servicekontor”
• ”Verktøykasse for prisfastsetting av eiendommer”
• ”Presentasjon av bedriften og våre produkter”
Konseptet
![Page 46: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/46.jpg)
Webkonseptet må konkretiseres
• I informasjonsarkitektur (hvilke sider skal vi ha) – som blir
til menyer
• I wireframes (hvilket innhold skal vi ha på hvilke sider) –
som blir til design
• I regler og rutiner (hvem har ansvar for hva, hvor ofte
skal man publisere …)
![Page 47: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/47.jpg)
Informasjonsarkitektur
![Page 48: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/48.jpg)
Informasjonseiermatrise
![Page 49: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/49.jpg)
• Hvor ofte skal nyheter oppdateres?
• Hvordan skal vi sikre informasjonskvaliteten
(”innholdsforvaltning”/”content governance”)
Relevante regler
![Page 50: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/50.jpg)
Informasjon er ferskvare
![Page 51: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/51.jpg)
• Ha en innholdseiermatrise, så alle vet hvem som har
ansvar
• Ta en runde med fjerning av gammelt rask ved
omlegging (men ikke fjern så mye at det skader deg på
Google)
• Legg opp til gode rutiner ved nyproduksjon
Informasjon er ferskvare
![Page 52: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/52.jpg)
1.Dagsaktuelle saker – gis utløpsdato, går til sletting/arkiv
2.Saker som trenger vedlikehold – tidsstyrt tilbake på desk-
funksjon
3.Statiske saker – gis ingen utløpsdato, kan eventuelt
oppdateres manuelt ved ekstern hendelse
Skill mellom tre typer saker
![Page 53: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/53.jpg)
Årshjulet
![Page 54: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/54.jpg)
Årshjulet
![Page 55: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/55.jpg)
Informasjonsarkitektur
![Page 56: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/56.jpg)
• Skille mellom akser
• Skille mellom nivåer
• Bruke snarveier om nødvendig – brukerbehovet trumfer
alt annet!
Informasjonsarkitektur
![Page 57: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/57.jpg)
• Produktmeny (stoler, bord, sofaer …)
• Målgruppemeny (privatkunde, bedriftskunde …)
• Funksjonalitetsmeny (søk jobb, velg språk …)
• En og samme meny skal ikke kombinere innhold på
forskjellige akser
Akser
![Page 58: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/58.jpg)
• Epler og grønnsaker er ikke på samme nivå
• Frukt og grønnsaker er på samme nivå
• Epler og gulrøtter er på samme nivå (men under
forskjellige ”mammakategorier”)
Nivåer
![Page 59: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/59.jpg)
![Page 60: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/60.jpg)
Samme nivå
![Page 61: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/61.jpg)
Samme nivå
![Page 62: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/62.jpg)
Samme nivå
![Page 63: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/63.jpg)
Samme hovedemne
![Page 64: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/64.jpg)
Samme hovedemne
![Page 65: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/65.jpg)
Samme hovedemne
![Page 66: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/66.jpg)
Samme akse
![Page 67: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/67.jpg)
Emner vs attributter
• Emner er tematiske operanter – det er det jeg leter etter
når jeg leter etter informasjon
• Emnebetegnelser = triggerord = substantiver
• Attributter = egenskaper ved det enkelte emne (for
eksempel pris, merke eller lignende)
• Man kan ha attributtseleksjoner eller til og med egne
attributtmenyer (for eksempel kart), men attributter og
emner skal aldri blandes i samme meny.
![Page 68: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/68.jpg)
Emnemeny
![Page 69: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/69.jpg)
Attributter som seleksjonskriterier
![Page 70: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/70.jpg)
Attributtmeny
![Page 71: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/71.jpg)
”Hygienefaktorer”
![Page 72: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/72.jpg)
Wireframes
![Page 73: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/73.jpg)
• Prototyper; tegninger av hvordan det kommer til å bli
• Skisser som 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)
Wireframes
![Page 74: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/74.jpg)
![Page 75: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/75.jpg)
![Page 76: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/76.jpg)
![Page 77: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/77.jpg)
![Page 78: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/78.jpg)
Hva trenger du?
![Page 79: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/79.jpg)
• Papir/blyant
• Powerpoint
• Mock-up-software
Verktøy
![Page 80: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/80.jpg)
![Page 81: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/81.jpg)
![Page 82: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/82.jpg)
• Logo
• Menyer – globale og lokale
• Nyheter?
• Varslinger?
• Markedsføringsfelt?
• Innholdsfelt
• Hva er A-scenariene?
Elementer til wireframe
![Page 83: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/83.jpg)
• Forside
• Seksjonsforside
• Innholdsside
• Utlistingsside
Hvor mange wireframes?
![Page 84: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/84.jpg)
Webpublisering
![Page 85: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/85.jpg)
Hva trenger du for å lage en webside?
• Domene
• Webhotell (serverplass)
• HTML-kode
![Page 86: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/86.jpg)
Hvordan får du til HTML-koden?
![Page 87: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/87.jpg)
Hvordan får du til HTML-koden?
• Skrive for hånd
• Bruke en HTML-editor
• Bruke et publiseringsverktøy
![Page 88: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/88.jpg)
1. Skrive for hånd
![Page 89: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/89.jpg)
1. Skrive for hånd
• Skriver tekst og kode i tekstbehandlingsprogram for ren
tekst
• Legger fila på webserver (via FTP)
• Åpner fila i nettleser
• Vips: Web-side!
• Flatkodede sider er billig, men krever kompetanse.
![Page 90: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/90.jpg)
![Page 91: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/91.jpg)
![Page 92: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/92.jpg)
![Page 93: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/93.jpg)
![Page 94: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/94.jpg)
Lyst til å lære HTML?
• http://www.w3schools.com/
![Page 95: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/95.jpg)
2. Bruke en HTML-editor
![Page 96: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/96.jpg)
2. Bruke en HTML-editor
• Et program som hjelper deg å huske HTML-koder
• WYSIWYG-editorer
• Eksempler: Front Page, First Page, Dreamweaver
• Fortsatt billig, og du slipper å huske på alle kodene.
![Page 97: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/97.jpg)
![Page 98: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/98.jpg)
Online HTML-editor
• http://www.spiderweblogic.com/HTML-Tag-
Generator.aspx
• … grei hvis du bare ønsker et lite stykke HTML på
kjappen
![Page 99: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/99.jpg)
![Page 100: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/100.jpg)
![Page 101: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/101.jpg)
![Page 102: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/102.jpg)
![Page 103: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/103.jpg)
Det store MEN:
• Både håndkoding og editorer lager flate sider
• Det betyr at form og innhold er ett
• (Ønsker du å skifte bakgrunnsfarge på siden, må du inn
på hver enkelt side og gjøre en endring)
![Page 104: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/104.jpg)
Det store MEN:
• Både håndkoding og editorer lager flate sider
• Det betyr at form og innhold er ett
• (Ønsker du å skifte bakgrunnsfarge på siden, må du inn
på hver enkelt side og gjøre en endring)
•
![Page 105: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/105.jpg)
Det store MEN:
• Både håndkoding og editorer lager flate sider
• Det betyr at form og innhold er ett
• (Ønsker du å skifte bakgrunnsfarge på siden, må du inn
på hver enkelt side og gjøre en endring)
• Håkon Wium Lie
![Page 106: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/106.jpg)
CSS
• Gjør det mulig å behandle form og innhold separat, også
på flate sider
• Refererer alle innholdssider til et felles stilsett, slik at
globale endringer kan gjøres på ett sted
• Nå del av HTML-standarden
• HTML 5 og CSS 3
• http://www.queness.com/post/4105/13-amazing-
examples-of-html5-and-css3
![Page 107: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/107.jpg)
CSS
• CSS er nå del av websidekoding, enten du gjør det
manuelt eller via en publiseringsløsning
• Publiseringsløsning = CMS =
• Content Management System
![Page 108: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/108.jpg)
3. Content Management Systemer
![Page 109: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/109.jpg)
3. Content Management Systemer
• Programmer for å håndtere produksjon og oppdatering
av websider
• Adskilt form og innhold
• Nettbasert (ikke lokalt på PC)
• Mulig for flere å jobbe på samme løsning
• Mulig med separate oppgaver
![Page 110: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/110.jpg)
Pris for CMS
• Episerver, Sharepoint, 1 mill ++
• Keyteq, Idium Portal Server, 50 000 – 500 000
• Designbyrå (lite/mellomstort), 25 000 – 100 000
• One.com, Idium Web, 1000 – 10 000
• Wordpress, Joomla, Drupal – gratis
![Page 111: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/111.jpg)
Pris for CMS
• Episerver, Sharepoint, 1 mill ++
• Keyteq, Idium Portal Server, 50 000 – 500 000
• Designbyrå (lite/mellomstort), 25 000 – 100 000
• One.com, Idium Web, 1000 – 10 000
• Wordpress, Joomla, Drupal – gratis
10
7
3
2
9
”Funksjonalitet
s-poeng”
![Page 112: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/112.jpg)
Gratisløsningene
• Wordpress
• Joomla
• Drupal
• Lavest brukerterskel: Wordpress
![Page 113: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/113.jpg)
Det kommersielle markedet
![Page 114: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/114.jpg)
![Page 115: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/115.jpg)
![Page 116: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/116.jpg)
![Page 117: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/117.jpg)
![Page 118: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/118.jpg)
![Page 119: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/119.jpg)
![Page 120: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/120.jpg)
![Page 121: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/121.jpg)
![Page 122: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/122.jpg)
![Page 123: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/123.jpg)
![Page 124: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/124.jpg)
![Page 125: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/125.jpg)
![Page 126: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/126.jpg)
Adressene
• www.episerver.no
• http://sharepoint.microsoft.com/
• www.ez.no
• www.frontkom.no
• www.idium.no
• www.wordpress.com
• www.wordpress.org
• www.webnodes.no
• www.fanbooster.no
• www.pagemodo.com
![Page 127: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/127.jpg)
Kravspesifikasjonen
![Page 128: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/128.jpg)
Kravspesifikasjonen
• Dokumenterer ønsket løsning
• Er grunnlag for anbudsinnhenting og innkjøpsprosess
• Er grunnlag for videre teknisk prosess
• Er grunnlag for videre designprosess
• Er grunnlag for implementering
![Page 129: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/129.jpg)
Hva bør en kravspesifikasjon inneholde?
A. Ønsket funksjonalitet
B. Eventuelle integreringsbehov
C.Eventuelle migreringsbehov
D. Informasjonsarkitektur og wireframes
E. Krav til søkemotoroptimalisering
F. Krav til mobiltilpasning
G.Eventuelle tekniske krav til hosting/drifting
H.Forventet antall admin-brukere (hvis veldig høyt eller
spesielt differensiert)
![Page 130: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/130.jpg)
A. Ønsket funksjonalitet
• Hvordan skal sidene fungere? Beskriv gjerne hvordan
funksjonaliteten opptrer.
• Si for eksempel: ”Når man klikker på flagget for engelsk språk,
skal man komme til den siden man allerede er på i engelsk
versjon. Man kan så klikke seg rundt i de engelske sidene, og om
man klikker tilbake til norsk, kommer man tilbake til den siden
man er på i norsk versjon”.
• Dette kan også formuleres som ”parallelle språkversjoner” (i
motsetning til ”separate engelske sider” hvor man alltid kommer
til engelsk forside, og nettstedene ikke er like med unntak av
språk), men det forutsetter at man vet at leverandøren definerer
disse begrepene på samme måte.
![Page 131: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/131.jpg)
Funksjonalitet
• Hva er relevant funksjonalitet?
![Page 132: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/132.jpg)
1. Artikkelbehandling
2. Menybehandling
3. Malbehandling
4. Bildebehandling
5. Skjemabehandling
6. Brukerbehandling
7. Sosial funksjonalitet
8. Metadata
9. WAI / Universell tilgjengelighet
10.Språk
Typer av funksjonalitet
![Page 133: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/133.jpg)
B. Eventuelle integreringsbehov
• Skal websidene dynamisk vise data som hentes fra
andre kilder? I så fall må dette beskrives i detalj.
• For eksempel: ”Brukeren skal ha tilgang til å administrere
egne brukerdata, som ligger i SuperOffice. Ved
pålogging skal informasjon om navn og adresse hentes
fra SuperOffice og vises på siden ”Min Profil”. Når bruker
gjør endringer i disse dataene, skal den nye versjonen
sendes tilbake til SuperOffice og oppdatere oppføringen
der.”
![Page 134: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/134.jpg)
• Tips: Husk at det er
mye enklere å hente
data ut fra de
underliggende
systemene, enn å
legge inn data til
dem.
Tegn gjerne en portal-modell
websidene
Ag
re
sso
Sup
erO
ffic
e
Log
istik
k
Pe
rson
al
Do
k.a
rk
iv
![Page 135: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/135.jpg)
C. Eventuelle migreringsbehov
• Hvordan skal innhold flyttes fra gammel til ny løsning?
• Hvis du har for eksempel 10 000 sider som skal
overføres, er dette en viktig vurdering.
• Tips: Alle leverandører sier at dette lar seg gjøre
automatisk. Det er som regel tilfelle for kanskje 50 % av
innholdet, resten må flyttes for hånd.
![Page 136: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/136.jpg)
D. Informasjonsarkitektur og wireframes
• Vis hva du har tenkt!
![Page 137: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/137.jpg)
• Validert kode
• Overskrifter inn i title-tag
• Ingresser inn i meta-description
• Plattform/versjonsuavhengighet
• Mer ..?
E. Krav til søkemotoroptimalisering
![Page 139: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/139.jpg)
![Page 140: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/140.jpg)
F. Krav til mobiltilpasning
![Page 141: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/141.jpg)
• Responsive design
• Egne mobilsider
• Apps
Relevante mobilstrategier
![Page 142: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/142.jpg)
Responsive design
![Page 143: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/143.jpg)
Egne mobilsider
![Page 144: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/144.jpg)
Apps
![Page 145: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/145.jpg)
• For transaksjonsorienterte oppgaver
• For oppgaver som gjentar seg
• For oppgaver der mobil/nettbrett er naturlig verktøy
Apps
![Page 146: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/146.jpg)
G. Eventuelle tekniske krav til drifting
• Planlegger du å drive websidene på din egen server? I
så fall må du si tydelig fra – det gir helt andre rammer for
prisingen.
• Ofte er en slik modell dyrere og dårligere – men det kan
hende du har sikkerhetsvurderinger som gjør det
nødvendig.
• Hvis du skal drifte selv, må du si hva slags servere og
driftsmiljø du har.
• Hvis du skal integrere med andre programmer, må du
oppgi navn, versjon etc.
![Page 147: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/147.jpg)
F. Eventuelle wireframes
• Hvis du alt har tegnet wireframes, så legg dem ved
kravspesifikasjonen. Det hjelper leverandøren å se hva
du har tenkt.
![Page 148: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/148.jpg)
H. Forventet antall admin-brukere
• Spesifiser gjerne litt rundt hvor mange admin-brukere du
ser for deg (2? 20? 200? 2000?).
• Si fra hvis du har behov for differensierte roller (standard
= journalist + redaktør + superadmin)
• Si fra hvis du trenger å kunne sette tilgang på enkelte
mapper eller seksjoner
• Si fra hvis du trenger å kunne definere privilegier fritt.
![Page 149: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/149.jpg)
For din egen del, inkluder også
• En indikasjon på ambisjonsnivå
• Need-to-have vs nice-to-have
• En buffer i tid og penger som ingen vet om
![Page 150: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/150.jpg)
Need-to-have vs nice-to-have
• Når det beste blir det godes fiende
• Når små detaljer fordobler kostnaden
• Når alle får lov til å ønske seg funksjonalitet fritt
• Vær tydelig på hva du absolutt MÅ ha, og hva du
eventuelt kan klare deg uten hvis det blir for dyrt eller for
komplisert.
• Lag eventuelt en førsteversjon og definer
”påpluggingsmoduler” etter hvert.
![Page 151: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/151.jpg)
Hva bør du forvente?
• At tilbudet ikke inneholder overføring av eksisterende
innhold
• At tilbudet ikke inneholder innlegging av nytt innhold
• At tilbudet ikke inkluderer design
• At tilbudet ikke inneholder mer enn én visningsmal (med
mindre du spesielt har bedt om det)
• At tilbudet ikke omfatter kostnaden fom år 2
• At tilbudet ikke er skrevet spesielt for deg
![Page 152: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/152.jpg)
Innkjøpsprosessen
A. Identifiser mulige leverandører
B. Send ut kravspesifikasjon
C.Motta tilbud
D.Sammenlign tilbud
E. Velg leverandør
F. Informér vinner og tapere
![Page 153: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/153.jpg)
![Page 154: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/154.jpg)
A. Identifiser mulige leverandører
• Ambisjonsnivå og budsjettrammer?
• Eksisterende rammeavtaler?
• Eksisterende kundeforhold?
• Foreliggende positive og negative erfaringer?
• Referanser?
![Page 155: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/155.jpg)
B. Send ut kravspesifikasjon
• Husk å sette en frist for anbud
• Vær forberedt på at noen ikke har tid og anledning til å
besvare
![Page 156: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/156.jpg)
C. Motta tilbud
• Sammenstill de innkomne tilbudene (vær forberedt på
noen korte og noen lange, noen trykte og noen
elektroniske, noen tilpassede og noen standard)
![Page 157: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/157.jpg)
D. Sammenlign tilbud
• Sett om en sammenligningsmatrise med utgangspunkt i
din kravspesifikasjon
• Beregn gjerne funksjonalitetspoeng
• Beregn gjerne kost per funksjonalitetspoeng
![Page 158: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/158.jpg)
Sammenligningsmatrise
![Page 159: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/159.jpg)
Sammenligningsmatrise med funksjonalitetspoeng
![Page 160: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/160.jpg)
Kost per funksjonalitetspoeng (KPF)
Pris
Antall funksjonalitetspoeng
= KPF
![Page 161: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/161.jpg)
Utdrag fra saksframlegg, tilbudsevaluering for kunde
![Page 162: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/162.jpg)
E. Velg leverandør
• Se på kostnad
• Se på kostnad per funksjonalitetspoeng
• Se på referanser
• Prøv løsningen! (”Hands-on brukervennlighet” er ikke
alltid lett å måle kvantifiserbart)
![Page 163: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/163.jpg)
F. Informer vinner og tapere
• Det er greit om også de som ikke vant anbudet får
beskjed om at leverandør er valgt.
![Page 164: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/164.jpg)
5. Implementering
• Migrering tar tid!
• Automatisk migrering er ofte ikke mulig
• Klipp-og-lim tar også mye tid og krefter
• Jobb utfra en informasjonseiermatrise, og involvér
informasjonseierne!
• Implementering er en god måte å bli kjent med CMS’et
på
• Benytt anledningen til å kvalitetssikre informasjon
• Husk opplæring!
![Page 165: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/165.jpg)
Informasjonseiermatrise
![Page 166: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/166.jpg)
6. Lansering
• Markér lanseringen
• Ære den som æres bør!
• Ha en fest
• Men ha gjerne en ”soft-launch” i forhold til ekstern
oppmerksomhet
![Page 167: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/167.jpg)
7. Vedlikehold • … og så var det alt det andre arbeidet …
![Page 168: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/168.jpg)
Oppsummering
• Kravspesifikasjon skal beskrive den løsningen du ønsker
deg
• ”Som man spør får man svar”
• Skill gjerne mellom need-to-have og nice-to-have
• Legg tid og arbeid i forberedelsene, så sparer du penger
senere
• Ta deg bryet med å teste en løsning før du kjøper
![Page 170: Kravspesifisering og innkjøp av ny web - Nina Furu · Jobber med webkommunikasjon og webstrategi ... Wordpress, Joomla, Drupal – gratis . Pris for CMS • Episerver, Sharepoint,](https://reader034.vdocuments.net/reader034/viewer/2022050718/5e16d4f863fcc47b4226bcf2/html5/thumbnails/170.jpg)
Lykke til, og takk for meg!
Nina Furu
www.webgruppen.no
Mobil 92208015