Magnus Winther | Interactive Products 2021

Archive for all design brief projects of 2021

[mwdesign-21]

Dialing in

Pop it out, and back in again. 6 - NO, 7 states!

Let's get rolling!

Sliding action

Slidy slidy

Pull and release

Spenende å lære om inputs på tektilt vis.

Gjør at man kommer bort i fra konvensjoner man fort kan stå fast i.

Tok et par forsøk å komme inn i det.

Grader og binære brytere.

[mwdesign-21]

Det tok litt tid før folk turte å komme bort, men da de prøvde gikk prosessen bra. Folk i maskinen reagerte veldig forskjellig, men det som var mer morsomt å se var reaksjonen på de andre som sto rundt, og etter på når de kunne vise hvilket kort det fikk.

Tiden var veldig viktig - 30 sekunder er mye i dette tilfellet, så vi tok det ned til 20.

Av like vel tror jeg vi nådde målet med å skape "delight". Mange smil i hvertfall.

(morsomt nok er de to i svar-hvit mine tidligere klassekamerater fra VGS)

[mwdesign-21]

Brief 1

Vi så for oss massasje, men ble fort enige om at det lett kunne oppfattes som tafsing.

Derfor gikk vi over til skiling som tjenesete.

Vi fikk konstruert en boks med kontrollpanel og betalingsluke.

[mwdesign-21]

The ups and downs of the Tickle Time experience

Joy, Pain, and Delight

Pictured : Hans Gerhard Meier - Design Teacher 

[mwdesign-21]

Jeg forsøkte meg på å formidle opplevelsen av å føles fjern i den virkelige verden før man overveldes av mulighetene.

Tanken var at tegneserien skulle avsluttes med en enkel hverdags scene. Selv i enkle hverdagsinteraksjoner med det digitale møter vi det endesløse romme vi kan forsvinne i. Første ordentlige tegneserien jeg har tegna på mange år.

[mwdesign-21]

Brief 4 - Game Controller

"Staven" man hold skulle funger på den måten at man trakk i en kule - festet i en strikk - og slapp for skyte. En klemmeknapp man trykket på med tommelen gjorde at ma plukket opp kulene i spillet. Bevegelse i spillet - side til side - blir utført ved at et belte møter en kant av en ramme.

Disse kontrollene kunne deles mellom to spillere. Vi burde kanskje ha prøvd å forenkle skytemekanismen mer. Av like vel var det en forbedring av en mye mindre stabil versjon. Beltene og rammene fungerte utmerket, men det hadde vært interessant å se om det hadde fungert bedre med kontinuerlig bevegelse.

Er usikker på hvor mye ekstra sosialt vi klarte å legge til spillet med kontrolleren egentlig.

[mwdesign-21]

Breif 5 - Musikkrobot

En trommemaskin som spiller på symbal.

Planen var at man skulle kunne justere kvaliteten av lyden ved å endre posisjonen av slaghodet, og at man skulle kunne kunne skifte mellom kombinasjoner av to set med reprogrammerte mønster for slag.

BPM er justerbart

Funka ikke helt som det gjorde rett før demo. Å lære å kode - selv i enklere utgave - var spennende, men utfordrende.  Er noe kjent med logikken, men det blir frustrerende når man ikke vet hvilken teknikk man skal bruke. Verre er når man støter på fysiske og tekniske begrensninger, noe som gjorde at vi måtte skalere ned. I framtiden tenker det er lurt å forsikre seg om disse begrensingene først.

[mwdesign-21]

Vi skissa og diskuterte rundt mulighetene og hvordan man kunne utføre det, før vi kom inn på hva som var nødvendig.

Vi tenkte man skulle kunne justere kvalitetene ved instrumentet mens man hoppet mellom forskjellige spor.

Tanken var også at det ville spille ved siden av andre instrumenter - derfor var det også mulighet for å justere bpm.

[mwdesign-21]

Brief 7 - Live Events Live Info Tool

Vi satte sammen en prototype for å demonstrere hvordan en budrunde ville kunne se ut i et digitalt live format. En timer på siden av skjermen viser progresjonen av budrundene og budene illustreres som chat-meldinger.

Man velger hele tiden ut hvor mye man ønsker å by over det nåværende budet. Det man vinner av bud blir lagt i en kurv man kan se under showet eller i etterkant.

[mwdesign-21]

Jeg fant Framer som IxD-vertøy, som lot meg enkelt lage en prototype som kunne vise fram overlays over en video med lyd, og lot meg lage elementer i dem som kunne endres.

Dette gjorde det mye letter å forklare og vise konseptet, og gjorde det tydeligere for meg selv.

[mwdesign-21]

Skisse av en live critique fra elevens perspektiv. Eleven kan gi "up-votes" til bilder andre har sendt, og ekspandere dem for å se hvilke tags og beskrivelse de har. Dette kan være basert prompts fra instruktøren som popper opp. Eleven har også tilgang til verktøy hvor de kan legge til predefinerte tags eller foreslå nye. Det er også mulig å skifte til den skjermen instruktøren ser på.

Disse skjermene viser kursholderens skjermer.

De kan skifte mellom forskjellige views, tvinge alle til å se deres skjerm. Instruktøren kan hvilke tags alle bildene har, og det er også mulig å velge hvilke tags som vises - samt legge til nye og tagge bilder med nye.

(Siste skisse) Eksempel på en ide med mapper og kategorier.

Dette var et komplekst verktøy, og med tiden vi hadde bestemte jeg meg for å lage en demo av "Link" i stedet.

[mwdesign-21]

For å tydeliggjøre "Master Class" før jeg kunne skisse mappet jeg ut og lista opp komponenter i IX og IA for å få et klarere bilde.

Etter råd fra Alvilde skapte jeg personas for å kunne lage et senario jeg kunne designe for.

Hver persona har en kort beskrivelse med direkte behov. Fire elever og én instruktør.

Dette er en tidligere parring av flere personas jeg hadde skapt.

Ut ifra denne prossessen kom konkrete senario - "Live Critique" og "Live Studio". Studio var mer i retning av et vanlig live show, men Critique var inspirert av en form for live sending som online kursholdere noen ganger tar i bruk. En kursholder går over og kommentere et utvalg av oppgaver eller innsendelser fra publikum og viser teknikker spontant.

Jeg tok mest utgangspunkt i Critique videre.

Mapping av IX, UX og spørsmål.

Videre mapping og listing av Critique med photo som senario.

[mwdesign-21]

Noen spørsmål til potensialet av "Link" jeg fikk underveis, men ikke rakk å undersøke.

[mwdesign-21]

Dette er skisseprosessen av "Link". Tok inspirasjon fra hvordan Spotify viser fra hvilken låt som spilles. Endte med å ikke skisse så mye vider på hvordan det kan se ut i stående format - etter som at mesteparten av innhold pleier å være liggende, og plassering er mindre utfordrende.

Etter det utførte jeg en mapping og listing av nødvendige skjermer ut ifra ønskede brukerinteraksjoner. Disse forsøkte jeg så å skisse i flere iterasjoner.

Jeg skissa en rekke skjermer for å finne ut hvilken plassering som virket gunstig, og for å se hvilken informasjon som kunne vises hvordan. Skissa også skjermene med overlay for "deling", spilleliste og "linking" til strømmetjeneste - samt forslag til hvordan man kunne få prompt om linking (siste bilde - venstre).

[mwdesign-21]

Prosessen - skisser, lapper, diskusjoner, kartlegging og flere skisser.

Hva vi er enig om, hvilke brukere vi designer for, og hvilke valg de kan ta - og hva som må finnes for å muliggjøre disse.

[mwdesign-21]

Brief 8 - Space Symphonic Nebual

Jeg hadde store ambisjoner om et kontrollpanel som skulle illudere interfacen på et slags stort teleskop som kunne lytte på nebula. Ingen av disse forsøkene endte godt, så jeg bestemte meg for å forenkle og heller bare få en enkelt knapp til å spille av et lydklipp. Ambisjon nr. 2 var å spille flere videoer samtidig, så de ville spille i kor. Det fikk jeg omsider til i siste liten.

Test det ut:

https://nervous-wiles-f6792d.netlify.app/

Kilde:

https://chandra.si.edu/photo/2020/sonify/animations.html#M16

[mwdesign-21]

Brief 8 - Space Kode

Med mye om og men klarte jeg til slutt å slenge sammen noe brukbart. Alt av eksperimenter med knapper og slider gikk litt i dass.

Var like før jeg ga opp å kode knapper til videoene, men så fant jeg ut av hvordan det fungerte. Under omstendighetene ble jeg fornøyd med resultatet.