#vierlive

VIER.LIVE Karaoke

I samarbeid med VIER.LIVE, har vi laget en KARAOKE-app.

Ønsker du å se på konsert hjemme i stua? Og liker du å synge? Da er VIER.LIVE KARAOKE noe for deg!

I appen velger du om du ønsker å se på konserten som singel-player eller multi-player. Slik fungerer appen ved singel-player: Appen registrer når du synger, og da vil en fargerik animasjon bak konsertskjermen komme opp.

Appen fungerer slik ved multi-player: Hver spiller får sin egen farge. Fargen forteller når spillerene skal synge. Hvis begge fargene lyser opp på skjermen betyr det at det er tid for allsang eller duett.

Uforutsigbarheten i karaoken håper vi kan være med å øke spenningen ved å delta. Vi tror at karaoke i sammenheng med VIER.LIVE sine konserter, vil forbedre konsertopplevelsen. Samtidig tenker vi at feedbacken gjennom de abstrakte og lysende animasjonene vil skapet et engasjement for å synge under livestream-konsertene.

UKE 1

Jeg startet uka veldig usikker på hvordan jeg skulle løse oppgaven. Jeg ble veldig opphengt i følelsen av å se forelesninger på zoom, og synes det var vanskelig å se for meg en god konsertopplevelse gjennom en livestream. Men etter mye grubling fram og tilbake, slo det meg at folk liker å se på film-musikaler og synge med, såkalt «Sing-Along» og dette ble derfor utgangspunktet for mitt prosjekt.

Jeg skopet prosjektet ned til å handle om musikaler/konsertopplevelser, hvor folk hadde lyst til å synge. Og gjennomførte en kvantitativ spørreundersøkelse for å styrke eller svekke min hypotese; «Folk liker å synge når de er på konsert». Denne hypotesen ble styrket gjennom spørreundersøkelsen.

Ut fra spørreundersøkelsen begynte jeg å skisse ulike ideer til hvordan en «Sing-along» app kunne se ut og fungere. Jeg likte ideen om flere muligheter innfor appen, og så for meg at den kunne bestå av både filter som var basert på opptredenenes kostymer. Men også koreografi fra opptredenen. Og endte opp med denne skissen

Ferdig prototype:

Figma fil med alle prototype connections: 

Link til figma fil: 

I denne delen av prosjektet skulle vi samarbeide i grupper på to og sette sammen konseptene våre til en samlet løsning.

Skop:

Vi fant ut at eventet vi ville designe for er artistene og deres musikk i form av en digital plattform. Måten vi ville gjøre dette på, var å få frem musikken ved å designe for både artistene og det digitale publikummet, med hovedfokus på nykommede artister. ​

Når det kom til hvor tett vi ville jobbe på det eksisterende Vier. Live systemet ønsket vi å introdusere et nytt konsept. Tjenesten i sin helhet skulle være integrert i Vier. Live sitt nåværende tilbud i form av en app, da majoriteten bruker applikasjoner på mobilen og det er en lavterskel for å laste opp samt streame av publikum. ​

Nøkkelfunn:

I våre nøkkelfunn fra tidligere innsikt og research fant vi ut at det er lite filtreringsmuligheter i Vier. Live sitt nåværende tilbud. Hovedfokuset deres er streaming av mer eller mindre kjente artister, både med kommende og tidligere events. Under streamene hadde vi også sett at det er lite muligheter til kommunikasjon og samhold. Vi hadde også sett at tjenesten har et stort potensiale for å utvide sitt tilbud innen musikk og for å nå ut til et større publikum.    ​

Våre konsepter:

Vi var nå kommet til den delen i prosjektet der vi skulle sette sammen våre to konsepter til et konsept. Vi fant ut at vi ville ta med hvordan man kan bruke reaksjoner under streams og etter. Vi ville også ta med og se på hvordan det man liker og ikke liker kan påvirke hva andre ser. Ellers så vi det også interessant å inkludere en funksjon der Vier.ive kan få informasjon ut i fra brukerne og artistene, som de kan bruke til å filtrere og sortere det de får inn til det de skal sende ut.

Brukertesting:

I denne oppgaven skulle vi designe et grensesnitt for live arrangementer for samarbeidspartneren Vier.Live. Vi skulle designe opp mot en mindre del av en større applikasjon og ha fokus på relevans, flyt, brukervennlighet og engasjement. Fremtidens arrangementer blir mer og mer digitale eller hybride. Hvordan vil disse funke og hvordan vil de se ut?

Scope:

I starten av prosessen fant jeg ut at jeg ville ta i bruk eventet live stream for en konsert. Metoden for dette skulle være digitalt med et digitalt publikum. Fra de eksisterende Vier.Live elementene ville jeg ta i bruk live chat funksjonen de har på live sendingene sine.

I mitt prosjekt ville jeg jobbe med tilbakemelding og reaksjoner underveis og etter konsert streamen. Grunnen til at jeg ville jobbe med dette er fordi kommunikasjon og samhold under konsertene er viktig. Måten jeg skulle gjøre dette på var ved å ta inspirasjon fra Spotify Wrapped.

Forklaring av skisser: 

Underveis i streamen vil det være en livechat der man kan chatte med andre og en reaksjon funksjon der man kan reagere på sangene med ulike reaksjoner. Chatten og reaksjonene vil vises som fullskjerm på mobilen, mens streamen er tenkt å castes til en skjerm. Etter streamen vil det komme et sammendrag av konserten. Dette er som vist i skissene eks. mest aktive folk, mest reaksjoner på en sang, en liste over alle sanger som ble fremført, høyest aktivitet under streamen og din/alles aktivitet.

Digital prototype: 

Under livestreamen vil det dukke opp to skjermer på mobilen der du kan chatte og gi rekasjoner/emojis på sangene som spilles. Selve livestreamen vil vises på enten tv-skjermen eller mobilen. Når man trykker på en reaksjon, skal den enten dukke opp i større format på skjermen eller x antall av den trykte reaksjonen boble oppover skjermen.

Etter livestreamen vil det komme sider med sammendrag av konserten. Den ene siden er alle sangene som er fremført. Trykker man på en sang vil man komme til en ny side som viser eks. hvor mange som hørte på den, antall gitte reaksjoner og kommentarer. Det kan også vise den mest aktive personen under en sang.

Jeg jobbet også med å lage en siden med et sammendrag av alle reaksjonene og kommentarene av hele streamen. 

Link til figma: 

Jeg og Francis ble satt på gruppe sammen, og vi ble enige om å jobbe videre med hans konsept. Han hadde gjort en meget god jobb med prototypingen, men den hadde en del feil og mangler så vi bestemte oss for å sette det sammen på nytt. 

Jeg begynte å jobbe med hvordan vi skulle presentere informasjon om de forskjellige utøverne, og hvordan vi kunne flette dette sammen med resten. Siden utøverne på de forskjellige lagene sjelden er fra samme land var det viktig for oss å få nasjonaliteten deres frem, med tanke på at nasjonalitet ofte er viktig for dem som følger med på sport. Utøvernes rolle på båten var også viktig og fremheve, med tanke på at man kunne filtrere ut hvem man ville følge med på. Et eksempel på dette er at hvis man er opptatt av hvordan de planlegger kursen kunne man huke av “the navigator” på laget for å få varsel om når ting som er relevant til det blir streamet. 

Å integrere dette og samtidig skape en god flyt i appen viste seg og være ganske vanskelig. Og vi burde helt sikkert testet mye mer enn det vi gjorde, men ved hjelp av å legge ting lagvis følte vi at flyten ble ganske god. 

 Alt i alt produserte vi nok litt for mye til å kunne gå ordentlig i dybden på spesifikke interaksjoner.

Reslutat

Brief 7

Del 2

Vi klarte til slutt å formidle verktøyet vår på den måten vi ønsket. Vi klarte å skille de to forskjellige funksjonene for både vennskapelig og romantisk bruk. 

Videoen øverst viser den originale ideen for hvordan informasjonen skulle vises, noe vi gikk bort fra etter tilbakemelding. 

Vi fant ut at det å porsjonere ned informasjonen var lurt for at brukeren skulle få med seg alt som ble presentert. 

Resultatet ble en step by step guide forklarer bruken.

link til figma: