UngRedaksjon
Designsystem
Adminside
Innsiktsarbeid
For ungenergi.no og ungklima.no kartla vi tre brukergrupper. For hver av dem fant vi gruppas vanligste inngang og mål på siden.
Elever
Får anbefalt siden fra lærer, eller finner den i søk. Leter gjerne etter spesifikt innhold, forklaringer eller kilder til oppgaver.
Lærere
Finner siden etter tips fra kollega, elev eller kommune. Leter bredere etter innhold til undervisning.
Trym Tilfeldig
Finner siden tilfeldig gjennom søk relatert til fornybar energi eller bærekraft. Feks: varmepumpe.
Innholdskartlegging
Av de tre brukrergruppene kom det fram at vi måtte åpne både for utforsking og målrettet søk.
Dette krevde en omstrukturering av innholdet. Sidene hadde artikler, videoer og undervisningsopplegg fra 2012-2023.
I begynnelsen sorterte vi innholdet slik det ble vist på nettsiden for å danne en oversikt over hva som måtte fjernes og revideres.
For å dele inn tekstene på en mer forståelig måte tok vi med et utvalg av titlene til Thora Storm VGS. Her fikk elever og lærere gruppere titlene på den måten de selv ville foretukket å lete etter dem. Dette ble utgangspunktet for de nye kategoriene senere brukt på hovedsiden.
Designsystem
Etter å ha kartlagt hvilket innhold vi ønsket å beholde på nettsidene, dannet vi oss et bilde av hvilke komponenter innholdet krevde.
Fra før hadde vi etablert en enkel grafisk profil med skrifter og farger. Vi tok derfor utgangpunkt i denne, og justerte fargene til å oppfylle nødvendige kontrastforhold.
For å skape et felles uttrykk mellom sidene, og gjøre utvikling enklere valgte vi å kun skille sidene ved bruk av farge og illustrasjoner.
Hovedside
Hierarkiet på hovedsiden tok utgangpunkt i lærerens behov for oversikt, og elevens behov for målrettet leting.
Wireframes
Hovedsidene til begge redaksjoner består i hovedsak av tre "nivåer": Landingssiden, sider for de ulike temaene, og artikler. I tillegg kommer sider for "om oss" og booking av foredrag.
For å gjøre det enkelt for gruppa utvikle siden, lagde vi en detaljert nok Figma-prototype til at vi kunne starte utvikling parallellt. Vi var likevel åpne for endringer dersom det viste seg å gjøre koden enklere.
Hensyn til enkel kode var spesielt viktig, da alt skulle skrives i standard HTML, CSS, JS og PHP. Vi trengte nemlig at en enkelt skal kunne forstå koden selv med begrenset kunnskap, siden redaksjonene utelukkende bestyr av VGS-elever og studenter i tidlig studieløp.
Ansattside
Tidligere ble UngEnergi drevet på Wordpress, men supplert med egen kode og plugins. Dette gjorde at det var lite til ingen dokumentasjon på løsningen.
UngKlima startet imidlertid smått arbeidet med å utvikle et eget publiseringsverktøy da redaksjonen ble opprettet i 2021. Dette ble nå grunnlaget for begge sidene. Dermed var ansattsidens struktur nokså fastsatt allerede.
Målet var dermed å gjøre løsningen intuitiv for resten av redaksjonen ved å skape et bedre visuelt hierarki, og tydeligere steg i tekstpubliseringen.
Den viktigete delen av ansattsiden er publiseringsverktøyet. Dette ble nå organisert i steg, med passende forklaringer.
Andre sider for organisering av kategorier og andre admin-handlinger ble også oppdatert med tydeligere skiller, ikoner og forklaringer.
