Heyjonna

Johannes Heyning - utforsker design gjennom interaksjoner 

[ragg1ragg]

Komprimert versjon av konseptet

Her ser dere en gjennomgang av brukeropplevelsen. Vi er fornøyd med flowen i appen, og mengen content vi har selv om konseptet er snevert. Sulle vi gjort noe annerledes hadde det vært å teste appen på målgruppen litt tidligere i prosessen. 

[heyjonna]

Brukeropplevelsen av Pixels presentert gjennom film på onsdag. Vi er veldig fornøyde med resultatet og prosessen vår. Det har vært veldig gøy å bruke de tingene vi har lært gjennom semesteret på en «selvstendig» måte. Veldig fornøyd med måten vi har samarbeidet på og den positive innstillingen i gruppa!

[ragg1ragg]

PROTOTYPE

Her ser dere en walkthrough av den ferdige prototypen :) 

[heyjonna]

Gjennomgang av prototypen vi skal pitche TM på mandag! 

[heyjonna]

BRIEF 9, Uke 3

Brukertesting og iterasjon

På onsdag var vi på Teknisk Museum for å teste på brukergruppe. Elevene fra Ringstadbekk Skole viste både engasjement og nysgjerrighet da de testet appen vår. Spesielt var det gøy å tegne! 

I tillegg til mye positiv feedback var det enkelte ting de ikke helt forstod, for eksempel så var det enkelte ting de klikket raskt forbi og gikk dermed glipp av nyttig informasjon. Vi jobbet dermed litt med innpakking til noe mer relaterbart/mer interessant. (se bilde over)

[heyjonna]

BRIEF 9, Uke 3

Denne uken har vi jobbet med prototypen vår i Figma samt videreutviklet og  spisset konseptet vårt.

Konseptet vår handler om pixler og vi har derfor designet to oppgaver knyttet til dette. 

Først skal elevene forsøke å gjette hva et bilde viser med svært lav oppløsning viser. Hvis eleven ikke klarer dette får eleven et nytt forsøk med større oppløsning osv. 

I den andre oppgaven skal elevene tegne selv etter et selvvalgt motiv. Her går utfordringen ut på å plassere Pixelene på smartest mulig måte slik at en kan gjenkjenne hva grunnmotivet er. 

[heyjonna]

Brukertesting!

Brief 9, uke 2

Lars og Andrea fikk i oppgave å “tegne” hamburger og Lego-logoen i Procreate med 11px * 11px. 

«Tvinger deg til å tenke nedskalert»

Ting vi tar med oss herfra:

Oppgaven trenger tidsbegrensning. Kan bli oppslukende.

Veldig gøy og jævlig vanskelig!

Resultater 

[ragg1ragg]

Brief 9 UKE 2

Vi har gått fra å fokusere på roboter til å fokusere på pixler! 

I dag har vi jobbet med pixel-art og hvor få pixler man trenger for å gjenkjenne ikoner, kjente kunstverk og karakterer fra film og tv. Vi begynte med 20x30 pixler, og jobbet oss nedover til 4x8 pixler. Det var veldig morsomt!

[heyjonna]

Repost av Ragna sin oppdatering om prosjektet vårt. Morsomt å “grave frem” 20 år gammel skjermteknologi! 

[heyjonna]

Brief 9 - ROBOT

«Lag din egen robot»

Elevene skal sette sammen sin egen robot av deler fra utstillingen. Hvordan skal den se ut? Hvilke egenskaper skal den ha?

Oppgaven skal være morsom og kreativ, og har til hensikt berike læringen på I/O ved at elevene får kjennskap til utstillingsobjektene i forkant av besøket på TM.

[heyjonna]

Brief 8: 

Andrea, Sindre og jeg laget nettside om NFT’s, såkalte digitale objekter, ofte omtalt som “kryptokunst”. Mange av disse handles for vanvittige summer helt opp til flere hundre milioner dollar, noe jeg ikke fatter at kan handle om noe annet enn spekulasjon. 

Uansett, vi hadde det gøy med oppgaven om å lage en nettside om dette underlige, om ikke underfundige fenomenet som vi egentlig ikke forstår så veldig mye av. I håpet om at dette gjelder flere enn oss ønsket vi å lage en nettside som gjenspeiler mystikken og forvirringen rundt fenomenet. 

[heyjonna]

Brief 7: En nettside om meg selv. 

Gøy med innføring i html og css! 

[lexlothe]

Between Time

En forklarende video som beskriver mekanikken til spillet. 

Gruppe 3

[heyjonna]

Filmatisering av brukeropplevelse. Flow i app og fysisk spill. Spesielt takk til Mons og Tuva for voice over:))

[astrixandersen]

Figma

Created with Figma

[astrixandersen]

Final play test 🤩🎉

Vårt tema: Time travel

Min gruppe: Gruppe 4 (@lexlothe, @kariingunaalstaddesign, @heyjonna)

Takk til de som var spreke og ble med <333

[heyjonna]

Veldig morsom dag, og vi fikk endelig vist frem spillet vårt. Mye som gikk fint her, blant annet balansen mellom de to lagene. Det ble jevnt!!

[astrixandersen]

Third play test

Vårt tema: Time travel

Min gruppe: Gruppe 4 (@lexlothe, @kariingunaalstaddesign, @heyjonna)

Etter lunsj på onsdag 9.3 testet vi spillet vårt sammen med en annen gruppe. Da hadde vi også vært og skaffet litt props som gjorde spillet mer levende.

Resultater:

- gjøre det tydelig i appen at man skal ta de ulike kartdelene med seg

- gjenta underveis i appen at målet er å være først til å finne nøkkelen og låse opp portalen

- i appen trenger vi å ikke si "oppgaven er fullført", fordi det blir for mye trykking. det holder å gå rett til neste hint

- når spillerne har funnet nøkkelen skjønner de at de må på brua for å låse opp en lås, derfor kan vi droppe siste frames i appen og heller skrive at nå må de skynde seg og låse opp før motstanderne gjør det

- spillerne brukte tid på å finne riktig lås, tenkte at låsen gjemte seg bak skiltet for 1822/2022)

- korteste tidsbruk: ca. 8 min

- lengste tidsbruk: 11 min

[heyjonna]

Siste iterasjon før den store testen! Fortsatt litt å fikse på spesielt mtp. informasjon som blir gitt i appen. En del overflødig, men også essensielle ting som blir underkommunisert og derfor neglisjert. 

[astrixandersen]

Prototyping in Figma & second play test

Vårt tema: Time travel

Min gruppe: Gruppe 4 (@lexlothe, @kariingunaalstaddesign, @heyjonna)

På slutten av tirsdag 8.3 og hele onsdag 9.3 jobbet hele gruppa med prototypen i Firma. I tillegg arbeidet Lexi med å integrere lyd i spillet.

Vi hadde en intern play test tirsdag 8.3 for å teste appen, gå gjennom de ulike lokasjonene og få oversikt over hva vi manglet.

[astrixandersen]

Visual design, content & timelines

Vårt tema: Time Travel

Min gruppe: Gruppe 3 (@heyjonna @kariingunaalstaddesign @lexlothe)

Vi startet uke to med å fordele roller – jeg arbeidet med visuelt design sammen med Kari-Ingun (@kariingunaalstaddesign), og Lexi (@lexlothe) og Johannes (@heyjonna) videreutviklet innholdet i spillet. Dette gjorde vi mandag 7.3 og deler av tirsdag 8.3. Da innholdet begynte å bli klart, brukte vi resten av tirsdagen og hele onsdag 9.3 på å arbeide sammen med prototypen i Firma.

Navn

Lexi kom med mange forslag til navn på spillet. Blant dem var Then and back again, Timelines, Time of Arrival og Between Time. Til slutt stemte vi fram Between Time som navn, som vi synes passet godt.

Identitet

Vi ble enige om å ha ulik uttrykk for "fortid" og "fremtid". Her har Kari-Ingun laget moodboard og fargepalett for de to ulike tidsperiodene, og laget første utkast til "The Scientist" som er spillets narrativ:

Hun tok utgangspunkt i et moodbard som Lexi satte sammen uka før:

Jeg arbeidet med spillets typografi og kom med disse forslagene:

Sammen i gruppa ble vi enige om å bruke blackletter-fonten Old London kombinert med den klassiske serif-fonten Baskerville Regular for fortid, og sans-serif-fontene Panchang Medium og Radikal Light for fremtid:

Innhold og tidslinje

Samtidig som jeg og Kari-Ingun arbeidet med identitet, jobbet Johannes og Lexi med innholdet i spillet, var ute og tok bilder på location og fant på smarte ledetråder. De satte sammen disse tidslinjene, som er de vi tok utgangspunkt i da vi designet appen vår i Figma:

[heyjonna]

Fremdrift på mange punkter. Navnet er bestemt og det jobbes videre med innhold og visuell identitet. Både morsomt og utfordrende å gi et sammenhengende visuelt preg på tvers av to tidsepoker med 100 års mellomrom. 

[astrixandersen]

First play test

Vårt tema: Time travel Min gruppe: Gruppe 4 (@lexlothe @kariingunaalstaddesign@heyjonna)

Uten at vi hadde fått laget prototype i Figma enda, fikk vi brukt slutten av dagen på fredag 4.3 til å teste spillet med en annen gruppe.

Resultater etter playtest

- Gjøre det mer tydelig hvilken retning man går fra Kjærlighetsbrua

- Spillerne kan ikke se hverandre og da skjønner de ikke at de må skynde seg (ikke tydelig at det er en konkurranse)

- De ulike postene er plassert litt for langt fra hverandre, kanskje samle alt på et mindre område

[heyjonna]

Brukertesting får frem utrolig mye! Her var det mye som måtte jobbes med. 

[astrixandersen]

Flow charts and sketches

Vårt tema: Time travel

Min gruppe: Gruppe 3 (@lexlothe @kariingunaalstaddesign @heyjonna)

På fredag 4.3 jobbet vi med innholdet i spillet, designet tidslinjer og flow charts og begynte å skisse hvordan appen skulle se ut.

Innholdet i spillet

De to lagene velger om de vil reise til fortiden eller fremtiden, og basert på det får lagene ulike oppgaver. Her har Lexi (@lexlothe), Johannes (@heyjonna) og Kari-Ingun (@kariingunaalstaddesign) laget tidslinje over innholdet i spillet, det som skjer utenfor appen:

App flow

Samtidig som de andre laget tidslinje, arbeidet jeg med strukturen i appen. I denne fasen av prosjektet hadde vi kommet lengst med "fremtid".

Skisser og papirprototyper

Basert på strukturen i appen laget Johannes (@heyjonna) skisser og papirprototyper:

[heyjonna]

Gruppa er veldig flinke til å fordele oppgaver! Merker at dette gir god progresjon og at vi ligger bra an.