//emnesite - queer fællesskaber
På tema 3 handlede det om prototyping, design og konceptudvikling.
Mit site tager udgangspunkt i queer fællesskaber i Danmark, og skal informere unge queer personer og deres forældre, samtidig med at være et trygt og inkluderende rum. Jeg valgte dette emne fordi jeg er frivillig i AURA i Lgbt+ Danmark og
dermed har indsigt i, og adgang til, den målgruppe som sitet er tiltænkt.
Der er desværre en stor mistrivsel blandt lgbt+ personer i folkeskolen, så det er derfor et emne der ligger mig nært.
PROCES
//ideudvikling
På temaet arbejdede jeg meget med ide-udvikling, hvor jeg valgte at bruge metoden "crazy 8's". Jeg valgte denne metode, for at tvinge mig selv til at tænke hurtigt og ud af boksen. Her fandt jeg på flere elementer der senere blev til
centrale dele af mit site.
Blandt andet kom jeg frem til et klikbart Danmarks-kort. I forbindelse med det lavede vi heatmaps i klassen, hvor mange markerede især den del af mit site.
//fra grafik til kode
Da jeg havde sat mit design op i Figma, skulle jeg nu implementere mit meget bløde design i kodning. Jeg valgte at opdele mine baggrunde til et "background-image", jeg kunne bruge i header, main og footer.
På den måde
overførte jeg mit design, så det passede til kodens semantik.
//figma og github
Tryk for at se min proces i Figma og GitHub.
NY VIDEN
//figma prototype og tænke højt test
I Figma lærte jeg at lave hi-fi wireframes af mit site inden jeg begyndte at kode.
Dem brugte jeg derefter til at skabe en interaktiv prototype, som jeg testede med tænke-højt-test. Her havde jeg en række brugerrejser,
relevante for min målgruppe, som min test-person skulle følge.
Fx skulle de finde en beskrivelse af "transkønnet", som lå i en underside om labels. Testpersonen vidste ikke hvad labels betød i en queer kontekst og derfor
tilføjede jeg en beskrivelse, så teksten blev mere alsidig.
//lighthouse test
Jeg lærte også hvordan man laver en række forskellige tests af sit site, herunder likert, 5-second og lighthouse.
Likert og 5-second er begge bruger-tests og tester især brugervenligheden af ens site.
Lighthouse, som vist ovenfor, angiver hvor hurtig og tilgængelig siden er, samt om man bruger “best practice” i sin kode-opsætning. Efter jeg første gang kørte mit site igennem, optimerede jeg alle mine billeder og grafik til
webp-format, så mit site blev mere bæredygtigt.