DesignerPernille @designerpernille - Tumblr Blog

Samarbeid med @designerpernille. Her er koden til vår virus infiserte spillnettside. I denne koden ble det skapt mer interaksjon med nettsiden enn det forrige prosjekt med portfolio. Her er det aller meste klikkbart. I tillegg fikk vi muligheten til å lære oss JavaScript, som kom godt til nytte da vi implementerte spill som “Snake” i nettsiden vår. I løpet av dette prosjektet føltes det ut som at vi hadde mer rom til å utforske og teste grenser, ettersom at vi allerede hadde fått en innføring i generell koding og kunne da videreføre denne kunnskapen til dette prosjektet. Utrolig nyttig å kunne utforme en nettside på denne måten.

fernandestellander

AHO DesignSpill

Keep reading

Link til video: https://href.li/?https://youtu.be/GHUQuPLjcs4

Konsept:

Vi har laget en app som heter Klikk. Klikk er en app som skal brukes etter utstillingen for å oppleve alle lydene som utstillingen har å by på. Det er et spill som går ut på å gjette hvilken teknologisk gjenstand du hører ut i fra lyden, gjette hvilken lyd som er hvilket objekt og å kunne gjenskape lyden man tror gjenstanden vil lage. Man skal sitte i grupper på fem og fem. Alle skal gjette hvilken gjenstand de tror de hører. Konkurransen går ut på å få flest mulig riktige.

Målgruppen er elever på ungdomsskolen og det er disse vi har hatt i fokus når vi har jobbet med appen.

Problemstilling:

«Hvordan skape engasjement blant ungdom og gi et innblikk i eldre teknologi gjennom lyd og lek?»

Prosess:

Vi begynte å intervjue forskjellige elver fra ulike ungdommskoler og hva de synes er interessant med teknologi. De store nøkkelfunnene våre fra denne delen av prosessen var at aktiviteter og konkurranser er gøy og at de faktisk hadde en interesse for å vite hvordan teknologi høres ut.

Hvorfor app? Vi har valgt å utarbeide spillet i form av en app fordi vi følte at dette var lettest tilgjengelig for ungdommene og at spillet automatisk føles mer sosialt. I tillegg er skjermen mindre slik at spillet kommer mer ut i rommet og at man ikke blir gjemt bak en skjerm.

Prototyping og testing:

Før testen hadde vi et opplegg hvor man brukte tre ord til å forklare hva man ser på bildet og de andre skal gjette. Dette fant vi ut at ble for lett.

Endringer vi gjorde etter testen:

Vi valgte å fjerne forklarings-elementet. Spillet ble vanskeligere og mer spennende når fokuset kun var på lyd. I tillegg la vi til to ulike moduser i spillet, en hvor hvor man skulle gjette mellom ulike lyder og hva de hørte til, og en hvor deltakerne selv skulle lage lyden de trodde hørte til på rundgang.

Refleksjoner:

Vi er fornøyde med at vi valgte lyd som fokusområde og jobbet videre med det gjennom hele prosessen. At vi brukertestet og intervjuet allerede første uka bidro til å sette oss på rett spor tidlig. Da vi senere brukertestet i et klasserom fikk vi gjort viktige justeringer i appen.

Dersom vi skulle jobbet videre med appen ville vi fokusert på sette oppgavene i en mer historisk kontekst. For å øke læringsutbyttet for elevene ville vi tilpasset de nåværende oppgavene og laget noen nye oppgaver med mer fokus på hvilket tidsrom gjenstandene er fra og historie rundt dem.

#brief9 resultat

erikkadesign

brief 9 uke 2 prosess

Uke 2 gikk mye ut på å snevre inn konseptet. Vi hadde en ganske uspesifikt ide hvor vi hadde ganske mange elementer. Da valgte vi spesifisere inn på hva vi følte manglet på utstillingen, noe som var lyd.

Vi skal lage et spill for en gruppe på fem elever.

Denne uken foretok vi også et intervju med to 10 klassinger fra hovseter skole. “sosial skole er jækli bra”

erikkadesign

Uke 3 prosess, semesteroppgave

Denne uken har vi videre arbeidet lyd-spillet vårt fra nettside til app. Dette grunnet for å gjøre det lettere for å sitte i grupper.

Dette spillet går ut på å gjette hvilken teknologisk gjenstand du hører ut i fra lyden. Dere skal sitte i grupper på fem og fem og vi tar dere ut på gangen. På tur skal hver person prøve å forklare gjenstanden man ser bilde av i appen. Resten av gruppen skal prøve å gjette gjenstanden. Appen forteller hva dere skal gjøre til hvilken runde. Det rulleres hvem sin tur det er til å forklare. Når dere svarer skal dere på tur snu arket mot gruppen og peke på hvilken dere gjetter. Dere får poeng etter hvor mange som klarer å gjette når du forklarer og når du gjetter selv. Ignorer det tallet nede i hjørnet, det er nedtellingen, men den dropper vi nå siden det er en test.

Vi har også utviklet en design manual for klikk. I tillegg til et før opplegg til ungdom skole klassen. Før- opplegget er en liten oppgave elevene skal få før de drar på museet, og innebærer å gå inn på klikk sin nettside of utforske de forskjellige lydene til objektene på museet. Det er som et slags bibliotek for lyder. Dette for å gi et grunnlag for kunnskap om lyd til teknologi, og gi en intro til hva som er på utstillingen. Gir også repetisjon med spillet etter utstillingen, og er grunnlag til å spille.

På fredag har vi dratt til Brannfjell ungdomsskole for å teste spillet på klasse 9D! Vår hypotese før besøket var at spillet skulle være gøy men kanskje litt enkelt. Vi fikk en hel skoletime til å snakke med elevene og tok fem og fem inn på et grupperom for å spille. Der var planen og variere vanskelighetsgraden mellom de forskjellige gruppene. Vår hypotese var riktig, og vi endte med å ta bort flere elementer for å erstatte med nye. for eksempel gikk vi fra at spillerne skulle forklare objektene med tre ord, til et ord til å ta bort hele forklarings delen. for å heller lage lydene til produktene, og gjette hvilke lyder som til hører hvilket produkt.

Brief 8 – Fortell oss noe interessant om internett!

https://beamish-bombolone-b083e2.netlify.app

Jeg og Lexi lagde en nettside inspirert av det tidlige internetts spillsider og virus. På første side ønsket vi å få brukeren til å utforske siden ved å legge på hover-effekter på noen av bildene, og eksperimentere med hover, linker, animasjoner osv.

#resultat brief8

Brief 9

Brief 9 - semesteroppgave uke 1, I/O teknisk museum.

fokusområde: Gi et innblikk i teknologiens historie via ulike spill og poster, hvor ungdomsskoleelevene konkurrerer i lag. Vi har valgt mobiltelefonen som fokusobjekt.

10 ideer:

- Bygge en robot konkurranse

- Bygge mobil konkurranse

- skattejakt

- Hvordan høres gammel teknologi ut?

- Quiz etter utstilling, unike tilstander på museet

- Samme oppgave før og etter utstillingen så man blir tvunget til å få med seg informasjon

- Plukke opp informasjon på museet som senere kan brukes i en konkurranse

- Puslespill avatar, bygge noe med avataren etter utstillingen.

- Just dance, inspirert av morse kode, dra inn "pinnen" i klasserommet, lærer gamemaster

- Visualisere de som snakker

- hinderløype/stafett - historisk tidslinje om telefonen - postene er ulike spill

Vi ønsker å lage en "hinderløype" med ulike poster og spill hvor elevene lærer om mobiltelefonens utvikling. Klassen gjennomfører løypen både før og etter museumsbesøket for å vekke nysgjerrighet, konkurranseinstinkt og interesse, samt mestringsfølelse dersom de opplever at de har lært mer av å besøke utstillingen. Viktigst av alt skal det være gøy og lærerikt! Med hinderløypen følger en app for å skape en interaktiv opplevelse.

Vært en bra første uke!

#ahoexploringinteractions

#aho

#prosess

#brief9

BRIEF 6

«Hvem drepte Henrik Ibsen?»

Sammen med Erika, Fernande og Andrea designet vi de første 15 minuttene av et urbant spill i Figma. Vi valgte Vår Frelsers Gravlund som utgangspunkt for spillet, fordi det var mange muligheter for utforskning og selvfølgelig mye historie knyttet til området. Dermed kunne vi lage et spill med korte avstander mellom punktene for interaksjon, men samtidig ha mye variasjon i innholdet.

Vi brukertestet på hverandre og en annen gruppe og gjorde avstandene kortere og oppgavene mer fysiske (som alias og quiz) for å få spillerne til å samarbeide og oppleve mestring sammen under spillet etter brukertestingen.

Lyd og farger på spillet er tilpasset at spillet er et mord-mysterie, hvor vi har brukt et «creepy» sound-track og mørke farger.

BRIEF 6

«Hvem drepte Henrik Ibsen?»

Sammen med Erika, Fernande og Andrea designet vi de første 15 minuttene av et urbant spill i Figma. Vi valgte Vår Frelsers Gravlund som utgangspunkt for spillet, fordi det var mange muligheter for utforskning og selvfølgelig mye historie knyttet til området. Dermed kunne vi lage et spill med korte avstander mellom punktene for interaksjon, men samtidig ha mye variasjon i innholdet.

Vi brukertestet på hverandre og en annen gruppe og gjorde avstandene kortere og oppgavene mer fysiske (som alias og quiz) for å få spillerne til å samarbeide og oppleve mestring sammen under spillet etter brukertestingen.

Lyd og farger på spillet er tilpasset at spillet er et mord-mysterie, hvor vi har brukt et «creepy» sound-track og mørke farger.

1 dag med Sound Toys! Lagde en robot med mikro-bit, som etterhvert kunne spille musikk!

#brief6 prosess brukertesting games

SPACE TRIP

I løpet av de siste dagene har jeg, Dina, Johannes, Judith og Mia utviklet et brettspill - Space Trip. Spillet går ut på at du og laget ditt har krasjet romskipet deres, og må gjennom spillet for å samle inn de manglende delene. Når dere har samlet alle delene skipet mangler, kan dere returnere til jorden, og har vunnet! Underveis skal deltakerne kaste terninger, og plukke opp de manglende dele underveis. På veien møter du aliens, hvor du må spille alias for å komme videre, og spørsmålstrinn hvor du enten får en fordel eller ulempe. Spillerne konkurrerer i lag på to, og førstemann tilbake med alle manglende deler vinner!

#brief6 prosess brukertesting games

Under spillfestivalen prøvde vi SpyFall, et spill hvor en av deltagerne er en hemmelig spion. Resten av spillerne er ansatte på samme sted, og skal gjennom spørsmålsrunder prøve å gjette hvem som er spionen. Spillet er spennende og intenst, men kan bli litt treigt hvis man blir for mange deltagere.

#brief6

https://www.figma.com/proto/64whLQFOYUuXdeq0zK5N0S?node-id=148:4438