Design

I selve designprocessen opstod der et punkt, hvor jeg ikke dokumenterede min design research så grundigt, som jeg kunne have gjort. Det betyder, at da jeg gik rundt og spurgte, hvilke ord brugerne ville associere med mit style tile, manglede der tydelig dokumentation, som kunne underbygge og bekræfte mine designbeslutninger over for brugeren.

Process

Processen var relativt enkel, da det var det første tema, hvor vi reelt skulle levere et færdigt produkt. På dette tidspunkt var vi endnu ikke vant til at arbejde med en dybere designproces, som for eksempel at udvikle egne wireframes og layoutdiagrammer med udgangspunkt i en mere nuanceret brugerforståelse.Hvis opgaven skulle løses i dag, ville der være et markant større fokus på funktionalitet frem for passion, særligt hvis målgruppen defineres som IT-entusiaster.

Det endelige produkt

I forhold til farver, CTA-knapper og billedopsætning er der mangel på dynamik i sidens styling. Da farver og styling af elementer var nogle af de eneste parametre, jeg havde fuld kontrol over i opgaven, kunne samspillet mellem farverne være forbedret, ligesom kontrasterne for både CTA-knapper og de enkelte sektioner kunne have været tydeligere.Dog er teksten i main lysere end i body, hvilket skaber en vis visuel adskillelse mellem indhold og baggrund.

Design

I starten af min designproces kunne jeg have lavet mere research på, hvor mange der løber i Danmark, hvor mange der løber alene, og hvor mange der løber i klubber. Det ville have styrket mit argument for, hvorfor mit design er relevant. Derudover kunne min designproces også forbedres ved at indsamle fysisk feedback på funktioner og brugerrejser.

Process

Da jeg lavede min HiFi-prototype, sigtede jeg lidt for højt og havde ikke fuld forståelse for mange af de funktioner, jeg ønskede at implementere. Til min præsentation fik jeg feedback om netop dette: at jeg burde spørge mere erfarne personer om deres “best practices” og lære af dem i stedet for at starte helt fra bunden. Det ville have gjort processen både hurtigere og mere effektiv.

Det endelige produkt

Produktet blev godt modtaget, og jeg lærte en del af opgaven. Det var første gang, jeg brugte JavaScript, og det lykkedes som forventet. Selve siden ser dog måske ikke helt poleret ud og kan virke lidt tom, når man ser den i browseren. Det har lært mig vigtigheden af at arbejde med “100dvw” i CSS for at opdele forskellige sektioner – ikke kun i koden, men også mentalt for brugeren. Det her website du kigger på er et eksempel på det.

Design

Denne opgave gav mig en bedre grundforståelse for JavaScript. I forhold til designprocessen er jeg fremadrettet bedre forberedt, da jeg vil undgå unødigt komplekse vektorgrafikker i Illustrator, som kan være tidskrævende at arbejde med.Jeg er ikke tilfreds med det visuelle design af siden, da jeg ikke prioriterede denne del af opgaven. Et mere dynamisk og gennemtænkt design ville have understøttet alvoren i mit emergency-website bedre.

Process

Min JavaScript-kode kunne helt klart forbedres ved sparring med mere erfarne udviklere og ved at søge feedback fra mine klassekammerater. Som udgangspunkt fungerer min .js-fil logisk, men i takt med at jeg er blevet mere fortrolig med sproget, er det blevet tydeligt, at løsningen ikke følger best practice.

Det endelige produkt

Det endelige produkt vil jeg ikke betegne som et MVP, da der mangler både indhold og visuelt udtryk for at kunne give et retvisende feedback. Det fremstår som om, der har været for lidt tanke bag både design og indholdsopbygning.

Design

Vi startede ud med at fokusere på selve designdelen. Vi var hurtige til at komme frem til et design, som vi var glade for. Så hurtig at det gik op for os, at vi ikke havde baseret vores beslutninger på brugerbehov. Derfor blev vi nødt til at pivot og tænke om vores design igen. Vi fik lavet en likert test for vores style tiles og den eksisterende hjemmeside fra virksomheden, hvor vi dykkede ned i, hvad siden betød for brugeren. Derefter skabte vi en styletile der bedst passede til de resultater, ud fra de svar vi fik på vores spørgeskema.

Process

Vi kunne have forbedret vores projekt ved at definere og kontakte den rigtige målgruppe tidligt for bedre at forstå forældre, der booker holdsport til deres børn. Med denne målgruppe i tankerne valgte vi et inkluderende design med blå og røde farver og et enkelt interface, så det bliver hurtigt og overskueligt at bruge.

Vores research stødte på uventede udfordringer, fx manglende svar fra den frivillige forening og begrænset adgang til børnene, hvilket betød, at mange af vores antagelser blev baseret på professionelle gæt snarere end direkte input.

Gruppearbejdet kunne have været bedre organiseret. Manglende rollefordeling og kommunikation betød, at vi ofte arbejdede parallelt med de samme opgaver. Med tydelige roller, deadlines og et fælles workflow, fx via Trello, kunne processen have været mere effektiv og struktureret.

Det endelige produkt

Selvom det endelige produkt fungerer, har processen vist os vigtigheden af tidlig research, klar rollefordeling, struktur i kodning og konsistent design for at skabe et brugervenligt og overskueligt website.

At arbejde med et stort opgavesæt sammen med nye folk lærer dig hurtigt om gruppedynamik og samarbejde. Til designprocessen fungerer det bedst at arbejde struktureret og tage skridt ad gangen, så brugerindsigt, virksomhedsbehov og tests kan integreres løbende. Målgrupperesearch kunne forbedres med konkrete eksempler, fx korte interviews med formanden, så man tydeligt ved, hvem der er størst målgruppe og hvordan brugere tilgår tilbuddet. Kodningen ville have været nemmere med klar struktur og rollefordeling, hvilket også ville reducere commit-fejl og sikre ensartede CSS-komponenter. Gruppearbejde forbedres gennem tydelig rollefordeling og god kommunikation, både digitalt og internt, samt forventningsafstemning tidligt i processen for at sikre, at projektet følger en rød tråd.