Projekt 4: Brugergrænseflader og digitalt indhold
I projekt 4 fik vi til opgave at udvikle et digitalt koncept for en selvvalgt organisation med fokus på at skabe værdi for en specifik målgruppe.
Vores gruppe valgte at arbejde med SIND – en NGO, der arbejder med psykisk sårbarhed – med særligt fokus på at engagere unge i frivilligt arbejde.
Vi blev inddelt i tilfældige grupper á fire personer, og projektet var bygget op omkring en agil arbejdsproces med sprints, hvor vi selv skulle strukturere og planlægge forløbet.
Vores endelige aflevering bestod af:
- En interaktiv online prototype.
- En klientrapport
- En proces- og dokumentationsvideo
- En midtvejspitch og en afsluttende præsentation.
- Et designsystem i Figma
- 3 SoMe produktioner
Undervejs i processen arbejdede vi også med at:
- At afdække en problemstilling med udgangspunkt i SINDs manglende engagement hos unge
- At formulere og udvikle et digitalt koncept, der kunne øge interessen for frivilligt arbejde
- Research i målgruppen gennem netnografi og analyse af eksisterende kommunikation
- Udarbejdelse af personaer, user journeys og user goals
- Udvikling af wireframes og mockups
- Test af vores løsninger gennem brugertests og card sorting
Har du lyst til at afprøve vores Figma prototype? Så har du mulighed for det her!
Kick-off og projektopstart
I projekt 4 arbejdede jeg i en gruppe sammen med Sara, Carl Emil og Lærke.
Det var første gang siden Projekt 1, at grupperne blev sammensat uden, at vi selv kunne vælge, hvilket gjorde projektet til en realistisk øvelse i samarbejde og arbejdsproces.
Allerede fra starten havde vi fokus på at skabe struktur.
Vi oprettede Scrum-board, fordelte roller og lavede en plan for hele forløbet.
https://trello.com/b/9Vx6SK6I/projekt-4-scrum-board
Da kickoff faldt sammen med en operation for Lærke, blev der forberedt ekstra grundigt på forhånd, så vi stadig kunne få en god start som gruppe.
Vi valgte at arbejde med SIND, en NGO der arbejder med psykisk sårbarhed.
Valget kom naturligt, fordi vi alle fandt deres arbejde meningsfuldt – men også fordi vi kunne se et klart problem: deres kommunikation ramte ikke de unge særligt godt.
Det gav os en tydelig retning og motivation fra start.
Vi fik udarbejdet gruppekontrakt, interessantanalyse, RACI og risikoanalyse i sprint 0.
Research og indsigt
I sprint 1 arbejdede vi med at forstå målgruppen og organisationen. Vi lavede netnografisk research, analyserede SINDs eksisterende content og undersøgte unges digitale vaner.
Vi fandt hurtigt frem til, at unge har brug for en tryg og overskuelig onboarding, når de skal engagere sig i frivilligt arbejde. Det skal være nemt at gå til, og man må ikke blive mødt af for meget information på én gang.
På baggrund af vores research udviklede vi personaer, user journeys og user goals. Det var her, vores koncept begyndte at tage form: en digital løsning, der gør det lettere for unge at blive frivillige gennem inspiration, overblik og små interaktive elementer som en quiz.
Sprint 2
I det næste sprint gik vi fra idé til konkrete løsninger.
Vi arbejdede med wireframes, tone of voice, indholdsstrategi og designsystem.
Jeg påbegyndte et arbejde med at undersøge designsystem sideløbende med vi i fællesskab fik produceret wireframes, tone of voice og indholdsstrategi.
Samtidig begyndte vi at samle vores idéer til én samlet løsning: en onboarding-side, hvor unge kan få indsigt i frivilligt arbejde, møde personlige historier og finde deres egen indgang til at engagere sig.
Vi testede vores løsninger løbende – blandt andet gennem card sorting, hvor vi fik værdifuld feedback på struktur og indhold.
Det resulterede i konkrete ændringer, som gjorde løsningen mere intuitiv, fx ændringer i FAQ, tilføjelse af quiz i hero-sektionen og tydeligere navigation.
Sprintet var relativt kort, men effektivt, og vi kunne hurtigt gå videre med research og idéudvikling.
En vigtig del af sprintet var idegenerering. Vi arbejdede med flere forskellige konceptidéer og begyndte at udvælge de elementer, der gav mest mening. I stedet for at vælge én idé direkte, valgte vi at kombinere det bedste fra flere forslag, hvilket gav os en mere nuanceret retning.
Generalforsamling
Vi var så heldige at vi blev inviteret til en generalforsamling hos SIND, som vi deltog i ved deres lokal afdeling i Odnese.
Her præsenterede vi vores idéer og fik mulighed for at stille spørgsmål direkte til organisationen.
Det gav os et mere nuanceret billede af deres hverdag – blandt andet at de har begrænsede ressourcer, og at rekruttering af unge ikke er en prioritet i alle afdelinger.
Det gjorde vores løsning endnu mere relevant og gav os en større forståelse for, hvordan design skal tilpasses virkeligheden.
Jeg ved dog ikke hvor relevant og hvor meget vi fik ud af at dukke op til generalforsamlingen i forhold til projektet kontra hvor meget forberedelse det krævede, men vi hyggede os og fik en god indsigt i SIND som organisation.
Dagen efter havde vi midtvejspitch, hvor det gik rigtig godt.
Vi fik ikke særlig meget feedback, så vi gik ud fra at vi var på rette vej.
Sprint 3: Koncept og designfundament
I det her sprint begyndte vi at arbejde på vores mockup, udvælge JavaScript kodestykker, og definere vores målgruppe yderligere samt styletile.
Jeg begyndte at arbejde på designsystemet, og undervejs har jeg lært at arbejde med autolayout og variabler i Figma (tror jeg?)
Jeg følte hvertfald at jeg har lært en ny side af Figma efter dette projekt, og jeg glæder mig allerede til at afprøve mine nye evner på et friskt lærred!
En vigtig læring i dette sprint var, hvor hurtigt arbejdet kan blive uoverskueligt, når alle arbejder selvstændigt indenfor forskellige områder.
Derfor besluttede vi at blive bedre til at kommunikere løbende – blandt andet gennem små statusopdateringer, så alle kunne følge med i, hvad der blev lavet.
Sprint 5
I sprint 5 begyndte vi at kode vores løsning. Her arbejdede vi med blandt andet burgermenu, billeder, komponenter og arbejdede videre med designsystem.
Sara og Carl Emil stod primært for kode delen, mens Lærke og jeg sørgede for SoMe content.
Jeg endte med at hjælpe en del mere til med koden end først forventet, hvilket jeg havde det rigtig fint med.
Jeg brugte også tid på animation og video, hvor jeg arbejdede i After Effects og Premiere Pro.
Mit arbejde i SoMe delen bestod af en animationsvideo til instagram, som skulle ligne en reklame.
Jeg startede med at udarbejde et storyboard og derefter gik jeg hurtigt igang med at arbejde i AfterEffects. Animationen fik ikke helt den ønskede stemning, som jeg håbede. Jeg synes den virker mere rolig og lidt “kedelig”, end jeg håbede på. Det som jeg havde håbet på var noget spændende og noget der fangede ens opmærksomhed.
Men jeg er stolt af det arbejde, som jeg lavede på trods af det.
Samtidig arbejdede vi i Figma med at gøre vores prototype klikbar og sikre sammenhæng mellem design og kode og muligheden for at brugerteste vores mockup.
Der opstod en del udfordringer undervejs – især med struktur i koden, herunder mange forskellige CTA knappe classes og forskellige farvestyling. Men jeg føler også at vi alle sammen har udviklet os meget på det her punkt.
Vi fik startet på at udarbejde klientrapport også i dette sprint.
Sidst men ikke mindst havde vi torsdag d 19/3 booket medialab, hvor vi havde en rigtig sjov dag sammen. Vi fik optaget klip til vores dokumentarvideo.
Sprint 6
Jeg fik produceret min javascript kode video. Det var virkelig et stressende øjeblik for mig fordi jeg havde så meget om ørerne på daværende tidspunkt. Men da den var optaget og klippet, var det som om jeg kunne ånde lettet op og se enden af projektet.
Den sidste uge var ret intens. Vi arbejdede på at få styr på kode, videoer, prototype, designsystem og dokumentation.
Vi mødtes både online og fysisk for at samle de sidste løse tråde, validere vores kode og sikre, at alt hang sammen.
Det var en klassisk slutspurt med mange detaljer og en masse stress selvom vi var i god tid – men det var også en fed følelse af at se det hele falde på plads.
Til sidst kunne vi sige:
Vi var klar til at aflevere!
Det endelige resultat blev en digital onboarding-løsning til SIND, målrettet unge, hvor fokus er på at gøre det nemt og trygt at blive frivillig.
Løsningen kombinerer information, personlige historier og interaktive elementer som en quiz, der guider brugeren til den rette type frivilligt arbejde.
Vi arbejdede med både videoproduktion, UX, UI og indhold for at skabe en sammenhængende oplevelse på tværs af platforme.
Her er vores procesvideo!
Refleksion
Selvom vi arbejdede meget selvstændigt, havde vi en stærk fælles struktur gennem hele projektet.
Og hold nu kæft, hvor har vi alle sammen givet den max gas i vores gruppe den her gang!
Jeg er virkelig stolt af hvad vi har lavet, på trods af jeg kan se mange fejl i design og struktur (specielt i figma, koden og videoerne). Men det vigtigste er at vi har begået de fejl nu, og ikke til eksamen!
Vi brugte Scrum aktivt hele vejen igennem, holdt sprint reviews efter hvert sprint og blev undervejs bedre til at kommunikere vores arbejde til hinanden.
En vigtig læring var behovet for løbende opdateringer, og derfor blev vi bedre og bedre til at bruge daily scrum-meetings, som i vores tilfælde foregik over en chat dedikeret til det på vores discord kanal. Det gav os et bedre overblik og gjorde samarbejdet mere overskueligt.
Projekt 4 har været en lærerig proces, hvor jeg virkelig har udviklet mig fagligt og personligt. Jeg har fået en bedre forståelse for Figma, autolayout, InDesign, Javascript – og ikke mindst hvordan man arbejder i en helt ny gruppe med forskellige kompetencer og arbejdsmetoder. Jeg oplevede også, at vi som gruppe blev stærkere undervejs, både i vores samarbejde og i vores evne til at træffe beslutninger.
Jeg har godt kunne fornemme at vi har været en gruppe, hvor der har været 4 meget stærke holdninger om mange ting samt en kæmpe potion engagement og passion!
Vi har alle sammen skulle lære at give plads til hinanden og acceptere at der er mere end en måde at gøre tingene på!
Det her projekt har også været en øvelse i at balancere mange bolde i luften, da det har været et stort projekt, på samme tid med at Sara og jeg er begyndt at arbejde for HK med arrangementer målrettet studerende på vores uddannelse og så har vi også påbegyndt et samarbejde med Word festival som en forsættelse af projekt 2!
Lidt ekstra procesbilleder!
