Sofus

Pesentasjon uke 4

———-

Nettside til appen

Presentasjonene:

arkivskap-uke1.netlify.com

arkivskap-uke2.netlify.com

arkivskap-uke3.netlify.com

Ferdig prototype

Da vi først fikk oppgaven om å lage en reklamefilm begynte jeg med en gang å fundere på hva jeg skulle filme. Jeg ønsket å ta noe som var personlig (som jeg har litt peiling på), men som ikke hadde fokus på humor (da hadde jeg skutt meg selv i foten) og som likevel var interessant. Jeg ønsket også helst å ha noe hvor jeg selv ikke måtte være med i filmen. Dette var nesten umulig, og i ren frustrasjon sa jeg høyt til meg selv “Hvorfor kan jeg ikke bare ha om spingvann?” 

Jeg fant fort ut at jeg ville ha en video som tok frem gode/dårlige sider ved drikke. Fordelen med det var at jeg nå hadde en god unnskyldning til å kjøpe en haug med brus til meg selv. Det var heller ikke lenge siden jeg hadde lest en artikkel om hjerteinfarkt og energidrikker, så det var ikke vanskelig å finne stoff til videoen.

Denne høsten har vært noe jeg har gledet meg sinnsykt mye til. Interaksjonsdesign er det jeg tror jeg vil jobbe videre med, og dette halvåret har bare vært utrolig morsomt fra dag en. Ikke minst har det vært gøy å komme så mye nærmere kunnskap som jeg tidligere trodde var helt fjernt for meg - fra enkle ting som å lage en bryter, til arduino og koding. 

Det er vanskelig å si hva som har vært mest krevende, for alt er alltid det så lenge man prøver å gjøre sitt beste, men det har uten tvil vært både krevende og lærerikt med så mange gruppeoppgaver. Vi kommer til å jobbe så mye med andre i arbeidslivet, og ikke bare er det viktig å lære seg hvordan man skal jobbe med andre, men først må man finne ut hvordan man selv egentlig er i en gruppe.

Så hva har jeg lært om meg selv i gruppearbeid?

- Jeg er veldig avhengig av å jobbe strukturert og ha klare delmål for å motivere meg, men også for å ikke bli fullstendig stresset. En designprosess er likevel ofte ufattelig rotete, og selv om jeg liker å skape en viss struktur til prosessen så må jeg også passe på å ikke stresse ihjel meg selv og andre når ikke alt går etter planen.

- Jeg blir utrolig ukomfortabel hvis jeg får følelsen av at jeg presser for mye på andre i gruppen. Jeg føler meg derfor mer komfortabel med å jobbe med folk som sier i mot meg - da vet jeg at de aldri vil si seg enig i noe og egentlig være uenige.

- Jeg må slutte å alltid ville være en potet i alt og alle settinger, og akseptere at folk er flinkere enn meg til ulike ting. 

Og naturligvis mye mer, men dette blir de tre viktigste punktene for nå.

Jeg synes det er synd at semesteret er over allerede, for all del, jeg priser juleferie, men jeg føler jeg fortsatt at jeg har utrolig mye å lære og hente på denne siden av design. Selv om dette naturligvis kommer senere og, er det litt kjipt at det er over så fort.

Det er aldri morsomt når du føler du er på riktig vei, og så forteller noen deg at du har gått og snublet i grøften hele tiden. Det var litt sånn oppgaven tidvis føltes med gjevne mellomrom i prosessen. Vi slet med å klare å ta avgjørelser i starten, og brukte mye tid på en veldig bred research. Når vi først trodde vi var på rett sti kom vi til bomveier x antall ganger i samtaler, brukertester osv. Det er likevel noe av den mest lærerrike og opplysende prosessen man kan ha!

Jeg har tegnet en del russelogoer i livet mitt, og alltid kommer gruppen med veldig vage beskrivelser av hvordan de ønsker den skal se ut, og selv om de sjeldent klarer å kommunisere det så har de likevel ofte klare ideer om hvordan produktet skal ende opp. Dessverre sitter man ikke i kundens hode, og det er definitivt de gangene jeg har tegnet en skisse som blir “riv ruskende gal” at jeg får de mest fornøyde kundene til slutt - nettopp fordi de endelig klarer å kommunisere hva de ønsker ut i fra den ikke-helt-fungerende skissen.

Dette er sånn prosessen har vært nå og; ja, vi har gått mye frem og tilbake - men det har vært så utrolig mye lærdom i å se folk prøve noe som ikke fungerer 100%. Det gjorde at vi virkelig fikk erfart viktigheten av å holde innholdet konkret og direkte knyttet mot brukeren vår. I starten var vi så utrolig i det vide og det brede at jeg synes det er fantastisk at vi klarte å koke det til noe som ble så kort og konkret, og at vi virkelig klarte å fokusere på hva som var essensen ved appen vår til slutt. 

Appen vår ville trengt mange finjusteringer, tester og mye samarbeid med Byarkivet for å ha blitt et ferdig produkt, og det er ikke tvil om at man lager en splitter ny app på fire uker som funker til perfeksjon. Vi har også uten tvil lært at app er langt i fra den beste løsningen, noe man altfor fort kan tenke. 

Vi gikk nesten tilbake til starten av der vi hadde vært fra begynnelsen av: Dugnadsbasert app fra Byarkivet, for Kunnskapsrike Trond.

Vi tok så for oss de fire kategoriene som byarkivet hovedsakelig trenger frivillig hjelp på: Transkribering, datering, plassering og nøkkelord.

Retningslinjene for appen var enkel: Gode kontraster, god lesbarhet, enkel og få funksjoner.

Vi konstanterte at vi ønsket en litt hyggelig app som kunne minne om arkivene nede på Byarkivet, og første visualiseringen så ut som bildet over.

Appen skulle være enkel med 1 feed med oppgaver og en profil hvor man kan se hvor mye man har bidratt med.

Vi jobbet mye videre med den grafiske profilen, siden denne var essensiell for å kommunsiere innholdet vår godt til brukeren.

Endringer:

Større kontraster, fjerne sortering i mappeform og legge inn preferanser i stedet.

Vi forsøkte også å løse transkriberingen på app, men dette var ikke gunstig ovenfor brukeren. Vi vurderte derfor å knytte det opp mot en nettside, men også det ble for komplisert. Det var fortsatt en veldig vikig oppgave, og vi beholdt den med en henvisning til Byarkivets lokaler.

FEED

Feed’en består kun av de oppgavene som ønskes løst. Her kan man se ca. hvor lang tid oppgaven vil ta, hvor den kan gjøres (mobil / byarkivet) og et ikon eller bilde som raskt viser hva oppgaven handler om.

KATEGORIER

OPPGAVENE

Etter å ha trykket “Send inn” la vi inn en ekstra bekreftelse, for å hindre at man trykket feil og dermed ga feilaktig informasjon.

Transkriberingen viser hvor stoffet du skal transkribere er, eventuelle nøkkelord (om de har blitt skrevet) så man kan se om man interesserer seg for stoffet, og et referansenummer fra Byarkivet - hvis de har ekstra informasjon å gi.

PROFIL

De siste fire ukene har vært et kaos av en prosess, og jeg klarer ikke hundre prosent å surre hodet mitt av hvordan vi kom i mål, men jeg skal prøve å oppsummere så ryddig som jeg klarer.

Først av alt vil jeg bare si TAKK til gruppen min, som har vært fantastisk og ikke minst supertålmodig når det har gått litt i vinkler i hodet mitt. Oooog for at de holdt ut med meg.

De siste to ukene gikk vi for det meste gjennom brukertesting av appen.Vi slet fortsatt med å bestemme oss helt for hva den skulle inneholde, til tross for at vi hadde funnet en veldig spesifikk bruker. 

Vi prøvde først å lage en app for å hjelpe byarkivet med f.eks. stedsplassering av bilder og årstall.

Vi følte likevel ikke at det traff 100%. Vi fikk også tilbakemelding på at appen ble veldig stor, og at vi burde forsøke å kutte den ned litt. Vi bestemte oss for å prøve en vinkling hvor det var snakk om å hjelpe byarkivet ved å skape engasjement rundt deres arkiver og arbeid.  Samtaler med Byarkivet fikk oss til å føle at det var mer å hente her.

Her ved å knytte to ulike brukere mot hverandre med hjelp av en litt guidet app som tok for seg ulike steder i Oslo hver uke, og ga folk mulighet til å dele sin kunnskap. Vi prøvdeå lage en bro mellom de to personasene våre:

Slektsforsker Trond 

Nysgjerringe Tone

Resultatet her var at appen gikk veldig langt bort bra den dugnadsånden vi ønsket å dyrke i starten. Vi fikk også tilbakemelding på at kunden ikke alltid vet best, og at å gå tilbake til dugnadsbasert app faktisk kunne hjelpe byarkivet mer enn de trodde selv.

Vi hadde hele tiden jobbet oss mot to ulike personaser, og nå innså vi at det var på tide å si farvel til Nysgjerrige Tone, og fokusere på ...

Kunnskapsrike Trond!

Tilbakemeldinger og referat.

Vi har hatt utrolig mange revideringer av problemstillingen:

Vi skisset ut noen ideer om hvordan de tre ulike konseptene ville sett ut, for å veilede oss videre i ideskissingen.

KONSEPT 1

KONSEPT 2

KONSEPT 3

På tur hjem fra skolen tirsdag den 06/11-18, dagen vi fikk oppgave, prøvde jeg å finne ut av hva jeg skulle ta bilde av. Jeg tok bilder av litt forskjellig - fugler, trær, hvordan folk står - før jeg ble oppmerksom på hvor mye tagging det var rundt omkring. Jeg har tenkt på det (og tidvis irritert meg) før, men jeg har aldri tatt innover meg det som faktisk blir tagget. Derfor var det gøy å gå inn for å dokumentere dette. Den siste km tok jeg derfor 16 bilder av utvalgte områder.

Jeg har fullstendig nybegynner for koding, og starte med å bestemme en enkel layout som jeg håpte jeg skulle få til; Header > link >  ingress > bilder > footer. Etter rundt 6-7 timer med knoting så det sånn ut:

Med et smalere vindu ble den sånn:

Jeg ønsket å videre utforske om jeg kunne få nettsiden til å bedre tilpasse seg andre enheter, og jeg begynte å lese om “flexbox”. Jeg leste meg opp på temaet via denne linken:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/?fbclid=IwAR3QdvDpHRtMyz3N1WqkWRgy7U5JiGH9-EICIq1l-NPQDwMkkPmdV2dlQJY

Det var utrolig krevende å forstå, og å strukturere kodingen riktig i forhold til header, content og footer, men etterhvert (ihvertfall mange timer..) klarte jeg å flette inn kodingen jeg allerede hadde gjort inn i denne typen flexkoding:

Dette gikk utrolig mye fram og tilbake, og i første omgang fikk jeg ikke hoveren til å funke. Etter å ha sovet litt på det, knotet litt til og tråkket meg gjennom ytterligere 5 timer med arbeid så den heldigvis sånn ut:

Jeg fikset også blant annet fonten ved å bruke “font-size: 9vw;” (9% av vinduets størrelse”. Her ser man hvordan det fungerer:

GIF

Det var likevel utrolig mye frem og tilbake, og kodingen min så ut som om noen hadde kastet opp på arket. Jeg brukte derfor en plug-in via atom (Atom Beautify) for å rydde opp i kodingen. Her er før og etter:

Det er selvfølgelig mye jeg ville endret (grafisk design var ikke det jeg fokuserte mest på), og det er mye man kommer på underveis etterhvert som man lærer seg kodingen. Jeg kommer mye mulig til å fortsette å surre rundt med denne etter oppgaven er levert!

Her er nettsiden helt ferdig:

Andre nyttige linker jeg brukte:

https://fontawesome.com/ - ikoner

https://color.adobe.com/nb/create/color-wheel/ - Farger

https://fonts.google.com/ - fonter

https://www.w3schools.com/ - bare svar på en haug med spørsmål.

Ferdig reklamefilm for springvann

Tilbakemeldinger: 

- Lyden kunne vært sterkere

- Kunne vært enda flere overskrifter som var spredd mer utover bildet, for å gjøre inntrykket enda mer intenst.