SlideShare a Scribd company logo
1 of 10
Redesign
Bedregymkarakter.no
Målgruppe
Lærere
• Fordelt på lærere fra 1-10 trinn og fra 11-13 trinn i skolen
Elever
• Elever fra 1-10 trinn og fra 11-13 trin i skolen
Foreldre
• Foreldre til elever fra 1-10 trinn og 11-13 trinn
Elementer fra gammel til ny side
Undersøkelse blant gym lærere og
elever:
▪ Gammeldags
▪ Det bør kanskje være et bedre skille
mellom elev/lærer
▪ Kanskje litt for mye tekst
▪ Vær forsiktig med for mye «klikking»,
det kan resultere i at man gjemmer
bort ting. Man orker ikke å klikke og
klikke og klikke..
Ny side:
▪ Friskere design
▪ Lage naturlig skille mellom
elev/lærer vha menyer
▪ Dele opp teksten
▪ Ved å dele opp teksten blir det
mindre klikking/scrolling.
▪ Multimodale elementer – film,
animasjoner, bilder.
Multimodale tillegg
▪ Bilder ▪ Animasjoner Beskrivende film
Valg av design
▪ Beholde noe kjent – fargen rød fra overskrift og «slogan»
▪ Beholde et rent og enkelt design
▪ Bildekarusell på første siden og muligens på sidene med informasjon om forfatter
▪ Fast toppmeny for enkel navigering med mindre enn 7 valg og mulighet for drop-down
Dette bildet av Ukjent forfatter er lisensiert under CC BY-SA
Informasjonsarkitektur
 Søkbar tekst
 Nettsidekart
 «Breadcrumbs» som viser hvor du er på nettsidene til
enhver tid
 Favicon som viser hvor du er slik at du ikke navigerer
bort fra sidene
 Titler på faner i browser som viser hvor du er
Universell utforming
▪ Med universell utforming menes at det skal være mulig å lese og få med seg innhold
for alle.
▪ Sidene skal være intuitive og enkel i bruk.
▪ Innhold må være forståelig.
▪ For svaksynte kan man derfor ha en mulighet for å forstørre tekst, og få opplest teksten.
▪ For blinde en mulighet for beskrivelse av innhold
▪ For de med dysleksi bør det være mulighet for opplesing av tekst
Vedlikehold og drift
Eier av sidene får en egen pålogging med rettigheter
som forfatter, da får han egen editor med:
▪ Teksteditor med mulighet for å legge inn bilder og
film.
▪ Opplæring i form av instruksjonsfilm
▪ Opplæring i form av manual skreddersydd for disse
hjemmesidene
Administrator av sidene får pålogging til
administrasjons sidene og:
▪ Opplæring i form av instruksjonsfilm
▪ Opplæring i form av manual skreddersydd for
administrator
Tidsplan
Tidsplan satt opp i MS Project
Arbeidsfordeling
• Med tanke på at jeg jobber alene på dette prosjektet blir det slik at jeg
jobber hvert ledig øyeblikk. Jeg er i full jobb som lærer i
videregående skole på IKT servicefag.
• Får en mulighet i 3 uker nå som elevene mine er utplassert til å gjøre
en innsats videre.
• Det som gjenstår er redigering og utvikling av animasjoner tilpasset
kompetansemål. Her kan det være oppgaven blir delegert til egne
elever.
• Det må også filmes en del mer i forhold til kompetansemålene.

More Related Content

Similar to Redesign

Web 2 blogg i undervisning
Web 2   blogg i undervisningWeb 2   blogg i undervisning
Web 2 blogg i undervisning
Randi Veseth
 
Hvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skoleHvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skole
Ann Michaelsen
 
Hvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skoleHvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skole
Ann Michaelsen
 
Delingsstruktur itslearning - kurs Bømlo vgs.
Delingsstruktur itslearning - kurs Bømlo vgs.Delingsstruktur itslearning - kurs Bømlo vgs.
Delingsstruktur itslearning - kurs Bømlo vgs.
Christian Johnsen
 
Arbeidskrav 10 deletjenester
Arbeidskrav 10 deletjenesterArbeidskrav 10 deletjenester
Arbeidskrav 10 deletjenester
annegros
 
Gardermoen april 2012 klasseledelse
Gardermoen april 2012 klasseledelseGardermoen april 2012 klasseledelse
Gardermoen april 2012 klasseledelse
anngot
 
øVing 4 web 2 0
øVing 4 web 2 0øVing 4 web 2 0
øVing 4 web 2 0
gunlaugs
 
øVing 4 web 2 0
øVing 4 web 2 0øVing 4 web 2 0
øVing 4 web 2 0
gunlaugs
 

Similar to Redesign (20)

Web 2 blogg i undervisning
Web 2   blogg i undervisningWeb 2   blogg i undervisning
Web 2 blogg i undervisning
 
Hvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skoleHvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skole
 
Hvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skoleHvordan få til digital utvikling på egen skole
Hvordan få til digital utvikling på egen skole
 
Eksemplarisk bruk av PowerPoint - Trysil vgs april 2018
Eksemplarisk bruk av PowerPoint - Trysil vgs april 2018Eksemplarisk bruk av PowerPoint - Trysil vgs april 2018
Eksemplarisk bruk av PowerPoint - Trysil vgs april 2018
 
2014 11 brukerforum lage e_læring
2014 11 brukerforum  lage e_læring2014 11 brukerforum  lage e_læring
2014 11 brukerforum lage e_læring
 
Flipped classroom - hva vil studentene ha - trysil vgs
Flipped classroom -  hva vil studentene ha - trysil vgsFlipped classroom -  hva vil studentene ha - trysil vgs
Flipped classroom - hva vil studentene ha - trysil vgs
 
Web 2.0 og sway
Web 2.0 og swayWeb 2.0 og sway
Web 2.0 og sway
 
Flipped classroom hva vil studentene ha - nkul 2014
Flipped classroom   hva vil studentene ha - nkul 2014Flipped classroom   hva vil studentene ha - nkul 2014
Flipped classroom hva vil studentene ha - nkul 2014
 
Web 2.0 verktøyet Prezi
Web 2.0 verktøyet PreziWeb 2.0 verktøyet Prezi
Web 2.0 verktøyet Prezi
 
Bruk av Web 2.0 i undervisning
Bruk av Web 2.0 i undervisningBruk av Web 2.0 i undervisning
Bruk av Web 2.0 i undervisning
 
Flipped classroom hva vil studentene ha -
Flipped classroom   hva vil studentene ha - Flipped classroom   hva vil studentene ha -
Flipped classroom hva vil studentene ha -
 
Flex e campus-larer-som-tilrettelegger-bodo-mai-2012
Flex e campus-larer-som-tilrettelegger-bodo-mai-2012Flex e campus-larer-som-tilrettelegger-bodo-mai-2012
Flex e campus-larer-som-tilrettelegger-bodo-mai-2012
 
Delingsstruktur itslearning - kurs Bømlo vgs.
Delingsstruktur itslearning - kurs Bømlo vgs.Delingsstruktur itslearning - kurs Bømlo vgs.
Delingsstruktur itslearning - kurs Bømlo vgs.
 
Presentasjon Om Blogg For Pedagogikkseksjonen2
Presentasjon Om Blogg For Pedagogikkseksjonen2Presentasjon Om Blogg For Pedagogikkseksjonen2
Presentasjon Om Blogg For Pedagogikkseksjonen2
 
Arbeidskrav 10
Arbeidskrav 10Arbeidskrav 10
Arbeidskrav 10
 
Arbeidskrav 10 deletjenester
Arbeidskrav 10 deletjenesterArbeidskrav 10 deletjenester
Arbeidskrav 10 deletjenester
 
Gardermoen april 2012 klasseledelse
Gardermoen april 2012 klasseledelseGardermoen april 2012 klasseledelse
Gardermoen april 2012 klasseledelse
 
øVing 4 web 2 0
øVing 4 web 2 0øVing 4 web 2 0
øVing 4 web 2 0
 
øVing 4 web 2 0
øVing 4 web 2 0øVing 4 web 2 0
øVing 4 web 2 0
 
NLMvgs some-strategi
NLMvgs some-strategiNLMvgs some-strategi
NLMvgs some-strategi
 

Redesign

  • 2. Målgruppe Lærere • Fordelt på lærere fra 1-10 trinn og fra 11-13 trinn i skolen Elever • Elever fra 1-10 trinn og fra 11-13 trin i skolen Foreldre • Foreldre til elever fra 1-10 trinn og 11-13 trinn
  • 3. Elementer fra gammel til ny side Undersøkelse blant gym lærere og elever: ▪ Gammeldags ▪ Det bør kanskje være et bedre skille mellom elev/lærer ▪ Kanskje litt for mye tekst ▪ Vær forsiktig med for mye «klikking», det kan resultere i at man gjemmer bort ting. Man orker ikke å klikke og klikke og klikke.. Ny side: ▪ Friskere design ▪ Lage naturlig skille mellom elev/lærer vha menyer ▪ Dele opp teksten ▪ Ved å dele opp teksten blir det mindre klikking/scrolling. ▪ Multimodale elementer – film, animasjoner, bilder.
  • 4. Multimodale tillegg ▪ Bilder ▪ Animasjoner Beskrivende film
  • 5. Valg av design ▪ Beholde noe kjent – fargen rød fra overskrift og «slogan» ▪ Beholde et rent og enkelt design ▪ Bildekarusell på første siden og muligens på sidene med informasjon om forfatter ▪ Fast toppmeny for enkel navigering med mindre enn 7 valg og mulighet for drop-down Dette bildet av Ukjent forfatter er lisensiert under CC BY-SA Informasjonsarkitektur  Søkbar tekst  Nettsidekart  «Breadcrumbs» som viser hvor du er på nettsidene til enhver tid  Favicon som viser hvor du er slik at du ikke navigerer bort fra sidene  Titler på faner i browser som viser hvor du er
  • 6. Universell utforming ▪ Med universell utforming menes at det skal være mulig å lese og få med seg innhold for alle. ▪ Sidene skal være intuitive og enkel i bruk. ▪ Innhold må være forståelig. ▪ For svaksynte kan man derfor ha en mulighet for å forstørre tekst, og få opplest teksten. ▪ For blinde en mulighet for beskrivelse av innhold ▪ For de med dysleksi bør det være mulighet for opplesing av tekst
  • 7. Vedlikehold og drift Eier av sidene får en egen pålogging med rettigheter som forfatter, da får han egen editor med: ▪ Teksteditor med mulighet for å legge inn bilder og film. ▪ Opplæring i form av instruksjonsfilm ▪ Opplæring i form av manual skreddersydd for disse hjemmesidene Administrator av sidene får pålogging til administrasjons sidene og: ▪ Opplæring i form av instruksjonsfilm ▪ Opplæring i form av manual skreddersydd for administrator
  • 9. Tidsplan satt opp i MS Project
  • 10. Arbeidsfordeling • Med tanke på at jeg jobber alene på dette prosjektet blir det slik at jeg jobber hvert ledig øyeblikk. Jeg er i full jobb som lærer i videregående skole på IKT servicefag. • Får en mulighet i 3 uker nå som elevene mine er utplassert til å gjøre en innsats videre. • Det som gjenstår er redigering og utvikling av animasjoner tilpasset kompetansemål. Her kan det være oppgaven blir delegert til egne elever. • Det må også filmes en del mer i forhold til kompetansemålene.