Interaksjonsdesign med Eivind

Brief #10 Interaktiv læring

Regelboka

En digital regelbok som verktøy i fagrommet til Multi (matematikk fagbok. Vi har tatt utgangspunkt i den tradisjonelle boka; matematiske formler, forklaringer og eksempler. vi ville at elevene skal få tak i regler underveis mens de jobber digitalt med oppgaver. De kan da finne boken på høyre og åpne den midt i en oppgave. De kan da både lese og svare på oppgaven samtidig. Den er lett tilgjengelig og blar opp på kun de reglene du trenger til den spesifike oppgaven.

Vi kan finne formlene og eksempler, videoforklaringer og interaktive elementer som bygger opp under oppgaven, og kan hjelpe til for å forstå reglene og eksemplene lettere.

På skolestudio forsiden har vi laget en egen fane med regelboken. Her vil vi ha tilgang til reglene for alle kapitlene i Multi 7. Så denne kan man da ha oppe hvis man jobber fysisk i skrivebok eller er hjemme og jobber med lekser og oppgaver.

Videre ser vi for oss at boken kan ha flere interaktive elementer. Da særlig for elever med lese og skrive vansker, noe vi fikke høre igjennom mattelæreren vi hadde kontak med.

Uke 3/4 oppdatering

Etter å ha gått litt tilbake og sett på hvordan elevene i 7 klasse kan få hjelp digitalt, kom vi på den gode gamle regelboka. Er det fortsatt noe som var i bruk?. Vi fant ut at det var noe som mange ikke hadde, men det var et ønske fra flere lærere. Hypotesen vår ble da "En digital regelbok for matte i skolestudio vil føre til større læringsutbytte, økt​ motivasjon og selvstendighet for elever i 7. klasse.

Gyldendals skolestudio hadde ingen "hjelpemidler underveis, og det var her vi så et potensiale for implementering av regelboken. Men også som en egen separat bok som eleven kunne bruke ved lekser eller analogt arbeid. Vi startet på nye papirskisser og førte senere disse inn i figma.

Når vi hadde fått til å fungere i Figma tok vi med oss den nye prototypen til en mattelærer for 7 klasse. Hun tok også og viste den til sine elever og kollegaer. Her fikk vi tilbakemeldinger som at dette var noe de virkelig trengte. Det var typisk at elevene måtte vente lenge på hjelp når læreren gikk rundt, og at de ikke var selvsikre nok til å gå videre uten hjelp. Her passet regelboken rett inn. VI fikk også tilbakemeldinger på flere interaksjoner og muligheter de gjerne vil ha. VI tok med oss dette videre og jobbet med alle de mulighetene boken åpner for.

Uke 2 oppdatering

Uke to ble en kort senanse grunnet klassetur (Som var veldig bra btw!) Vi begynte å skisse og lage papirprototyper. Så hoppet vi videre inn i figma for å lage en enkel digital prototype for å kunne kjøre noen brukertester. Vi fikk kun testet denne på bekjente og ikke elever. Tilbakemeldingene vi fikk tok vi med oss tilbake til en delgjennomgang med Erlend på onsdag.

Vi fikk endel gode tilbakemeldinger og at ideen var spennende. Men det var også endel ting som var litt uklart, også for oss selv. Vi satt oss ganske fast med flere problemer vi ikke helt viste hvordan vi skulle løse. Da gikk vi et par steg tilbake og så på helheten av det vi ville; Er det mulig å bruke medelever og foreldrene hjemme som digitale hjelpemidler for oppgaveløsing på skolen og skolearbeid hjemme?

Uke 1 oppdatering

Vi har da starte på årets siste prosjekt før juleferien. I sammarbeid med gyldendal skal vi designe interaktive læringsressurser for elever på ente grunnskole eller vgs. I grupper på tre, da med Lene og Mia

Vi startet uka med en oppgavebrief som ikke var så lett å skjønne seg på, og oppgaven virket veldig åpen og bred. Etter et veldig bra foredrag hos Gyldendal følte jeg at brikkene falt litt mere på plass og det var lettere og skjønne hvilken retning vi skulle se. Det var gøy og se på hvilke løsninger de hadde valgt, hvilke ting de hold på med og produsere og hva de jobbet med på og forbedre.

Så vi startet å skope og se på alle de eksisterende løsningene som brukes der ute. Vi fant flere spennede ideere innen Crowd sourcing, sammarbeid og motivasjon.

Jeg er så heldig å ha en mor som er lærer og har vært det i veldig mange år,. Så vi fikk tidlig hatt et intervju og hentet innsikt fra hvordan de gjør det på barneskolen der hun jobber. Vi kom fram til at vi ville jobbe med mellomtrinnet (5-7) da vi føler de t blir en mellomting. De kan lese og begynner og få en grei teknisk kompetanse, men er fortsatt ikke for selvstendige.

Vi kom fra til at vi ville jobbe videre med: Er det mulig å bruke medelever og foreldrene hjemme som digitale hjelpemidler for oppgaveløsing på skolen og skolearbeid hjemme?

Mars wind application

Vi endte da opp med websiden Mars wind. nettsiden vil vise deg en live oppdatering av vindretningen og vindhastighet på Mars. Noe som kanskje er nødvendig når menneskeheten bor på mars om noen år?

-Refleksjon-

Dette var en prosjekt der vi skulle eksprimentere og utforske med APIer. Og vi brukte dessverre for mye tid på å utforske. Vi hadde ikke satt oss godt nok inn i hva vi skulle vise frem på torsdagen, og hvor lang tid vi hadde på oss. Vi satt onsdag ettermiddag og var fortsatt dypt inne inne i youtube videoer og artikler om hvordan disse API ene fungerte og hvordan man brukte de. Men hadde helt glemt å legge vekt på vårt eget prosjekt. Resultatet ble da så som så.

- Prosess - brief #9

Ukens oppgave handlet om og eksprimentere og utforske med API'er, og designe et "stationary and ambient display" . Sammen med Francis dykket vi ned i det store havet av informasjon som fantes der ute. Vi hadde jo selvfølgelig lyst til å få en API til å fungere, så det ble endel lesing på forumer og titting på youtube.

Vi så igjennom de APIerne som NASA hadde ute, og fant disse om Mars. Og siden verdensrommet alltid er spennende tenkte vi at en livefeed herifra ville vært stilig. Vi klarte dessverre og beregne tiden vår dårlig og endte opp med mye mindre tid en først antatt. Derfor rakk vi ikke mere en å sette sammen en rask side med html og css.

- Tell us something interesting about space!

Module #8 : ICCC part 1/2

Jeg hadde lyst til å lage en informativ ensides webside om vårt solsystem. Man skulle kunne bla nedover side og se planetene, en etter en. Jeg ville de skulle bevege på seg og man kunne “hovre” over de for å få opp diverse informasjon.

Dette ble en spennende oppgave da jeg først trodde jeg skulle huske endel fra HTML timene i VG1, noe som viste seg og ikke stemme så godt:) Det som da var helt nytt for meg var css. Jeg gjorde det enkelt og hentet inn alle planetene som gifer som snurret rundt. Det var da bare å linke disse inn i html og midtstille i css. Bakgrunnen ble s gjort svart. Alle planet gifene fikk tildelt en hover kommando som så hentet opp en textboks. Her slet jeg veldig med å få delt text inn i punkter nedover, så det endte kun med å få opp navnet på planeten. 

Noe som jeg hadde veldig lyst til å få til var blinkende stjerner rundt planetene. Jeg søkte endel og fant ut at det var mulig å animere dette. Men det endte dessverre med å måtte skrotes da jeg ikke klarte å få kontroll på de ulike lagene, og noen av planetene forsvant. 

Future Live events - brief #7

Livemixer er et digitalt integrert miksebord i vierlive sin allerede eksisterende strømmeløsning. Den gir deg tilgang til å endre lydvolumet på alle de ulike instrumenter og vokalistene underveis i livestreamen.

Ved å kunne endre de ulike voluminngangene underveis i en konsert åpner det for en helt ny lytteopplevelse live. Om du bare har lyst til å justere volumet etter dine egne preferanser, eller for å passe best mulig til lydplanken du har i stua. kanskje digger du å høre bassgitaren høyere en vanlig, eller vil høre favoritt gitarriffet ekstra tydelig. Alt dette kan du gjøre i Livemixer.

Du kan også velge å slå alt helt av, om du ikke vil tukle med noe. 

For å gjøre lytteopplevelsen enda litt mere spennende kan du også se hvor resten av publikum prioriterer å ha lydnivået. Visuelt er dette ikke en altfor dominant detalj, men er noe vi tror skape den lille ekstra “sense of presence”, som vi håper kan forsterke opplevelsen at du ikke er på konsert alene.

↓ Se eksempelvideo av livemixer ↓

- Prosess - brief #7

VI fikk i oppgave å produsere en digitale brukeropplevelse for et live event i samarbeid med vier.live. Umiddelbart etter vi fikk tildelt oppgaven dukket det opp en ide jeg syntes var både spennende og realistisk. ideen kommer av at mange nye artister har blitt oppdaget igjennom å remixet, lagt til lyric eller covret andre kjente sanger. I alle fall med dagens SOME som tik-tok, istagram youtube, twitch osv.

Konseptet gikk ut på at artister, musikere, vokalister, produsenter eller blodfans kan se på live-streaming av selve musikkproduksjonen i studioet. Her kan de også få lastet ned lydfilene som jobbes med, og feks legge over sin egen lyrikk. Derretter sende dette inn til live-streameren igjen. kanskje finner et band den perfekte vokalen til sangen sin?

Jeg tenkte at man kunne ta meste mulig utgangspunkt i vier.live sin eksisterende løsning, men da implementere opp og nedlastning under streamen. Jeg så også på muligheten at opp/nedlastning skulle koste en sum for å få filtrert ut spam og useriøsitet.

Brief 5: Micro:bit

-Resultat-

Det hele endte med av vi programerte en maskin som spilte en sang på ca 1 minutt. Vi hadde litt for lite tid, så vi rakk dessverre ikke å implementere manuelle knapper som vi kunne brukt til lage lyder underveis i sangen

-Refleksjon-

Brief 5: Micro:bit

Her hadde jeg og Bijan en idee om å lage en robot som spilte en sang eller beat (gjerne med et drop!) der vi samtidig kunne spille lyder med manuelle knapper. 

Vi startet med å finne ulike gjenstander som kunne lage høye lyder. Vi tok i bruk tre stykk solenoider, da vi fant ut at det var de som var lettest å få til å holde en god takt. Disse ble da koblet opp til 9V batteri for å få litt god futt.

Ved å lage en hammer inspirert av musikkvideoen til Daniel fikk vi solenoidene til å lage ganske høye lyder ved å slå på hule objekter, som en kopp eller en metallbøtte. 

Det vanskeligste var å bruke servoer til å lage lyd da de var så ustabile. VI klarte å løses dette på en bra måte ved å feste fjærer på enden. Når servoene slo inn mot et glass fylt med vann gjorde fjæren at den spratt tilbake og lagde en fin klang.

Vi brukte 2 Microbiter. En som var koblet til 2 servoer og en som var koblet til de tre elektromagnetene( solenoidene). Når vi starta den ene så sende den radiosignal til den andre som gjorde at vi klarte å synkronisere takten. 

Brief #4

Vi skulle lage spillkontrollere til et valgfritt spill, Og valget falt på spillet Bubble Trouble. Det går ut på at to figurer skyter på ulike baller som spretter rundt på en bane. Spillet er veldig enkelt laget, men ganske så vanskelig å spille.

Vi var litt for ivrige på å få valgt hvilket spill vi skulle ta, og hoppet fort til å bare begynne å prøve oss frem med litt elektronikk. Sjekke ut Ipacén, teste ulike pedaler, knapper og finne ut av hvordan metall et fungerer som ledere. Alufolie ble en god venn:) Det var ofte at det elektroniske hoppet litt inn og, ut så jeg ble fort elektrikeren på gruppa:) Ordtaket “det funka jo istad” gikk igjen for å si det mildt.

Maskinen Reisefeber måler din “temperatur” aka reisefeber og sender deg ut på en 30 sekunders reise basert på ditt resultat. Jo høyere feber man har jo mere spennende og opplevelsesrik reise drar du på. Man betaler, putter hånden i luken så den blir scannet. så far man en billett med instruksjoner og setter seg så inn i “flyet”. 

Det er nå reisen begynner! Ved hjelp av Video, lydeffekter og fysiske opplevelser som vann, vind og risting (4D) opplever brukeren en reise utenom det vanlige. Når turen er over får man også et minne fra den opplevelsesrike turen, nettopp et postkort fra destinasjonen.

-Refleksjon-

Vi så i ettertid flere forbedringer som kunne blitt gjort for å unngå misforståelser ved bruk av maskinen. Plassering/hierarki og fargevalg av tekst har mye å si for hvordan brukeren enkel forstår produktet når man først ser det, og under bruk. Også leseretning med tanke på hvordan maskinen er bygd opp. infosiden og luken man går inn, var satt opp fra venstre til høyre. Her skulle vi gjerne ha byttet om.

-Introduksjon og prosess-

 Årets første oppgave i interaksjonsdesign var å lage en ukonvensjonell vending machine. På grunn av Covid19 har det for de fleste vært to år uten mye reising. Vi ville da gi brukerene en opplevelse de har lengtet lenge etter. 

 Vi startet med å kaste ut ideer, lage tankekart og skisse små thumbnails. Når vi var noenlunde inne på samme bølgelengde begynte vi å mappe ved bruk av tidslinje. Finne brukerens førsteinntrykk, se på brukervennlighet, Hvilke tanker og følelser man har underveis i opplevelsen og hva man sitter igjen med i ettertid.

 Så Startet produksjoen av selve Maskinen. De aller fleste delene og materialene vi brukte var ting som allerede skulle kastes og man ellers ville anset som skrot. Ved å så slå sammen alt dette ved bruka av litt teip og mye lim var det kun maling som måtte til før vi hadde noe som lignet en sinnsyk stilig maskin!