UngFritid - Et alternativt Nettsidekonsept

Våren 2023, i faget IDG2200, Design og prototyping for digitale produkter, fikk vi oppdrag av UngFritid å komme med idéer til en forbedret nettside, da de følte nettsiden de hadde ikke var god nok. Dette var da et gruppeprosjekt, hvor det var et samarbeid mellom grafiske designere og interaksjonsdesignere. Vår gruppe på 4, 2 av hver, kom opp med dette konseptet.

Fase 1: Innsikt

I den første fasen av prosjektet, samlet vi inn innsikt til prosjektet. Det bestod for det meste av oss som gikk over den eksisterende siden, samtidig som vi testet den med andre folk, og hadde intervju med dem for å høre hva de syntes om siden som den var. Vi lagde også en strukturanalyse av siden (vist til høyre), som viste hvor rotete bare strukturen på siden var.

Fase 2: Definering

Under neste fase jobbet vi med å definere problemet vi skulle løse. Vi identifiserte flere problemer med den eksisterende nettsiden under innsikts-fasen, blant annet at strukturen til siden var rotete, og at fargene var kjedelige, i følge bruker-testene vi gjennomførte.

Fase 3: Utvikling

Under utviklings-fasen begynte vi å lage Low-fi og Mid-fi prototyper av komponenter, både for mobil og for desktop. Disse ble lagd for å se hva som funket og ikke funket, før vi begynte på mer detaljerte prototyper. Til høyre ser du flere av Mid-fi prototypene til mobil-versjonen av nettsiden

Fase 4: Ferdigstilling

I den siste fasen lagde vi Hi-fi komponenter (vist til høyre) som skulle brukes på alle sidene av nettsiden. Her la vi inn den endelige farge-paletten, de endelige mønstrene og designet på hvert komponent. Videre satt vi alt sammen til en prototype, både for mobil og desktop.

Det endelige produktet

Slik ble det endelige produktet. En mer leken fargepalett, enkel navigering, og generell brukervennlighet var det vi fokuserte på, og jeg er meget fornøyd med resultatet vårt.

Desktop:

Forside

Aktivitetsside (Øvre halvdel)

Aktivitetsside (Nedre halvdel)

Støtteordningside

Mobil:

Forside

Språkvalg

Filtersøk

Forside (Filtersøk)

Forside (Aktivitetsinfo)

Aktivitetsside