Pure et dure

Exploring Design through Interaction / AHO / 2022

[tuvajs]

AHO WORKS + DIPLOM

litt slitne men…

😃💕SAMHOLD💕😀

sexy på stigen svikter sjelden.

fikk oxo med oss en ekstra sssøt gutt på diplom mot slutten av dagen (mon tro om han er singel?) stolt av skolen :) snakkes

[hannatyranna]

AHO works. Vi var der :D

[hannatyranna]

Brief 9 – Filmlinjen 

Filmlinjen – en læringsplattform tilpasset ungdomsskoleelever ved 8. trinn.

Filmlinjen gir en megakort innføring i filmens historie, og knytter seg opp mot flere av objektene/installasjonene på Teknisk museums, både i I/O utstillingen og øvrige utstillinger. Målet med appen/plattformen er sette museumsobjektene og teknologien inn i en kontekst og således vekke elevenes nysgjerrighet, og dessuten gi dem et innblikk i hvordan teknologiens utvikling har påvirket filmens utvikling. Tidslinjen strekker fra 1500-tallet til 2000-tallet, og det har vært vanskelig å plukke ut hendelser fra det lange tidsspennet. Målet er likevel ikke å utelukkende gi et historisk innblikk i filmens utvikling, men vel så mye å gi elevene noen rammer for å selv produsere en liten film; en kortfilm som rommer fotokamerats forgjenger (kamera obscura), samtaler med noen som kanskje har et litt annet forhold til film/kino (eldre generasjoner), og i tillegg refleksjon omkring selve utstillingen og til filmens fremtid.

Onboardingen er delt inn i tre. Her forklares konseptet og hva elevene skal foreta seg underveis.

Slik ser oppgavetekstene ut. På bildet til høyre dukker det opp forslag til spørsmål som elevene kan stille. Innspillingstiden er satt til 30 sek., slik at filmen totalt sett ikke skal bli for lang.

Vi har valgt å dele inn opplegget i to. Første del foregår før besøket; her har vi tidlig filmhistorie, bygging av kamera obscura og samtaler med den eldre generasjonen. Andre del foregår etter besøket, og rommer nyere filmhistorie, og selvrefleksjon omkring utstillingen og filmens fremtid. Når vi har delt det inn på denne måten, er det fordi opplegget vil være for tidkrevende for én skoledag, og fordi det gjør det mulig å vekke elevenes nysgjerrighet før besøket, og gir rom for refleksjon etter besøket. Dette er imidlertid noe vi burde ha brukertestet. Det ville gitt oss innsikt i omfanget av oppgaver (for få/ for mange?) og tempoet (blir det kjedelig i lengden? går det for fort fram?), er alle komfortable med å stå foran kamera, og hvis ikke; hvilke alternative løsninger kan vi ev. finne på? Det kunne vært fint å kartlagt noen av disse tingene før vi satt i gang, underveis i prosessen og etter at plattformen var ferdigstilt.

Forslag til spørsmål som elevene kan bruke i intervjusituasjonen, her eksemplifisert ved siste oppgave (filmens fremtid)

Ikke klar for refleksjon, hjelp :(((

Konseptet kort forklart. Hent popcorn! God fornøyelse :D

[hannatyranna]

Brief 9 - Prosess

Den opprinnelige idéen gikk ut på at elevene skulle filme hverandre på Teknisk museum, for på den måten å kunne snakke om objektene. Vi utarbeidet to scenarioer. Du velger om du vil til ta turen fortiden eller fremtiden. Dermed får man opp noen spørsmål knyttet til teknologi, eks. "Finn den dummeste/mest meningsløse teknologien fra 90-tallet som er utstilt på Teknisk Museum. Trykk neste når du har funnet det. Hva har du valgt ut og hvorfor?"

Vi skisset opp en brukerreise og lagde noen skisser som skulle vise en mulig flyt i plattformen (se skisser under). En av tilbakemeldingene vi fikk var at det kanskje kunne bli noe monotont. Vi var stuck :/

Men så kom vi over en bruksanvisning til kamera obscura. Det var ingen hokus pokus å bygge, og så fort vi hadde satt den i stand, var det flere i klassen som ville teste. Dette måtte vi implementere, tenkte vi. Men hvordan?

Og en ting ledet til en annen ;)

Neida.

Vi måtte beholde kamera obscura. Å bygge noe fysisk var også en av de tingene vi snakket om som vi mente hadde en verdi i en læringssituasjon. Å skape, bygge og reflektere; stikkord vi tok med oss i prosessen.

Vi bestemte oss for å sette det opp i en slags tidslinje; med kamera obscura som startpunkt

Tidslinjen starter på 1500-tallet med fotokameraets forgjenger, og tar for seg filmens utvikling til og med år 2000, med Tangerine (2015) som eksempel på hvor avansert mobiltelefonen er blitt (fantastisk film btw, anbefales!)

Underveis i løpet skal elevene lage korte filmsnutter som settes sammen til slutt. Her legges det opp til refleksjon og bl.a. intervju med den eldre generasjonen. Mer om dette i endelig resultat, siden Tumblr bare... :///

Vi brukertestet appen/læringsplattformen på noen grupper i 8.klasse. De lot til å forstå oppgavene, og leste teksten nøye. Vi spurte dem om de hadde laget film på skolen før. De hadde de. Det virket som det var noe de var komfortable med. Tilbakemeldingene var bl.a. at de syns det virket som en morsom oppgave (morsommere enn skole, som de sa). Vi fikk imidlertid ikke testet de ulike oppgavene på elevene. Dvs. bygging av kamera obscura og filmklippene de er ment å lage. Jeg tror vi hadde hatt utbytte av å teste de ulike oppgavene underveis, for på den måten kunne observere engasjement og oppgaveforståelse. Hadde vi til slutt kunnet teste hele flyten på en klasse/mindre gruppe, ville vi også kunne tilpasset appen til brukergruppen og optimalisert pacen. Grunnen til at vi ikke gjorde det, skyldtes nok en idé om at vi måtte ferdigstille appen før testing. Jeg tror også vi hadde hatt utbytte av å snakke med noen i målgruppen tidlig i prosessen, dvs. før vi i det hele tatt landet på idé.

[hannatyranna]

Brief 9 - Tur til Teknisk museum + idéer 

Gruppe: Adam, Leo og Hanna

Vi startet runden på Teknisk museum med litt match-making på skjermene deres. Teknisk museum foreslo dyr på utstilling som løype, så vi gikk for den. Bort til første monter. Her ser dere en noe som ligner på en sjøløve! Jøss, tenkte vi. Etter knappe 3 minutter fikk vi beskjed om at løypa var forbeholdt barn, og at vi var altfor gamle :/ men Leo tok utfordringen og fortsatte på løypa. Han kunne fortelle oss at begrepet databugs oppstod i en tid der datamaskinen faktisk kunne bli utsatt for insektangrep. Ja, vi fikk til og med se noen døde bugs bak skjermen på en av maskinen som var utstilt. Morsom funfact. Det fikk meg til å tenke på en tekst (The Best Laid Schemes o' Mice an' Men: The Evolution of the Computer Mouse) om hvordan datamusen ble til (konklusjon: datamusen kom som et svar på et behov for å "avfeminisere" datamaskinen, i en tid der typewriting var en ytterst feminin aktivitet, i følge Paul Atkinson). Vi så flere artefakter som faktisk minnet om dyr, en telefon som minnet om ansiktet til en ape, og var det ikke noe som minnet om en giraff også? Hvorfor fikk de dette designet? Det kunne vært interessant å utforske nærmere.

Gjettelek: Hvilket dyr ligner dette objektet på?

Det ble ikke noe dyrene på Teknisk museum denne gangen, nei. Kanskje neste gang? :D Uansett, vi landet på film og foto (To av oss har startet filmklubb for smale filmer, så det passet i grunn bra). Vi brukte litt tid på å komme opp med 10 idéer, men likte best idéen om et spill (en agent må tidfeste bilder og finne ut hvilket kamera som ble brukt), og tv-reportasje idéen. Idéen om agentspillet sprang ut av det vi opplevde som mangelfullt på utstillingen, nemlig at all kontekst er visket ut, at altfor mye foregår på skjerm og at objektene er utstilt i montre. Her kunne man jo kanskje tenke seg at det ville vært fint å f.eks. se et fysisk eksempel på et polaroid-bilde?

Vi snakket også om ulike læringsmetoder, og kom frem til at vi selv hadde mest læringsutbytte i skapende prosesser. Vi bestemte oss derfor for å utforske TV-reportasje-idéen videre.

[designingaction]

Brief 8 - Noe morsomt om internett

Jeg og Hanna laget en Windows’98 minneside med Britney som historieforteller (1998 regnes av mange som en vesentlig del av hennes storhetstid). Vi fokuserte på å lage en side der man kunne scrolls seg gjennom flere av sentrale grensesnitt fra windows98 sin tid: desktop, chat på msn, spillgalleriet (snake, kabal, pacman) og farlige internettlenker som bare poppet opp. 

Happy throw back!

KODE x) x)::

resultatet ligger på https://windows1998.netlify.app 

[hannatyranna]

Har du lurt på hvordan det var å vokse opp på 90-tallet? Seff har du det. Malin og jeg gir deg det ultimate tilbakeblikket i Windows98. Vi brukte kanskje litt vel lang tid på å lage bakgrunnen (med tilhørende ikoner, startfane etc.), siden vi ville at alt skulle være klikkbart. Men Aksel måtte nok skuffe oss der, ja:/ Vi har ikke nådd Javascript-level ennå, så bakgrunnen ble statisk og vi spicet opp med noen animasjoner og litt musikk i stedet. Vi prøvde også å kopiere Minecraft-koden, slik at man faktisk kunne prøve seg i det ultimate Windows-spillet, men det ble for komplisert (selv for Kode-Aksel).

[hannatyranna]

Brief 7 - Personlig nettside 

Link til nettside: https://hannatyranna.netlify.app/

Jeg har vært borti HTML & CSS før, men dette er så lenge siden at jeg følte meg helt n00b i møte med dette vanvittig vanskelige <kodespråket>. I briefen stod det at vi skulle bruke nettsiden til å få frem våre personlige uttrykk og kvaliteter som designere. Etter et par dager med HTML-kurs, vil jeg nå betrakte meg selv som HTML-pro B-) Hanna Super Professional Design Bureau leverer kvalitetsnettsider, men også "so much more".

liten kul effekt der, ja;)

[tuvajs]

URBAN GAME - RESULTAT

Trykk på denne linken :D

https://www.figma.com/proto/kQpsFoDiujNep2Tou2oBA1?node-id=49:83&starting-point-node-id=49:83

Synd det der ;) Bare en ting å gjøre da:

Du kan jo prøve å trykke nei, men du kommer deg ikke unna nå vettu.

Hemmelige agenter følger med. Ikke finn på noe tull.

For film av full gjennomgang trykk her: https://youtu.be/Vtxj7CXoPMU

lover linken er trygg ;)

..det er faktisk mulig å vinne spillet, men da må du svare det moralsk riktige på alle oppgaver. Det har ingen så langt klart.

Nå bruker jeg spillet hele tiden :) 👍🏼 elsker gaming.

[hannatyranna]

Link til videoen finner du her, kompis;)

[hannatyranna]

Brief 6 – Urban game 

Keen på å tjene raske penger? Bli rik og superettertraktet? Look no further! We got you.

Ha, ha, ha!

Du trodde kanskje det var så enkelt? ://

Velkommen inn i underverden. Vi tester ditt moralske kompass, din syndebukk.

Test begjæret: her i underverden kan du date så mange du bare vil... oi, da, valgte du flere enn én? ai ai ai. Du kan jo ghoste dem, men... akt Dem.

Test gjerrigheten: Du finner masse penger, bare å plukke i vei, kompis!

Test hovmodet: Siden du har blitt rik kan du jo velg om du vil donere bort pengene eller investere i NFTs... har hørt at NFTs er lukrativt om dagen;)

Test misunnelsen: Du blir utfordret av en rik og vellykket forretningsmann. Han vil ta damene dine.

Test vreden: Du får en telefon fra en telefonselger. Får man aldri fred, eller?

Test latskapen: Ta 30 push-ups foran Pushwagner, eller ikke...

Test fråtseriet: Du finner sjokolade, men heisann.. spiste du den opp allerede?!!!

Din dom vil bli avgjort til slutt;)

Siden jeg selv ikke var tilstede under gjennomgangen, passet jeg på å gi noen digitale beskjeder. Stor suksess :D

[hannatyranna]

Brief 6 – Prosess 

2222

Vi hadde time travel som tema og skrudde kalenderen til året 2222. Det hele startet med litt briefing på messenger.

Ole hadde ville idéer, men det ble kontant avvist :/

Tuva og jeg gikk på location scouting – på utkikk etter noe øde og dystopisk. Vi likte ideen om en dystopisk verden. Det bar umiddelbart ned til Akerselva, men nei, det kjentes for romantisk (selv for to romantikere), vi måtte finne noe annet! Da vi endelig fant turen opp til St.Hanshaugen var det klart. Det måtte bli her; på selveste gravlunden. På gravlunden så vi plutselig en annen gjeng fra klassen. Jeg kommenterte. "Tuva, vi er ikke alene om å være her". Det ble stille et sekund. Setningen fikk en annen betydning. Vi skjønte at vi var på rett sted.

Så tilbake til klasserommet til litt mer sketching og idémyldring. Vi likte følgende type spill: Larp, Urban Adventure og Treasure Hunt. Kunne vi vekke de døde til live? Kunne mobilen fungere som et utdatert objekt/antikt objekt? Her kunne alt skje.

Vi satt fast en stund. Hvilket narrativ skulle vi fortelle? Vi forsøkte oss på litt brukertesting med enkle virkemidler; kart, rebus, og litt larp underveis. Det satt ikke helt. Vi så også en episode av Black Mirror for litt inspo, men det ble liksom mer sofakos enn arbeid:/

Brukertesting vol.2: nå hadde vi spisset narrativet, og siktet oss inn på de syv dødssyndene. Tuva og jeg jobbet videre med narrativet og idéen, og Ole og Georg jobbet med det visuelle i Figma.

Henrik måtte forøvrig ta 30 burpees, og gjorde det på strak arm. Imponerende!

Skisser i Marvel.

Miro er en fin plattform for samarbeid.

[hannatyranna]

Brief 6 - Det store AHO-spillet

GRATULERER DU ER KOMMET INN PÅ AHO!

Å lage et eget brettspill kjentes overveldende. Hvor skulle vi i det hele tatt begynne? Var vi i stand til å lage et brettspill, sånn helt uten videre? Men har man en gang kommet inn på AHO (gratulerer!), så er det ingen vei tilbake (dette er en liten sneak peek). Gjennomgangen av spilldesign og teori ga oss noen mulige rammer. Vi likte idéen om samarbeid om et felles mål, og baserte våre felles verdier på vennskap, kunnskap og frihet (sånn går det når man har to frankofile på gruppa). Den endelige idéen kom til oss etter Ingrid fortalte oss om et spill hun holdt på med som barn; hun hadde klippet ut ansikter av menn og klippet ut ulike beskrivelser/attributter. Og deretter skulle man trekke en fremtidig ektemann med tilfeldige egenskaper. Hadde det bare vært så enkelt :D Vi utbroderte idéen litt, og endte opp med det store AHO-spillet.

Det store AHO-spillet går enkelt forklart ut på å gjennomføre 10 semestre på AHO for å få diplom. Men akt deg, det er mange hindre underveis!

Ved hjelp av akademiske og sosiale poeng kan spillerne bestå semesteret eller måtte bli stående på det nåværende semestret. De akademiske poengene var først fysiske brikker, og man måtte ha hele 3 akademiske poeng får å komme videre. Vi ble til stadighet stående på semester 1, og følte oss rett og slett dumme :( så vi droppet brikkene, og måtte prøve oss frem ved å spille spillet flere ganger. Til slutt fant vi en god balanse (det gjelder å holde motivasjonen til studentene oppe, tross alt...), og de akademiske poengene ble i stedet byttet ut med antall semestre.

Okei, så til reglene: man begynner med å trekke et kort (din spiller, i dette tilfellet klassekamerater). Her skulle egentlig spillerne også få utdelt spesielle egenskaper, f.eks. "du er dritgod til å tegne" eller "du stjeler andres ideer" (ref. Ingrids spill fra barndommen) som man kan bruke til å cashe inn, dersom man f.eks. skulle være så uheldig å trekke feil kort underveis. Men det ble litt for komplisert, så vi måtte break it down. Uansett, brettet er et slags plankart over skolen: biblioteket, klasserommet, kantina, taket, verkstedet og puben. Spillerene kaster terning og beveger seg rundt på kartet basert på tallet de får, så kaster de terningen på ny. Får man 1-3 må man trekke et scenario-kort, og får man 4-6 må man trekke et utfordringskort. Kortene er stedsspesifikke, og trekker du et scenariokort i kantina kan du f.eks. få følgende: "Du finner ikke vennene dine, og må spise lunsjen din alene :( Du mister 2 sosiale poeng". Trekker man et utfordringskort må man bl.a. mime og tegne, og dersom man klarer utfordringen vil man bli belønnet med enten akademiske eller sosiale poeng. Det hele er et stort skolespill, med etablerte og mindre etablerte sosiale koder. Litt som i livet ellers, og når du endelig har fått diplom, og tror du kan leva livet, er det bare å begynne på det store arbeidslivsspillet (kommer sommeren 2026) :D

[hannatyranna]

Brief 6 - Spilldesign 101 

Vi ble satt i grupper på to. Mikkel (den spillerfarne) og jeg (den uerfarne) spilte Spyfall (etter noen mislykkede forsøk på å lære oss Quest). Vi spilte også One Night Ultimate Werewolf (brettspill), og det slår meg at alle spillene vi spilte faktisk endte opp med å spille hadde en ting til felles; det gjaldt å ikke bli avslørt! Her måtte man holde kortene tett mot brystet og være en god løgner. Det ultimate livsprosjekt med andre ord;) Både Spyfall og Werewolf-spillet var lett å sette seg inn i og ikke minst ganske morsomt, selv for en som mangler totalt konkurranseinstinkt... Det viste seg at jeg hadde det i meg likevel ://

[hannatyranna]

Brief 5 - Piece of Vegan Cake 

Voilà, en kakeapp for veganere!

Ta del i det ultimate kakefelleskapet. Her kan du dele oppskrifter, lagre og like kakeoppskrifter, chatte med fellow veganere <3 Finne spesialbutikker, siden vi veganere tross alt ikke får tak i de ingrediensene vi trenger på dagligvarekjede(lig).

Elias lurer på hvilken vaniljekrem man bør bruke til skolebrød? Dette og mye annet kan han få svar på i appen. I tillegg kan brukere gi bort ingredienser eller left-overs fra kakefest, eller dele tips og trix

Appen er tiltenkt veganere, som et litt ekslusivt fellesskap. Men det betyr ikke at animalsk-etende mennesker kan bruke appen. Terskelen kan imidlertid være litt høy, og sånn sett kunne jeg vurdert å legge til et alternativ for de som ikke nødvendigvis ønsker å delta i det sosiale fellesskapet, men f.eks. bare ønsker å browse oppskrifter mulige oppskrifter på kaker til de derre sære veganerne. Dette kunne vært løst helt innledningsvis med to mulige "reiseveier" inn i appen. Den ene til fellesskapet og den andre rett til listen over oppskrifter. Neste gang!

[hannatyranna]

Brief 5 – Prosess 

Jeg fikk tildelt kaker som utgangspunkt for en ikke-kommersiell delingsapp. Med min ikke-eksisterende kunnskap og interesse for baking generelt, og kaker spesielt, gikk jeg til verks. Det hele begynte med litt drodling om vinkling, navn og uttrykk, samt testing i Marvel. Jeg var fortsatt i koronatåka, som de så fint kaller det, så arbeidet med Figma lot vente på seg. I mellomtiden tok jeg kontakt med noen ivrige kakebakere på Facebook. Først uten hell på Facebookgruppa kakebakere, men så med høy svarprosent på kakegruppa for veganere <3 Etter tips fra Hans Gerhard om at vi burde snevre inn målgruppen/vinklingen, bestemte jeg meg til slutt for å gå for en app tiltenkt veganere. Betimelig kanskje, siden jeg selv er en sånn vanskelig veganer, og vet hvor stort behov vi har for å snakke sammen. 

Så bar det hele over i Figma. Det hele startet med en introduksjon til programmet, og vi startet med å kopiere Snapchat-estetikken. Det var overraskende intuitivt og brukervennlig, syns jeg.

Jeg prøvde meg frem med ulike fonter og farger først. Kaker er jo litt kitsch, så jeg gikk for seriffer og duse farger. Helt til jeg fant en bakgrunn som jeg selv syntes skrek kakefest. Jeg forsøkte også å lage en helt egen hjemknapp (et minimalistisk kakestykke), men etter noen tilbakemeldinger fra klassekamerater og dyktige Figma-connoisseurs, gikk jeg bort ifra både bakgrunnen og hjemknappen. Bakgrunnen ble et forstyrrende element, og jeg ville heller ha gjenkjennbare og mindre dominerende knapper.

Appen er delvis inspirert av Nabohjelp og Kitchen Stories, dvs. med hensyn til funksjonalitet. I Nabohjelp kan man sende ulike forespørsler, og dette ønsket jeg å implementere i Piece of Vegan Cake. Nabohjelp syns jeg imidlertid var en uhyre lite brukervennlig app, med altfor mange funksjoner og et rotete layout. Kitchen Stories er en app for deling av oppskrifter, og her kunne jeg hente litt inspirasjon til layout. Jeg gikk imidlertid litt bort fra oppsettet (horisontal scrolling), siden jeg selv opplever at en vertikal scrolling gir en bedre oversikt over alle oppskriftene. Fargepaletten nedenfor viser hvilke farger jeg til slutt endte opp med å bruke, samt logo og ikoner.

[hannatyranna]

Brief 5 - Drømmeapp (Out of office) 

Hvem er vel ikke lei av stadig å lage de samme gamle rettene om og om igjen? (spesielt i disse Covid-tider, hvor matlysten og motivasjonen er lav) Og hva skal man gjøre med de snart overmodne tomatene? Min drømmeapp ville vært en matsvinn-app – en app som gir deg oppskrifter basert på varer man allerede har hjemme, og som forteller deg hvilke ev. ekstraingredienser du må få tak i for å lage flere retter. Si farvel til råtne tomater og overmodne bananer! 

[hannatyranna]

Brief 4 - Storytelling: Animation

The assignment:

Animation is a playful, fun, serious and a potentially surprising medium. Use the next few days to experiment and try techniques you haven't used before.

Criteria:

Create a stop motion film making a “dead” object come to life.

The assignment must be completed individually

Use at least three animation principles

Add sound to reinforce the experience

Max 20-30 seconds (.mp4 format)

The animation videos presented in our introduction lecture were inspiring and gave us a good idea on what animation is and can be, from very short and simple animation to more advanced animation. I was especially intrigued by Stems, and decided I wanted to create small characters from trash and others objects I had at home. I used storyboarding to get an idea of the story I wanted to tell and how it could be played out. I did however change the story during the filming process and decided I would go with a simpler story, in this case a race. I wanted to add a surprising element in the story, and went with the vacuum cleaner, I do however realise that I may seem a bit arbitrary. A lot of time went into staging the scenario, lighting, camera positions, finding good locations amongst others. Next time I'd like to set up a better location, spend some more time on storyboarding and maybe experimenting with more elastic materials, i.e. plasticine or clay.

[hannatyranna]

Brief 3 - Storytelling: Cartoons

The assignment

Create a cartoon on interaction design. The assignment is to observe, interpret and convey a digital experience. 

I have minimal drawing experience, so creating a cartoon in a few days was rather a challenge. I’m not satisfied with the result, neither the story nor the style of the cartoon. I initially wanted to express the decadent experience of physically browsing for music in a time where all music is available online. In retrospect I would have done a lot of things differently, amongst others using fewer colours to make others stand out. I think that I also could have benefitted from exploring the theme in just one cartoon frame, i.e. filling the whole page with a drawing of the store. 

[hannatyranna]

Storytelling: a short movie on a common object. Pictures shown illustrate the process and final movie. We used Miro to draw out different ideas and created a mind map.  

#brief2