Oversikt til prosjektet Klatrevenn

OppgavenResearchIntervjuer og PersonasMålgruppenIdeutvikling og ProblemstillingPrototype og TestingDesignsystem

Klatrevenn

Klatrevenn
Semesteroppgave

Oppgaven:

I denne oppgaven sto vi fritt til å velge problemstilling selv.
Målet med oppgaven er å vise fram hva jeg har tilegnet meg av ferdigheter og kunnskap gjennom semesteret.
Det skal lages en kodet landingsside og prototyper i Figma.

Hva jeg lærte:

I denne oppgaven skulle vise fram så mye som mullig av hva jeg hadde lært gjennom semesteret. Jeg slet med å finne en idè siden oppgaven var helt åpen, og brukte mye tid før jeg landet på noe som falt innenfor min egen hobby, nemlig klatring. Jeg fulgte Design Thinking prosessen og fikk framgang.
Jeg gjorde grundig research-arbeid, og jeg fikk spesielt mye lærdom fra google forms spørreundersøkelsen, som jeg fikk publisere på større facebook-grupper innenfor klatring. Svarene her formet oppgaven min videre, og jeg endret hypotesen min.

Jeg har også lært at jeg jobber best under tidspress, og oppgaver med veldig lange tidsfrister uten delmål stopper opp for meg. Jeg begynte på Hi-fi prototype og å kode nettsiden i VSCode, HTML, CSS og JavaScript bare 3 dager før innlevering, og jeg er selv ganske fornøyd med å ha fått det i havn på så kort tid. I ettertid har jeg lært meg å stykke opp oppgavene, og lage meg et strengere tidsskjema så jeg ikke prokrastinerer. Jeg har også lært å bruke komponenter og variabler i farger og styles og typografi og sparte mye tid på dette. Jeg slang på en liten JS-kode når man trykker "Logg inn" og "Registrer" bare for å vise at jeg kan det og (og litt smisk).

Tidsramme:

5 uker.
Brukt tid 2 uker.

Verktøy:

Figma, Material Design, icons8, Github, Visual Studio, HTML, CSS, JS, Netlify, Google forms

Prosessen:

Design Thinking

design thinking prosessen

Link til kodet landingsside.
Laget selv ved bruk av HTML, CSS, JS:
https://klatrevenn.netlify.app/

Research og innsiktsarbeid

Jeg har valgt å jobbe med ett prosjekt som faller inn under mitt eget interesseområde innenfor klatring.
Siden oppgaven var helt åpen brukte jeg lang tid på å velge.

Etter å ha snakket med andre i klatremiljøet avdekket jeg ett behov og ønske om en løsning som gjør det mulig å dele lokale, og private klatrevegger. Ett sted hvor man kan samles eller booke seg tid til å klatre, og samles sosialt med flere som vil klatre sammen.

Jeg gjorde meg kjent med en rekke apper og nettsider for å finne ut hva som fantes og hvor det var udekte behov.

Jeg gjorde intervjuer av 4 forskjellige klatrere, og ansatte på klatresentere.
Jeg var på hjemmebesøk hos en som har laget egen klatrevegg i garasjen. Ett såkalt "Kilterboard".

I tillegg lagde jeg spørrenundersøkelser i Google forms som jeg delte i sosiale medier og flere klatre-grupper på Facebook. Denne ga verdifull innsikt i hva jeg burde bygge oppgaven videre på.

kilterboradKilterboard klatrevegg

Spørreundersøkelser

Spørsmål til intervjuer for behovsavdekking:

Hvor ofte klatrer du?
Ca Hvilket nivå ligger du på?
Har du brattkort?
Klatrer/buldrer du innendørs eller utendørs?
Hva bør en en app eller nettløsning for å samle klatrere og buldrere inneholde for å dekke dine behov?
Hvor finner du informasjon om lokale klatre og buldre ruter?
Hvor finner du nye klatrepartnere?
Hvor finner du informasjon om innendørs klatrevegger?
Hva savner du i eksisterende løsninger?

Konklusjon:

Ut ifra svarene jeg fikk på spørreundersøkelsen så finnes det allerede mange gode løsninger for å finne klatreruter utendørs, men ikke så mange innendørs, og ingen som kun har sosialt fokus på å finne en klatrepartner med riktig ferdighetsnivå til en tid man ønsker å klatre.

Jeg gjorde meg kjent med en rekke apper og nettsider for å finne ut hva som fantes og hvor det var udekte behov.

Tanken først var å gjøre det mulig å booke seg inn hos private klatrevegger, men skiftet til å dekke det sosiale og arrangere klatretid med dem er nok ett større behov som kommer til å faktisk bli brukt.

Oversikt spørreundersøkelser

Intervjuer og Personas

Personas intervju spørsmål:

Navn:
Alder:
Sivilstatus:
Sosiale medier:
Fortell meg om deg selv:
Hva motiverer deg?:
Hvilke utfordringer har du?:
Hva betyr klatring for deg?:
Hva betyr en klatrepartner for deg?:
Hvordan går du fram når du skal finne en klatrepartner om ingen av de faste er tilgjengelig?:
Hva bør du vite om en ny klatrepartner?:
Hvor klatrer du?:
Innendørs/utendørs?:
Hvor langt er du villig til å reise for å klatre?:

Personas intervju Hanne-Marthe
Personas intervju GeorgPersonas intervju Heidi

Brukerreise

Hans kunne tenke seg å klatre i dag siden værforholdene er perfekt, men ingen av vennene hans kan i dag, og han er frustrert.
Han må finne noen andre å klatre sammen med.
Han lager seg en bruker på "Klatrevenn" og får raskt en melding fra en annen i samme ærend.
De sender meldinger i appen og samkjører til fjellet og bytter på å sikre hverandre og klatre.
Begge to er glade og fornøyde med å ha funnet seg en klatrevenn.   

Frustrert Hans ser på mobilen sinHans får varsel på telefonen sinDe kjører sammen til fjellet
Klatrevennen sikrer hans med tau, sele og taubremsHans klatrer i fjelletHans og vennen klatrer sammen

Målgruppen

Målgruppen er tenkt til klatrere av alle nivåer som ønsker å finne en klatrepartner, eller mennesker som ønsker å starte med klatring både inne og ute.

Tenkt alder er ca fra 15-70 år.
Man må kunne bruke digitale enheter og sosiale plattformer og være gammel nok til å ta ansvar for egen sikkerhet.

Idèutvikling

Definere Problemstilling

Hvordan gjøre det lett å finne en klatrepartner med riktig ferdighetsnivå til en tid man ønsker å klatre sammen med noen.

Spisse oppgaven

Jeg ser det er flere som etterspør et løsning kun for å finne en klatrepartner.
Det finnes allerede ett hav av andre apper hvor man kan finne steder å klatre, men ingen som kun setter det sosiale og organiseringen av å skulle klatre sammen. Jeg har tatt utgangspunkt i disse tilbakemeldingene når jeg valgte hvilken retning jeg skulle ta oppgaven min.
Jeg har derfor valgt å spisse oppgaven inn mot å lage en klatrepartner-app.
I en perfekt verden med uendelig tid og resurser ville jeg nok laget en app som samlet alt av info som er så veldig spredt, men jeg er fornøyd med å ha gjort meg ny innsikt og ta i bruk denne videre i prosjektet.

Lo-Fi prototype
Skjermbilde av LO-FI prototype

Hi-fi prototype

Skjermbilde av HI-Fi prototype. Landingsside av Klatrevenn. Oversiktsbilde av HI Fi prototype

Testing

Lo-fi testing

Spørsmål til tester:
I denne testen så ønsker jeg at det er fokus på innhold av funksjoner og ikke så mye fokus på utseende.
Si ifra om de tingene du reagerer negativt eller positivt på, og still kritiske spørsmål.
Hva savner du?
Hva liker du?
Hva liker du ikke?
Finnes det noe som er overflødig?
Er ting der du forventer å finne dem?

Tester Nr1:
Svar gitt skriftlig og kommentarer ligger ved siden av prototypen det gjelder i Lo-fi:

Innlogging/landingsside:
Syntes det var enkelt og grei første side. Kommer klart fram hva slags side man har havnet på. Regner med at man går rett til sosiale innlegg hvis man allerede er logget inn eller automatisk føres over når man logger inn eller oppretter bruker, for det skjer ikke på klikk i prototypen.

Innlegg:
‍Her mangler det ett felt for å skrive/lage innlegg for publisering.! Ellers oversiktlig og veldig likt det jeg er vant med fra andre sosiale medier. Liker at kalender/tid man søker å klatre kommer godt frem.

Kart:
‍Hvorfor er oppgavelinjen forskjellig her fra resten? Kanskje ha filtreringene på selve kartet i stedet?

Profil:
Burde kanskje hatt ett område hvor du skriver litt om deg selv og kanskje oversikt over venner inne på profil? Kjekt første gang man fyller inn info om seg selv med listen. Kanskje være litt forsiktig med å spørre om vekt? - ihvertfall sørge for at denne er valgfri å fylle ut.

Medlemmer:
Liker at man får opp grader personene klatrer på og mulighet til å gå til kalender for å se når de har planlagt noe. Pluss for å se godkjenninger/brattkort og avstand fra deg. Hadde vært kjekt med mulighet til å filtrere på ev avstand, grad, tilgjengelighet osv. Men liker opplegget.

Dropdown meny:
Pluss for mange options sånn at man slipper å klikke seg inn på så mange forskjellig steder for å komme dit man vil. Noen av valgmulighetene har ikke en side som man kan klikke seg inn på.regner med at dette vil være en del av ett ev. ferdig produkt. kanskje venner skal finnes på profilen? Menyen er ikke klikkbar på resten av prototypene, men skjønner godt funksjonene siden den har en egen framvisning.

Mine prosjekter:
Ser for meg at jeg kunne brukt denne mye i planlegging av vanskelige klatreruter hvor man må memorisere en beta før man klatrer.kunne vært en ide og dele beta med flere for å få forslag fra andre om man står fast? vet flere andre klatre-apper har denne siden og det er nok ett trekkplaster.
Kanskje linke siden opp mot appen “vertical life”?

Kalender:
Veldig enkelt. Grupper:enkel og oversiktlig.kanskje legge til en filtrering/sortering av grupper sånn at de med nyeste post kommer øverst eller man kan søke til gruppen med flest medlemmer. Liker generellt opplegget. Enkelt og greit.

Tester nr 2:
Jeg savner å kunne gå tilbake fra registreringsknappen, men skjønner at det er en tidlig prototype.
Ellers likte jeg denne appen veldig godt.
Jeg liker at den er ganske kompakt, liten men samtidig gir mye nytte for de den er tilegnet til.
Liker at man må gi så mye info fra seg.

Jeg liker ikke:
Veldig tidlig å si uten å ha sett farger osv. Men alt i alt liker jeg den

Overflødig:
nei, den er ganske to the point. Ting er der jeg forventer å finne de.
Hvis det er knappene det er snakk om så skjønner jeg alle knappene, og kjenner de igjen fra andre nettsteder som bruker mye likt

Svar, konklusjon og endringer etter tester:

Det var rett og slett flaut at jeg ikke hadde med muligheten til å legge til venner i første lo-fi. Appen heter tross alt "klatrevenn". Det viser viktigheten av å teste. Noen ganger ser man ikke det som er rett foran nesa på oss.

Selvfølgelig har jeg nå lagt inn felt for å kunne publisere innlegg i Hi-fi.

Under kart har jeg lagt til filtreringsikonet på Hi-fi etter tilbakemeldinger.
Har endret slik at oppgave linjene er like.

Under Profil siden har jeg lagt inn ett ekstra felt nederst hvor man kan skrive litt om seg selv.
Tenker at denne minimerer seg selv når man har fylt ut disse feltene og lagret.

Jeg la venner inn under profil, men lar like vel venner bli stående i dropdown menyen for å forenkle søkeprosessen, selv om profil og venner leder til samme side.

Under mine prosjekter så tenker jeg at det er en god ide å linke denne til allerede eksisterende løsninger for dette som f.eks “vertical life”.

Lagt til filtrerings ikon under grupper etter tilbakemelding.

Ang spørsmål om vekt i appen:
Dette er noe som påvirker sikkerheten dirkete og om det er mulig å klatre sammen eller ikke. Ideelt sett bør det ikke være mer enn 10-15kg forskjell i vekt mellom sikrer og klatrer, og max 20kg med tanke på sikkerhet og risiko for bakkefall. Vekt er derfor ufravikelig.

Det er tatt lyd og skjermopptak av testingene.

Hi-fi testing

Spørsmål til Hi-Fi tester:
Hva er ditt totalinntrykk av appens design?
Hva er ditt totalinntrykk av appens funksjonalitet?
Hvordan føles det å navigere seg på appen?
Forstår du konseptet for appen?
Hva er positivt?
Hva er negativt?
Noe du savner?
Noe som bør fjernes eller endres?

Tester er en habil klatrer med 20+års erfring. Hun vet godt hva hun ser etter og hva som er nødvendig funksjoner i en slik app.

Samtlige forslag er tatt med til evaluering og endring i HI-Fi.

Totalinntrykk:
Appen ser grei ut. Ikke noe å påpeke.
Likte at man hadde kart så man kunne se klatresteder eller hvor andre bor.

Likte landings siden og at det er brukt like ikoner over alt. Appens funksjonalitet er grei, men jeg skulle gjerne hatt en knapp for å sende meldinger, og en knapp for å svare på meldinger som kommer i “newsfeeden” ellers syntes jeg appen var grei.

Funksjonalitet:
Forstår at dette er en app for å finne klatrepartnere. Kanskje også for å finne klatresteder hvis de markeres i kartet. Kan se at dette appelerer til andre klatrere da man helst ikke klatrer alene

Positivt:
Fint design, minner litt om facebook, men for utvidet funksjonalitet for klatrerer. Likte fargene og at ting viser en hviss konsistens igjennom hele appen. Feks at farger osv ikke er blandet. Bildene som er brukt er også fine

Negativt:
Mangler send melding knapp, og svar knapp, samt syntes jeg teksten glir litt i hverandre på feed siden. Registrer knapp så er siden fra profil gjenbrukt. Men den skal jo være tom når man registrerer seg?

Savner:
Svar knapp og “reply” knapp, og kanskje en liste med klatresteder i nærheten basert på hvor langt unna de er?

Endres:
‍Registrer deg siden burde ikke ha venner ferdig utfylt.
Fjerne:
Loginn/Registrer nederst på desktop landingsside burde fjernes.

Designsystem

Designsystem var ikke en prioritert faktor i denne oppgaven som dere sikkert kan se.
Det måtte harde prioriteringer til for å klare å skvise inn 5-6 ukers arbeid på knappe 2 uker.
Jeg brukte google sin Material Design plugin med personlig tilpassing, hvor jeg valgte ut noen grunnfarger selv, så genererte den resten av fargetonene utifra mine valg. Jeg laget meg noen komponenter av bla logo og sjekket at kontraster og skriftstørrelser var innenfor WCAG sine retningslinjer.
Ikoner hentet fra Icons8 plugin.

Oversiktsbilde av designsystem, komponenter og typografi

Oversikt prosjekter

Klatrevenn
UU-Quiz
Risør Kommune
Lucky Clover
Nasjonalmuseet
SATS