Hvis jeg skulle beskrive kort eksamensprojektet, så har det været en “blessing in disguise”. Jeg har virkelig lært meget ift. studiet og mig selv, men det har ikke været lige til, at se gennem processen.
Før projektet
Fredag d. 25. november – torsdag d. 1. december
Planlægning af projektet
Jeg er startede på P3, lidt på forhånd, da vi har fik at vide at vi ville få travlt. Da jeg synes det var svært at strukturere sidste projekt (P2), gik jeg derfor gået i gang i god tid, ved at lave et forberedende et skema, kalender og en plan. Kalenderen hjælpe mig med, at give mig et overblik over hele eksamensperioden. Pointen med skemaet var, at kunne se min daglige kalender, samt dagens plan.
Starten på designudvikling
En anden grund til, at jeg startede i god tid, var at jeg ville have god tid til, at udvikle mit design. Jeg kan nemlig godt lide at bruge lang tid, på mit design, og derfor tænkte jeg, at jeg ville give mig selv god tid til det.
Det første jeg gjorde, var at gøre mig nogle tanker om, hvad formålet med opgaven var. Jeg havde fået afsløret hvad opgaven bestod af, og derfor havde jeg allerede en god ide om, hvad jeg skulle kigge på. Min foreløbige målgruppe hed sig: UI/UX-designer og softwareudvikling.
Herefter, gik jeg i gang med Visual Research, for at finde ud af hvordan jeg vil lave mit design. Jeg kom frem til, at jeg gerne vil have en glas-lign effekt med (glasmorphism), og undersøgte om det kunne lade sig gøre i forhold til CSS. Jeg sprang dog videre til æstetikken, hvor jeg allerede havde besluttet at jeg vil have en lyserød baggrund.
Som jeg gør tingene bedst, så startede jeg lidt omvendt, med at gå ind i XD, og eksperimentere med farver og udtryk:
Jeg kiggede på forskellige farvekombinationer, ift. nogle af de begreber vi har lært, i undervisningen om farveteori. Jeg måtte hurtig erkende at en grøn, støvet farve, ikke virkede – hvilket jeg var ked af, da jeg synes den er flot. Men jeg kunne også se, at den mørkeblå farve jeg valgte, gav en meget tydeligere kontrast. Og hvad jeg opdagede bagefter, var at det passede med et triadic farveskema:
Det næste jeg vil teste, det var den her glaseffekt. Jeg prøvede derfor effekten af i XD, vha. en blomsterbaggrund, jeg selv havde illustretet.
Herunder, kan de forskellige eksperimenter ses:
Så var spørgsmålet bare, hvor skulle jeg bruge denne effekt. Og det var her, at jeg fandt på at min header, godt kunne være gennemsigtig:
Forsøget på kodningen
Da jeg hele tiden har tænkt, at jeg skulle kunne kode det i min HTML, ville jeg derfor teste om jeg kunne lave mit design i koden. Jeg kunne allerede godt se, at det måske ikke ville være så nemt, at implementere mit glaseffekt-design. Derfor, lavede jeg to versioner i XD, som jeg kunne prøve at kode efter:
Hvis glaseffekten ikke duede, så havde jeg mit simple design. Men jeg ønskede også at udfordre mig selv, ved at se, om jeg KUNNE lave det med glas. Jeg forsøgte at starte på begge to:
Jeg kunne dog godt se, at det måske var for svært for mig. Derfor, fortsatte jeg med at kode efter det simple design. Jeg brugte resten af dagen (og natten), for at forsøge at få min HTML til ligne:
Og hvor var det virkelig godt, at jeg startede med kodningen – for jeg lærte virkelig meget, bare den dag. Som supplement til det vi havde lært i undervisningen, lavede jeg har også en masse research.
Jeg brugte tiden, indtil kick-off, på at eksperimentere med min HTML. Bl. a. kiggede jeg på hvordan jeg kunne lave headeren glasagtig, og eksperimenteret med looket ift. min bølge. I første forsøg, lykkedes det mig ikke rigtigt at få hverken blur, eller størrelse til at passe:
Jeg fik størrelsen til at passe, men jeg kunne ikke finde du af at få blur-effekten til at fungere, kun på min header-bølge. På dette tidspunkt, havde jeg ikke forståelse for, hvordan baggrundseffekter påvirker et element i HTML’en. Jeg kunne på daværende tidspunkt, ikke forstå hvorfor den lavede filter på det hele, når jeg synes, at havde bedt den om kun at skulle lave det på min bølge:
Da måtte jeg lige lave noget research på, hvordan jeg kunne løse det. Her fandt jeg frem til, at jeg kunne klippe baggrunden uden med clipPath, og bruge en SVG-fil som skabelon. Dette har jeg gjort ved at, sætte SVG-koden skjult ind nederst i HTML-filen, og i CSS’en, har jeg under headeren, lavet en clipPath, med reference til SVG-koden. Det kom til at se ud således:
Jeg er ikke sikker på, at jeg havde fået denne læring, hvis ikke jeg var begyndt i god tid. Min nye viden fandt jeg også ud af senere hen, var god at have ift. til den undervisning vi fik i HTML om flexbox. Det skabte bedre forståelse, og jeg fik dermed mere ud af undervisningen – hvilket jeg er super glad for!
Forbedret logo
Dagen før kick-off, havde vi en workshop i CSS animation. Dette gjorde bl. a. at jeg fik forbedret mit logo, som jeg dermed kunne bruge på min hjemmeside:
Her ses alle tre versioner af logoet
Min idé var, at jeg ville bruge denne CSS animation som hovereffekt, og bien ville skifte farve, når man føre musen over logoet. Desværre, blev resultatet ikke som jeg havde håbet, så jeg droppede det igen.
Selve projektet
Fredag d. 2. december – fredag d. 23.december
Forberedelse til Silent Feedback
Min plan og kalender, havde gjort mig klar til kickoff, og jeg kom hurtigt fra start. Jeg kunne meget hurtigt lave fx en analyse af min målgruppe, og fandt også hurtigt på konceptet til silent feedback.
Jeg havde taget en brugertest med, i form af en A/B-testing, ift. om min skrift skulle være grøn eller blå:
Egentlig, havde jeg allerede lidt besluttet mig for, at jeg ville gå med den blå. Forinden, havde jeg testet kontrasten på mine style tiles, ved at gøre begge versioner sort/hvid. Her kunne jeg tydeligt, se at jeg nok måtte vinke farvel til den grønne skrift:
Dette kunne jeg også se på min feedback, at andre var enige i:
Det kan måske virke mærkeligt, at jeg tog A/B-testen med, selvom jeg var forholdsvis sikker på mit valg af farve. Men jeg havde brug for at helt endegyldigt at beslutte mig, da jeg igennem hele processen, har jeg haft svært ved at vurdere om jeg skulle vælge det ene eller det andet. Derfor havde jeg brug for andres øjne, til at vurdere hvad de synes og hvorfor. Og så var det også nemmere at vælge, når der var et flertal der syntes at jeg skulle vælge det samme.
Manglende overblik
Efter Silent Feedback, begynder jeg så småt at miste overblikket over processen. Jeg har allerede arbejdet nogle uger på det, og jeg burde nok have taget en pause. Men fordi jeg stresser over deadlinen, fortsætter jeg. I et forsøg på at få overblik, og efter at have fået forklaret SCRUM, revurdere jeg her min proces. Jeg laver min plan om, så den følger SCRUMs begreber, og laver derudover en Trello (denne fik jeg desværre ikke screenshot af):
Samtidig, har jeg en masse noter jeg skal have kigget på, fx links jeg vil læse, som er et rod. Dette har jeg brug for at organisere, før jeg kan fortsætte.
Alt går galt
Derudover, kommer jeg til at have meget fokus på at lave min kode responsive, samt at få min header til være responsive. Jeg opdager, at den måde jeg havde tænkt headeren skulle fungere på, gør at tekst er svær at se, derfor gør jeg den smallere – for smal, godt nok:
Derefter, kommer jeg frem til, at jeg simpelthen laver bølgen som en baggrund i stedet, og laver mock-ups af min hjemmeside:
Det begynder jeg at kode, men når ikke så langt, og mine to sidste versioner af HTML’en, ser ud således:
Jeg opdager for sent, hvor meget jeg mangler – især det akademiske. Jeg var til noget vejledning, hvor jeg får at vide at det sted jeg er i processen, er bekymrende. Jeg ved rationelt godt på dette tidspunkt, at det ikke er godt, men jeg har det med, at lyve lidt for mig selv, om at kunne nå det.
Det at jeg er bagud, gør at jeg kun lige akkurat, aflevere opgaven på minuttet. Jeg har allerede på dette tidspunkt, en mavefornemmelse om, at jeg har dumpet. I panik, prøver jeg at redde det, der ved at lægge min selvrefleksion op på mit procesportfolie, i håbet om at det går (endnu en løgn, jeg fortæller mig selv). Men jeg ved godt det ikke er godt, og jeg frygter for eksamen over juleferien.
Refleksion
Alt i alt, har processen i mit eksamensprojekt ikke været særlig god. Jeg kan nu se, at jeg prøvet at overkompensere for det der gik galt i P2, ved at starte tidligt på dette projekt. Men jeg spekulerer på, om det har været med til at gøre det værre.
Fordi jeg haft mere tid, har jeg også haft mere tid til at gøre mit design mere perfekt, efter mine meget høje standarder. Jo mere perfekt med er, jo højere forventninger har jeg til mig selv ift. koden, og at det, i mit hoved, skal ligne perfekt én til én. Samtidig, så har jeg knap nok holdt pause mellem P2 og P3, da der var kort tid mellem de to projekter. Fordi jeg gerne ville i gang i så god tid som muligt, nåede jeg ikke rigtig at få ro i mit hoved inden eksamensprojektet begyndte. Det har resulteret i, at jeg i mange måneder har kørt hårdt på, og dette har kun gjort det sværere for mig.
Men der er dog kommet en god ting ud af det, og det er at jeg er blevet bevidst på, at min udfordring med struktur, er større end som så. Jeg ved derfor også nu, hvorfor det gik galt i P2. Egentlig vidste jeg godt, at struktur ikke var min stærkeste side, og umiddelbart kan jeg også godt finde ud af at planlægge en struktur – for jeg forsøgte jo, at planlægge dette projekt. Det er måske bare blevet mere tydeligt for mig, at i praksis smutter strukturen. Det er især, at når det kommer til prioritering af hvilke opgaver der er vigtigts, samt estimering af min tid, at jeg fejler – og det var det der gik galt her.
Jeg udskød nogle af de vigtigste ting (en del krav) til sidste minut, fordi jeg prioritere forkert, da jeg brugte for meget tid på det jeg synes var spændende – dvs. kode og design-delen, i dette tilfælde. Så selvom jeg havde planlagt, at være i god tid, så glemte jeg at planlægge, hvad jeg skulle bruge tiden på (fx havde jeg ikke taget højde for at planlægge pauser og arbejdstider osv.).
Eksamen
Tirsdag d. 10. januar
Jeg dumper
Som forventet, går jeg ind og dumper. Jeg havde et spinkelt håb, om at min præsentation kunne redde det – men inderst inde vidste jeg godt, at den ikke kunne.
Herunder ses min præsentation:
PRAESENTATIONFør den mundtlige eksamen, havde jeg fået heldigvis vejledning ift. min frygt for at dumpe. Inden da, føltes det som verdens undergang, hvis jeg gjorde. Dette hjalp mig til, at jeg sundede mig hurtigere, og havde mod på eksamen nr. 2 – men først tog jeg mig en tiltrængt pause et par dage.
Forberedelse til reeksamen
Mandag d. 16. januar – mandag d. 23. januar
Planlægning, planlægning, planlægning
Denne gang, har jeg planlagt på en ny måde, da jeg kom frem til, at det andet ikke virkede. Jeg har forsøgt at dele det mere overskueligt op, samt tænkt pauser ind:
Og så har den løgn jeg fortalte mig selv, da jeg prøvede at redde min aflevering, vist sig at have gavnet nu. Pga. mit desperate forsøg på at redde min opgave i første forsøg, har jeg nu mindre at lave i denne ombæring. Bl. a. er min hjemmeside, så godt som kodet færdig:
Refleksion
I løbet af perioden efter aflevering, og til 1. eksamen, har jeg reflekteret meget over hvad gik galt, og hvordan jeg kan løse det til fremtiden. Jeg er kommet frem til, at jeg ikke kan strukturere min tid selv, men at jeg har behov for hjælp af én udefra. Derfor var noget af det første jeg gjorde, efter at have sundet mig, var at søge den støtte jeg har behov for.
Samtidig, at jeg er blevet helt positiv over at jeg er dumpet, da jeg ser det som en kæmpe mulighed for, at jeg virkelig kan vise hvad jeg kan. Jeg ville også have været ked af, at være kommet ud med 02, når jeg ved at jeg kan gøre det bedre. Og i sidste ende, vil jeg hellere dumpe nu, end i fremtiden, komme ud på arbejdsmarkedet med et minimumt niveau. Det eneste, jeg godt kunne tænke mig at have undgået, det er jeg gerne ville have haft gjort erfaringerne, før eksamen. Men jeg ved også godt, at det kan man ikke altid bestemme.