#interactiveproducts2020

[andreadesign]

Alle prosjektene dette semesteret samlet <‘3

[toranielsensollesnes]

Figurer til prototyp som skal testes i morgen:)

[designbynissen]

BRIEF 4: Fantasy music manager

👍🏼 A new focus

After shifting focus I felt a new sense of inspiration. After the user testing I decided to focus on the game aspect of FMM and how to get the players to return to the game more frequently.

From my analysis of the beta-version of FMM I felt like I was missing something. From playing other fantasy games I had experienced a different type of game play, so why not just take inspiration from what already works and people continuously use? I also still felt a need to get the artists of the game to gain something, and help up-coming and new-comer artists get a platform to build themselves up.

I did another user test with a paper prototype (using the 'Wizard of Oz' method), and got feedback on what to work further on.

Feedback from usertest:

User didn't understand that you were going to pick a team and how.

Choose between giving the user "money" or "spots" to choose artists - don't need both

How do you gain points?

Needs a back option (iPhone users - how it goes when you have an Android :))

🎭 Iteration

After the user test, I started the iteration process. I quickly started to use Figma to really see how things would look and how the flow of the game would work. This made me find solutions to the feedback more quickly, at the same time seeing the flow of it all. Tomorrow (Thursday September 10th) I will test my Figma prototype, so I can iterate even more before we do a demonstration of the whole concept on Friday.

[whatsimonmade]

Trying to figure out how the reviewing process should work...  By dividing the process up in different pieces, and looking at other ways to hand out points(or other incentives) to the user for reviewing.  Also finding it difficult to find a fair way to make the user give “themselves” points, and how we can combat “inflation” of points in the App.

[amalieaad]

Brief 9: Interaktive læringsmidler

Brukerinnsikt med nye øyne

To uker av prosjektet har gått. Vi har gått mye frem og tilbake i designprosessen. Endelig har vi landet på et konsept, men merker at det er noe som ikke er helt riktig.

Det er noe vi har kanskje fokusert litt for mye på? Er vi på riktige spor? Dette må vi finne ut av nå, selvom det noen ganger er vondt å inse. Jeg valgte derfor å dra til barna som er brukerne våres, for å lære mer om hvordan de leker og tenker, med nye øyne.

Det jeg fant ut av å være med de to guttene som går første og andre klasse var at vi har kanskje undervurdert hvordan deres alder tenker og handler.

Begge hadde ingen problem med å svare på mine matte spørsmål om tall, begge hadde full kontroll over ipadene og spillene men begge to syns alle matte spillene de hadde på ipaden var kjedelige, de ville ikke engang vise meg.

Det vi nå må revurdere er for det første hvordan lære seg tall på appen, og hvilket nivå skal det ligge på? For det andre må vi revurdere det fysiske, om mulighetene blir større ved å holde alt på det digitale. Viktigst av alt hvordan gjøre læringen GØY?

Jeg tenker at det er mye som er åpent fortsatt og at retningen med koding kan være spennede, utfordrene og gøy for barna! Vi må bare få alt på riktig sport og retning nå. Gleder meg til å jobbe videre med prosjektet!

Plan for neste uke

Neste step: Iterering!

[amalieaad]

Brief 9: Interaktive læringsmidler

Iterering

Ny uke!

Da er vi igang med uke 3 og vi startet med å ta for oss alle tilbakemeldingene, brukerinnsikten vi fikk og rette konseptet mer mot kompetansemålet!

Ny fokus

- Målet med tankene våres er ikke at barna skal lære seg koding men at vi trekker måten å løse oppgaver på altså at du gjør noe steg for steg.

- Vi valgte også å gå litt bort fra de fysiske klossene og heller fokusere på det digitale og fokusere på å gi barnet en riktig forståelse for mengde og tall!

- Vi vil også fokusere mer på det tverrfagelige som det å sette tall i andre konsektser!

- Vi har også sett på en ny interaksjon som er spennende å jobbe videre med og det er at barna skal bruke fingene sine til å lage klosser som de da kan legge i hverandre som gir den effekten av mengdeforståelse. Disse klossene skal da kunne dras på banen og får figuren til å hoppe frem!

Nå er det bare å skisse og jobbe i Figma for å lage en prototype for brukertesten!

Neste step: Lage prototype på Figma

[andreadesign]

Denne uken skal vi designe med APIer (Application Programming Interface), og min samarbeidspartner denne gangen er @eliasrolvaghorsgard​. Temaet er igjen sykkel - så vi skal ta for Oslo Bysykkel sin åpne API og se på hvilke data vi har tilgjengelig. 

Det har vært utfordrende å forstå seg på hvordan man skal visualisere dataen vi har - men etter en hel dag med idémyldring har vi kommet fram til et konsept vi tenker å gå videre med. Neste utfordringen nå er finne ut hvordan vi skal produsere dette i html (og eventuelt JavaScript hvis vi tar på oss den utfordringen). 

[andreadesign]

5. Something interesting about bikes

4 dager - 1 nettside Individuelt

Det er vanskelig å tegne sykler, men med denne nettsiden kan du øve deg på det i timevis. Følg videoen til venstre - og tegn selv til høyre. Snart er du en kløpper på å tegne sykler! 

Lyst til å blir en mester på å tegne sykler selv? Trykk her!  (fungerer best i google chrome, og ikke på touchenheter)

[andreadesign]

{ HTML & CSS finale }

Min tanke: Jeg ønsker en nettside hvor man lett kan lære seg å tegne en sykkel (siden dette er visst vanskelig). Med denne nettsiden får man da en videotutorial på den ene siden, og et tegnetavle på den andre siden hvor du kan øve mens du følger med på videoen. I tillegg er det et lite galleri med sykkeltegningene lenger ned, hvor man kan se på syklene som andre har tegnet. 

Her er en skisse av hvordan jeg tenkte for å bygge opp nettsiden. Boks-i-boks-i-boks-i-boks-tankemåten har hjulpet mye med hvordan jeg skal legge opp i html, for at ting skal komme i rekkefølgen jeg ønsker. På siden har jeg også skrevet opp hvilke tagger jeg ville brukt, og hvordan de skal være nøstet inn i hverandre. 

Ting som gjerne skulle vært med men som var utenfor mitt nivå: - Forskjellige videoer med tegninger. Egentlig ville jeg ha tre videoer, som man kunne finne ved å trykke på knapper. Jeg var nesten i mål med dette - men det var en liten ting jeg ikke fikk til. Jeg kunne latt det være slik det var, men da ville designet blitt ødelagt. Veldig irriterende å mangle siste bit når man er så nærme, men men. - Egen avspillingskontroll. Dette var egentlig bare en liten bonusting som hadde vært gøy å få til, og har derfor ikke påvirket funksjonaliteten. 

Arbeidsplassen til slutt - en blanding av html, CSS og litt JavaScript. Pluss en god del mapper med forskjellige forsøk på venstre side. 

[andreadesign]

Paper prototyping

Etter forrige uke så velger vi å gå ett par steg tilbake. Vi ønsker å se mer på strukturen vi har satt opp – om det går an å gjøre denne enklere å forstå, på en annen måte eller rett og slett bare bedre. Vi vil også se mer på spillene og hvordan føre diskusjonene mer. Vi startet dagen derfor med paper prototyping rundt nye strukturer, oppgaver og undervisningsmetoder!

Skolehverdagen

Vi begynte å tenke rundt hvor lenge elevene klarer å sitte rolig? Hvor lenge klarer de å konsentrere seg om en oppgave? Når blir noe kjedelig? Hvor lenge følger de med på hva læreren sier? Vi har derfor snakket med to lærere for å kartlegge skolehverdagen til elevene mer. Her er våre funn:

- De fleste elever klarer å holde fokus i 30 til 40 minutter om det de jobber med er interessant. De er ulike, så noen klarer ikke holde fokus i mer enn 10 min. Hvordan få med seg disse? - Når det gjelder å lytte til læreren så holder det med 15 til 20 minutter. - Viktig at de får være aktive selv, og ikke bare lytte. - Aktiviteter kan de holde på med lenge, så lenge det er variert og blir lagt rette for bevegelse i form av å bytte grupper, gå til ulike stasjoner og diverse.  En bekymring fra vår side > Tar det for mye tid å bytte grupper underveis? Nei, hvis det er godt organisert med klare og tydelige beskjeder, så vil ikke dette stjele for mye av tiden. 

[toranielsensollesnes]

Brukertest og underveispresentasjon

Vi brukertester disse to prototypene som det er bilde av over. Den ene hadde mer tekst og små illustrasjoner mens den andre hadde mer illustrasjoner enn tekst. Disse to testet vi på to jenter i 9ende klasse og en gutt i 8ende klasse. 

Prototype 1(øverste bilde):

Tilbakemeldingene vi fikk på denne var at brukerene likte de små illustrasjonene ,men brukerene syntes det var litt mye tekst. Han hadde også vanskeligheter med å konsentrere seg om innholdet. Dette kan ha vært fordi han syntes innholdet var litt vanskelig, noe han utrykket. 

Prototype 2(nederste bilde):

Etter denne testen fikk vi tilbakemelding om at de likte illustrasjonene, men at de ønsket mer “variasjon og animasjoner”. En interessant ting en av brukene påpekte var: “Hvordan appen fungerte var lett å forstå, men ikke så mye faktaen. Man må ha litt forkunnskaper”. Dette så vi på begge brukertestene at var et problem at de slet med at det som skulle læres var veldig vanskelig. Noen konkrete ting brukene fortalte vi kunne gjøre for å gjøre denne prototypen bedre var:

- “Hva med hjelpeknapp i hjørnet som gir informasjon.”

- «Hvis du gjør noe feil så bør man få spørsmålet igjen, så det sitter når man er ferdig»

- “Fine farger og tegninger, men ønsker “mer variasjon og animasjoner”

Refleksjon: 

Etter brukertestene begynte vi å reflektere over hva vi kunne forbedre. Ettersom brukene syntes læringsinnholdet i applikasjonene var veldig vanskelig kom fram til at vi burde bli helt klare på om applikasjonen skulle supplere læringen og teste noe man allerede kan, eller om man skulle lære alt pensumet i applikasjonen. Hvis vi skulle bruke den til å erstatte læreboken var vi nødt til å gå mye mer trinnvis fram og lære det bort slik at elevene skjønte det. Vi tenkte også at brukerene likte de fargerike illustrasjonene som vi kunne bruke videre i prosjektet.

Etter tilbakemeldinger etter presentasjon:

Etter vi hadde presentert brukertester for klassen, Lars Marcus og assistentene fikk vi en rekke tilbakemeldinger som gjorde at vi måtte tenke helt nytt. Vi fikk tilbakemeldinger om at vi ikke hadde hatt et spesifikt nok mål for brukertestene noe som gjorde at vi ikke hadde fått så mange tilbakemeldinger å jobbe videre med. Vi innså det selv da at det at folk likte illustrasjoner og at de syntes næringsinnholdet var litt vanskelig, var noe vi egentlig kunne ha tenkt oss ut selv. Det eneste vi egentlig fikk ut av brukertestene var at vi var nødt til å finne ut om plattformen skulle erstatte eller supplere undervisningen. Vi fikk også tilbakemelding om at prototypene ikke hadde noen særlig høy innovasjonsgrad. Alle disse tingene gjorde at vi måtte tenke i nye retninger videre i prosjektet. 

[andreadesign]

Brukertester

Vi hadde brukertest med to lærere! Dette er hovedfunnene våre: - Oppgaver hvor man skal samarbeide med andre, så kunne det vært fint hvis det ble valgt tilfeldig. Får man velge selv så kommer man til å velge en man kjenner, og det er også fare for at noen ikke blir valgt. Kan eventuelt være to runder – en med valg og en tilfeldig. - Fint med aktuelle temaer rundt det de interesserer seg i og hendelser de kan kjenne igjen fra egen hverdag. - Barn lærer i forskjellige tempo – og siden man skal sette seg sammen og diskutere med andre er man avhengig at noen blir ferdig til samme tid. Må ikke la de sitte å vente og ikke gjøre noen ting, men må heller ikke bli ferdig for fort. Må kontrollere tiden. - Viktig med ett tema om gangen/undervisningstimen. - Postkasseidéen – bør sendes til læreren og tas opp i neste time

Demonstrasjon 2.0

Gjennomgangen av prototypen på fredag ga oss også flere gode tilbakemeldinger for hva vi kan jobbe videre med: - Videoene < her hadde vi ikke noe eksempel med i prototypen. Enten må vi droppe de eller vise hvordan det ville blitt. Kanskje det ikke er hensiktsmessig i det hele tatt å ha de med? - Burde komme raskere til en form for spill, og designe disse mer i detalj.  - Elevene må bli ferdig med oppgavene noenlunde samtidig for at ingen skal måtte vente, eller kjappe seg for å bli ferdig.  - Hvor lenge holder de på diskusjonene før de sporer av å snakker om andre ting? Må i større grad føre diskusjonen i en retning. - Bygger videre på et mønster som allerede er etablert og kjent. (Fikk snapchatvibes).  - Fint med de spillene man setter seg inn i situasjonen til noen andre. Slipper da å tenke over hva man selv synes om situasjonen, og får også en større forståelse for andre. 

Veien videre

Etter å ha sett på kommentarer og tilbakemeldinger, har vi funnet flere områder vi vil jobbe videre med, fjerne eller se på nye løsninger rundt. Dette er tingene vi ønsker å se litt ekstra på: - Vurdere om det er nødvendig med videoer eller om disse bare blir fyll? - Tenke mer over læreren sin involvering i appen, både med undervisningen og tilpassing i appen. Kan læreren være med å bestemme hvilket innhold elevene skal gjennom? - Se mer på strukturen. Kjent mønster, men er denne strukturen det beste for vårt formål? Er sveipingen selvforklarende? - Ta for oss en mindre del av applikasjonen, og heller designe denne i mer detalj. Fokusere mer på spillene og hvordan disse er utformet.  - Tidsperspektivet og hvilken samarbeidspartner de får/velger.

[designbynissen]

BRIEF 4: Fantasy music manager Vol. 7

👫 Merge: Figma prototype

Another day, another day to use Figma.

Since our ideation and gathering of what we wanted our game to consist of, we started our Figma prototyping. We had written down all our tasks to do today, and started right on. With our good groundwork from yesterday the work flow was effective.

We distributed the work out, and we now have a pretty good base for our prototype. Tomorrow we plan on discussimg and go through any changes we want to make. We will also start user testing so we can iterate, and do our work more thorough.

We checked alot of the list today, and are ready for another good day of work tomorrow.