Procesportfolio
Vi startede projektet med at få præsenteret de to virksomheder, vi kunne samarbejde med, og vores gruppe fik Grocott Fysioterapi. Efter kick-off og introduktion satte vi os sammen og udarbejdede en gruppekontrakt.
Samtidig opsatte vi et Scrum Board, som vi brugte til at strukturere vores arbejde. Herefter gik vi i gang med sprint 0, som fokuserede på setup og foranalyse.
I denne fase udarbejdede vi en interessentanalyse, en risikoanalyse og en projektplan. Interessentanalysen hjalp os med at identificere relevante interessenter og forstå deres behov og forventninger til projektet.
Risikoanalysen gjorde os opmærksomme på mulige udfordringer, som vi kunne tage højde for tidligt i processen. Projektplanen gav os overblik over tidsrammen og hjalp med at fordele opgaverne, så vi kunne arbejde struktureret og effektivt.
Sprint 1:
Den 28. april besøgte vi Grocotts klinik i Langskov, hvor vi mødte Nikolai. Han præsenterede sig selv og klinikken, og vi fik mulighed for at stille relevante spørgsmål, som gav os en bedre forståelse af virksomheden og dens behov.
Herefter påbegyndte vi sprint 1 med fokus på research. Vi blev enige om at teste den eksisterende hjemmeside som noget af det første. I den forbindelse udarbejdede vi en testplan, et testscript og en interviewguide. Jeg havde ansvar for at opstille et spørgeskema, der undersøgte generelle brugerpræferencer inden for UI/UX og design af sundhedsfaglige websites, som vi efterfølgende sendte ud til vores målgruppe.
Efterfølgende opsamlede vi vores data fra brugertests og transskriberede vores interviews. Vi analyserede materialet og samlede både positive og negative observationer fra brugerne. Jeg arbejdede med at trække data ud fra spørgeskemaet og identificere mønstre i besvarelserne.
På baggrund af vores samlede research begyndte vi gradvist på idéudvikling til en ny brugergrænseflade.
Ud fra vores problemstilling og de udfordringer, som klienten stod med, kom vi frem til, at løsningen skulle fokusere på et redesign af forsiden, en ny side med oversigt over behandlinger samt en forbedret bookingside.
Jeg gik i gang med at udvikle wireframes og efterfølgende mockups, samtidig med at vi begyndte idéudvikling på SoMe-indhold samt en indholdsstrategi.
Da vi nåede til midtvejspitchen, oplevede vi en udfordring i forhold til at have nok færdigt materiale at præsentere, da vores pitch lå relativt tidligt i processen. På trods af det gik præsentationen rigtig godt. Klienten gav positiv feedback og udtrykte, at de kunne genkende sig selv i vores forslag og den retning, vi arbejdede i. Det var meget vigtigt for os, da det bekræftede, at vi var på rette vej med vores løsning.
Vi begyndte at fordele arbejdet mere mellem os, så Ela arbejdede med content-idéer og begyndte at designe i Figma, mens Lærke færdiggjorde indholdsstrategien. Jeg begyndte samtidig på kodningen. Selvom vi havde hver vores primære ansvarsområde, var vi løbende i dialog med hinanden, så vi kunne give input og blive enige om retningen på tværs af arbejdet.
Inden vi gik i gang med redesign, arbejdede vi med at identificere konkrete forbedringsområder ud fra vores brugertests og spørgeskema.
Her blev følgende centrale udfordringer tydelige:
Derudover viste spørgeskemaet, at brugerne i høj grad vægter en enkel og overskuelig brugeroplevelse, hvor især online booking er en central funktion. Disse indsigter dannede grundlag for vores redesign og de valg, vi traf i udviklingen af den nye løsning.
Jeg har primært arbejdet med design og kodning i projektet. Jeg startede med at opbygge en klar struktur i koden ved at organisere mapper og filer samt opstille ensartede padding- og spacing-regler på tværs af siderne. Dette var med til at skabe en konsistent og overskuelig opbygning.
I designprocessen har jeg arbejdet med centrale GUI-principper, herunder konsistens, hierarki og brugervenlighed. Jeg har haft fokus på at skabe en intuitiv navigation, så brugerne nemt kan finde rundt på siden, samt at sikre en visuel sammenhæng gennem ensartede farver, typografi og layout.
Derudover har jeg brugt vores data fra brugertests og spørgeskemaer i designet, blandt andet ved at reducere tekstmængden, skabe en tydeligere struktur på behandlingssiderne, gøre priser og information mere gennemsigtige samt optimere bookingflowet, så det bliver mere simpelt og brugervenligt.
Jeg begyndte sideløbende at opbygge vores designsystem, hvor jeg løbende kunne tilføje og justere elementer undervejs i processen. Dette gjorde det nemmere at sikre konsistens i både design og kode samt at arbejde mere effektivt.
Vi har arbejdet med at udvikle SoMe-indhold, der afspejler Grocotts faglighed og personlige tilgang. Indholdet består blandt andet af øvelsesvideoer, korte forklaringer på skader og smerter, samt cases og små fortællinger, der skaber genkendelighed hos målgruppen. Derudover har vi haft fokus på at holde indholdet simpelt, visuelt roligt og let at forstå, så det giver hurtig værdi for brugerne.
Vores arbejde tog også udgangspunkt i en content bank, som gør det muligt at producere indhold fleksibelt og tilpasse det til forskellige niveauer af tid og energi.
Vi nåede frem til at teste vores prototype, hvor vi brugte både think aloud og desirability. Jeg brugte data fra brugertesten til at tilpasse prototypen endnu en gang. Undervejs havde vi filmet klips til vores dokumentationsvideo, men vi havde lidt svært ved at finde ud af, hvilken retning vi skulle gå i. Lærke gik derfor i gang med at klippe videoen, og Ela begyndte at sætte klientrapporten op.
Jeg blev færdig med designsystemet, og vi fik sammen snakket om, hvilken JavaScript-koden vi hver især skulle lave, og fik kodet dette og filmet hver vores video til.
Til sidst fik vi samlet alt vores arbejde, filer og dokumentation og fik styr på vores Figma-filer. Jeg lavede afleveringsdokumentet og rettede problemstillingen til, så den passede til de udfordringer, vi især har haft fokus på i vores løsning. Så var vi endelig klar til at aflevere.
Især arbejdet med research og brugertest har været vigtigt, da det gjorde det tydeligt, hvor stor forskel det gør at tage udgangspunkt i reelle brugerbehov frem for egne antagelser. Jeg oplevede, at vores data gav en klar retning for redesignet, og at det gjorde vores valg mere fagligt begrundede.
Jeg er blevet bedre inden for design og kodning. At arbejde med både wireframes, mockups og det færdige produkt i kode har givet mig en bedre forståelse for sammenhængen mellem design og funktionalitet. Derudover har jeg lært, hvor vigtigt det er at arbejde med konsistens gennem fx et designsystem og en struktureret opbygning af koden. Jeg har blandt andet arbejdet med fast margin på sektioner og ensartet padding ved hjælp af 8-point systemet, hvilket gør både design og udvikling nemmere og mere overskueligt.
Noget jeg også har taget med mig, er hvor vigtigt samarbejde er i et projekt. Selvom vi havde hver vores ansvarsområder, var det rart, at vi hele tiden sparrede med hinanden og gav feedback undervejs.
Jeg synes også, det var en udfordring, at nogle dele af projektet lå tidligt i processen, som fx midtvejspitchen, hvor vi ikke følte, vi havde så meget færdigt. Men det lærte mig, at det vigtigste ikke nødvendigvis er at have et færdigt produkt, men at kunne forklare sin proces og sine valg.