Lene Hetlesæter

Designstudent, AHO

[lenedesignwork]

Resultat - brief #9

Vi har hovedsaklig fokusert på opplegget før elevene besøker TM. I etterkant av besøket ønsker vi at de skal bruke verktøyene de har fått utdelt til å sende koder til hverandre, eller bruke dem som inspirasjon til å lage sine egne kodespråk. Vi ønsket at det skulle bli en læringssirkel hvor vi først introduserte dem til kodespråk gjennom tidene, for så å besøke museet og lære enda mer, og tilslutt gå tilbake å gjenbruke kodespråket selv. På brukertester var dette en suksess, og elevene skulle ønske de hadde mere tid til å gjøre dette. I praksis vil de ha mere tid til dette, siden det vil være i en egen time, og ikke på slutten av timen etter de hadde testet føropplegget vårt.

Her er linken til prototypen vår i Figma:

https://www.figma.com/proto/CBzLBAgkLe7GhwG39ZYUJB/Kode?page-id=0%3A1&node-id=147%3A6&viewport=217%2C438%2C0.02&scaling=scale-down&starting-point-node-id=356%3A314

[lenedesignwork]

Endringer etter brukertest

Etter brukertesten måtte vi gjøre noen forandringer ut fra tilbakemeldingene vi hadde fått.

Først og fremst måtte vi gjøre setningen de dekodet kortere, da de mente de ble for lange når de først hadde skjønt hvordan det skulle gjøres. I tillegg la vi inn en hintknapp i Figma så det er mulig å få hjelp om man sitter helt fast. Man får ikke muligheten til å få hint før det har gått 5 minutter. Etter 5 minutter kan man velge å ta et hint eller at de blir spurt på ny etter 3 minutter. De vi brukertestet på mente at det var lett å trykke på hintknappen med en gang de stod fast, så derfor valgte vi å gjøre det på den måten.

Vi fikk også tilbakemelding på at det hadde vært fint med forskjellige nivåer og noen ville også ha konkurnase. Derfor la vi inn slik at man kan velge om man vil spille bare de to som samarbeider, eller mot to eller flere andre. Da la vi også inn i Figma at det er mulig å velge nivå før spillet starter.

[lenedesignwork]

Brukertest Brief #9-prosess

Etter å ha bruekertestet mye på medelever i klassen skulle vi endelig teste på målgruppa. Før vi skulle brukerteste på elevene var det mye forberedelser. Vi måtte lage papirprototyper da det ikke går å skrive inn i Figma. I tillegg til det måtte vi skrive ut tre forskjellige typer cæsarhjul som skulle monteres, morsealfabet og binærkodealfabet. Fikk gjort alt ferdig og følte oss godt forberedt til brukertest.

Brukertest:

Testingen var en kjempesuksess. Vi fikk testet på to forskjellige 8.klasser, i totalt 3 skoletimer. Elevene var engasjerte og syns tydelige at det var morsomt. Tilbakemeldingene vi fikk var svært verdifulle; 

- oppgavene var for lange

- behov for grundigere forklaring av verktøyene

- savnet hjelpeknapp/hintknapp

- noen ville gjerne kunne konkurrere med hverandre

noen ønsket forskjellige vanskelighetsgrader 

Vi intervjuet også læreren om teknikker hun brukte for å engasjere elevene, og hva hennes tilbakemelding var etter testen. 

Lærerens tilbakemelding var at hun var imponert over engasjementet, og syns det var et godt læringsutbytte for elevene. Hun poengterte viktigheten av informasjon om de forskjellige hendelsene, slik at elevene kunne sette oppgavene i kontekst.

Vi fikk litt tid til overs mot slutten av bruikerytesten da fikk vi også testa opplegget vi hadde laget for etter teknisk museum. Da fikk de kode egne koder å sende til hverandre. Dette var kjempe populært og de sa at de gjerne skulle hatt mer tid til å lage mer koder selv.

[lenedesignwork]

2. Show & tell

På den siste show & tell fikk vi tilbakemelding på at vi skulle prøve å samle det fysiske med det digitale. De sa også at man må ha noe som kan skape en motivasjon til fremdrift. Vi fikk også beskjed om at det kan være lurt å begrense omfanget og bare velge oss ut noen bestemte årstall. Altså at vi heller fokuserer på 5 årstall og gjøre de interessante, og helst velge de årstalla som er mest relevant. En siste liten ting vi også fikk tilbakemelding på var at vi heller burde kalle det for kodespråk og ikke koding, da det kan være litt misvisende. 

[lenedesignwork]

3. Veiledning brief #9-prosess

Etter å ha jobbet videre med kodene vi hadde valgt, hadde vi nok en veiledning.

Da fikk vi tilbakemelding på at det kan være fint å ha det i en kontekst for å samle det/koble det sammen. Vi fikk også tips om at vi kunne trekke inn det binære kodesystemet siden mesteparten av all teknologi er basert på det.

Vi tok dette til oss og prøvde å få det til å henge mer sammen. Da gikk vi tilbake til en ide vi hadde tidelig i prosessen som var tidsmaskin, men at det ble mer en tidsreise. Der de blir sendt tilbake i tid, helt til egyptertiden, og må jobbe seg fremmover til utvalgte tidsepoker gjennom å løse kodene.

[ursulastorm]

Brief 9 - prosess del 3/3 video 3/3

Video knyttet til Brief 9 - prosess 1/3 morsekode

[lenedesignwork]

Også en video som sender en hemmelig beskjed ved hjelp av morsekode. Etter å ha brukertestet de forskjellige videoene i klasserommet innsåg vi at det ikke var helt slik vi så for oss at denne oppgaven skulle bli. Det var da vi begynte å tenke på å bytte tema.

[ursulastorm]

Brief 9 - prosess 3/3 video2/3

Video knyttet til Brief 9 - prosess 1/3 morsekode

[lenedesignwork]

Enda en til video der kim k sender morsekode, denne gangen ved å blunke.

[ursulastorm]

Brief 9 - prosess 3/3 video 1/3

Video knyttet til Brief 9 - prosess 1/3 morsekode

[lenedesignwork]

Dette var en av videoene vi laget i sammenheng med kjendistemaet, der kim k skulle sende en melding i morser.

[lenedesignwork]

2. Veiledning brief #9-prosess

Vi fortsatte å jobbe med kjendistemaet, men følte ikke helt vi kom noen vei så vi ba om en ny veiledning.

I den fikk vi tilbakemelding på at kontekst/setting tar for mye oppmerksomhet, og at vi må tenke mindre på setting. Heller fokusere mer på kodene og hva man kan gjøre med koder. Eventuelt om de kan lage sine egne koder.

Vi tok dette til oss å valgte å legge kjendistemaet litt på hylla. Valgte heller å legge fokus på kodene. Så vi delte gruppa i to, det to stk fant mange ulike måter å sende morsekode på mens de andre to fant mange måter å bruke cæsarhjulet på.

Vi følte vi kom godt i gang og fikk et godt utgangspunkt når vi hadde så mange koder å gå utifra.

[lenedesignwork]

Brief #9-prosess

Papirprototype til marvel.

[lenedesignwork]

1. Veiledning

Brief #9- prosess

Etter å ha jobbet en stund og følt at vi stod litt fast hadde vi veiledning. Da fikk vi tilbakemelding om at vi måtte prøve å sette det i en kontekst/setting, og at vi må gjøre noe for å fange dem og holde oppmerksomheten deres.

Da satt vi oss ned og satt av 3 min til å individuelt skrive ned så mange kontekster/settinger som mulig. For så å gå gjennom de i gruppa etterpå og plukke ut de vi likte best. Etter det tok vi 3 nye min for å skirve ned måter å sende kode på i en av de utvalgte kontekstene.

Etter hele den prosessen landet vi på et slags kjendis tema. Det en ai skulle hacke en kjendis sin Instagram og elevene skulle hjelpe kjendisen å få tilbake instagamen sin. Så da startet vi med at alle på gruppa fikk 20 min til å lage et flowchart.

Etter alle hadde vist sitt flowchart valgte vi ut element fra alle og satte det sammen til en felles flowchart.

[lenedesignwork]

1. Show & tell

Dagen etter teknisk museum begynte vi å utarbeide noen av ideene vi hadde snakket om på teknisk museum. Vi kom opp med ca. 10 ideer på hva vi kunne gjøre.

Etter første show & tell fikk vi tilbakemelding på at vi måtte velge 1 ide, samle ideen og at man gjerne kunne lage noe fysisk.

[lenedesignwork]

Brief #9

Var på teknisk museum og fikk introduksjon til semesterprosjektet. Vi fikk prøve oss på en løype i den nye io utstillingen. Etter det diskuterte vi i gruppa hva vi ville ha som tema. Til slutt landet vi på at vi ville ha om koder, siden det var noe vi alle syntes virket spennende å jobbe med.

[evahoybakk]

Brief 8 - internett: TOPP 10

Tema for denne oppgaven var det store internett og jeg og Lene bestemte oss for å lage en side om topp 10 Googlesøk i Norge fra 2011-2021. Først skisset vi forskjellige layouts på papir.

Vi valgte også å ta inspirasjon fra fargene til googlelogoen men gjøre de litt dusere.

Det var både gøy og utfordrende med en innføring i koding. Hvis vi skulle utarbeidet nettsiden mer hadde det vært interessant å fokusere mer på hvordan man kan få brukeren til å skjønne at man skal trykke på tallene annet enn at pekeren endrer seg. Alt i alt er vi fornøyde med nettsiden og tar med oss masse god erfaring!

Link til nettsiden: https://magenta-figolla-6e6ae6.netlify.app

TOPP 10

@lenedesignwork

[lenedesignwork]

Creative web-brief#7

Personlig nettside

Denne uka har vi fått en introduksjon til kodimg i html og css. I den sammenheng har vi laget en nettside om oss selv. Mot slutten av uka prøve jeg meg på å lage et bildegalleri. For å få til det måtte jeg bruke javascript, så med mye hjelp av google så fikk jeg det til. Var veldig gøy å få et innblikk i koding og få mer forståelse av hvordan en nettside er bygd opp.

[tenkdesign]

Brief 6 - Resultat

Laget i Figma/Illustrator

Lene, Maria, Elise, Marcus

https://www.figma.com/proto/AG9JSWHaExRj2UR3KXJjn6/Timelimit?page-id=0%3A1&node-id=1%3A7&viewport=241%2C48%2C0.19&scaling=scale-down&starting-point-node-id=1%3A7&hotspot-hints=0

[lenedesignwork]