UngRedaksjon
Publiseringsplattform for klimaartikler tilpasset ungdom.
UX-design, Webutvikling
|
UngKlima, NTNU, FME NTRANS
Min rolle i UngKlima
UngRedaksjon er publiseringsplattformen til NTNU-redaksjonene UngEnergi og UngKlima. Målet med rekasjonene er å øke ungdommers engasjement og bevissthet rundt fornybar energi, bærekraft og klima. Jeg arbeidet for UngKlima fra oppstarten sommeren 2021 til november 2023. Mine oppgaver var design av nettside, utvikling (HTML, CSS, JS, PHP), grafisk design, videoproduksjon og å holde foredrag.
Kort om prosjektet
Hver redaksjon har en egen nettide for artikler, med hvert sitt publiseringssystem. Redaktørene var strengt tatt ansatt i én av redaksjonene, men arbeidet ofte på tvers av begge systemer. Dette gjorde at man måtte lære to verktøy, og konstant tittet på gamle guider. Kombiner dette med innføringen av tilgjengelighetserklæring, og et Wordpress-system med sviktende plugins, så hadde vi et behov for en felles publiseringsplatform som oppfylte krav til universell utforming.
Utgangspunkt
Ungklima.no
Lite innhold (kun artikler fra 2021-2023)
Egenskrevet kode i ren HTML, CSS, JS og PHP, med redigering og tekstpubliseringsverktøy
Få funksjoner i redigeringsverktøyet
Innebygget versjonskontroll
UngEnergi.no
Innhold fra 2013-2023
Bygget på Wordpress, utdaterte plugins og supplert med egenskrevet kode
Vanskelig for ansatte å redigere innhold
Manglet flere WCAG-krav
Mye funksjonalitet i redigeringen
Separat system for versjonskontroll
Brukere av offentlig side
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.
Andre
Finner sidene gjennom søk relatert til fornybar energi eller bærekraft. UngEnergi dukker f.eks opp som lenket side på SNL-artikler eller NDLA.no.
Kartlegging av innhold
Felles identitet
Felles grafikk
For å skape et felles uttrykk mellom sidene, og gjøre utvikling enklere valgte vi å kun skille sidene ved bruk av farge og illustrasjoner.
Felles struktur
Hovedsidene til begge redaksjoner består i hovedsak av tre "nivåer": Landingssiden, sider for de ulike temaene, og artikler.
Et grunnleggende designsystem
Etter å ha valgt overordnet stil for nettstedene, dannet vi oss et bilde av hvilke komponenter innholdet krevde for å implementeres. 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.
Ansattsiden
Tilpassing uten kode
Målet med redingeringsløsningen var å minimere behovet for fremtidig koding og separate verktøy. Vi valgte derfor å jobbe med å gjøre nettstedet tilpassbart fra adminpanelet.
