Sweetspoten mellom fleksibilitet og brukervennlighet

Årets sommerstudenter

🦦 Tuva Sofie Vold
Starter 5. året på master medie- og interaksjonsdesign, UiB

👾 Sol Hansen Berg
Starter 5. året på master medie- og interaksjonsdesign, UiB

🏓 Eirik Solberg
Starter 5. året på integrert master i datateknologi, NTNU

🦒 Maya Sommero Evensen
Starter 5. året på master i maskinlæring, UiB

👶 Thomas Barth
Starter 4. året master i informatikk: AI, NTNU

🐙 Carina Seidel
Starter 5.året på master i maskinlæring, UiB

Før oppstart

Før sommeren ble vi invitert inn til Kantega for å få presentert flere ulike caseoppgaver. Etter litt idémyldring landet vi på oppgaven fra RAYVN, en krisehåndteringsplattform som støtter kommunikasjon, samarbeid og koordinering under kritiske hendelser 🚨 Oppgaven var tett knyttet til kunstig intelligens, noe vi som sommerstudenter så på som en spennende mulighet til å få praktisk erfaring med å designe og utvikle KI-støtta løsninger🤖

Heldigvis fikk vi også god tid til å bli kjent med både hverandre og Kantega før prosjektet startet. Allerede før sommeren deltok vi på Kantega sine interne fagdager i tillegg til middager, minigolf, lønningspils og den årlige sommerfesten 🎉 Da prosjektet endelig gikk i gang, kjente vi derfor både teamet vårt og resten av Kantega-gjengen godt.

Mission impossible

RAYVN ønsket å gi sine brukere muligheten til å lage skreddersydd funksjonalitet ved bruk av KI direkte i plattformen. Med en stor kundebase og stor variasjon i hvilke behov og funksjoner kundene ønsker seg, meldte det seg raskt et spørsmål: hvordan skal vi lage en generell løsning som passer for så mange? Og hvordan skal vi gjøre løsningen så enkel å bruke at selv kunder uten teknisk kompetanse klarer å bruke den?

Kickstart med designsprint 🏁

Den første uka gikk til en intensiv (men veldig gøy) designsprint, som vi gjennomførte sammen med RAYVN. Målet var å konkretisere ideen, etablere felles mål og lage en testbar prototype for å validere konseptet. Videre ut i uka skisserte vi prototypen, bestemte oss for nøkkelfunksjonalitet, og tegnet brukerreise ✍️

Da vi nådde prototypestadiet i sprinten, valgte vi å bruke Claude Code til å generere en fungerende løsning. Dette gav oss en mer interaktiv prototype enn tradisjonell Figma ville gitt, og var enklere å teste og iterere på, samtidig som det passet også godt med RAYVNs «AI first»-tilnærming. Dagen etter gjennomførte vi brukertester med både ansatte og kunder hos RAYVN for å validere konseptet. Spoiler: Konseptet falt i smak!

Etter sprinten hadde vi mange gode ideer og tanker om både design og backend, så da var det bare å sette i gang med utviklingen👨‍💻👩‍💻

Bilder fra designsprinten i uke 1

Utvikling & design

Gjennom sommeren jobbet utviklerne og designerne parallelt for å få prosjektet i mål. De første ukene brukte utviklerne på å etablere grunnmuren i løsningen og bli kjent med spec-driven utvikling. Denne arbeidsmåten innebærer at man utarbeider og godkjenner en spesifikasjon før utviklingen starter, slik at teamet har en felles forståelse av hva som skal bygges. Vi startet “greenfield” med AI-motoren i backend, og fikk dermed bygge reglene og strukturen rundt LLM-en fra bunnen av. Da vi etter hvert gikk over til frontend, fikk vi tilgang til RAYVNs kodebase💫

Parallelt jobbet designerne med innsiktsfasen. De gjennomførte brukerintervjuer, kartla brukerflyter, utførte konkurranseanalyser og alle de andre fine UX-aktivitetene man kan tenke seg. Da designretningen begynte å falle på plass og backend-løsningen tok form, delte utviklerteamet seg i to. Én gruppe fokuserte på frontend og implementering av designet, mens den andre videreutviklet backend og sydde sammen de ulike delene av systemet.

Vi hadde veldig gode veiledere gjennom hele sommeren. De var med på standup hver morgen, fasiliterte retrospektivene våre hver fredag og stilte alltid opp når vi trengte råd eller et ekstra sett med øyne på en utfordring. Det gjorde sommeren både lærerik og veldig gøy🤩

Litt bilder fra sommeren både på og utenfor kontoret

Det sosiale

Kantega er godt vant til å ta imot sommerstudenter, og det merkes! Sammen med våre veiledere har vi i løpet av sommeren vært på flere middager, vært på quiz, badet, grillet, spilt spikeball, vært på escape room, testet oss i Fangene på Fortet og mye mer. I arbeidstiden er vi heller ikke fremmed for å ta oss en is-pause i solen, spille Mario kart, eller en intens pingpongmatch mens vi venter på svar fra Claude 😝

Vi var også så heldig å ha sommerjobben samtidig som det var VM i herrefotball ⚽️ Kantega hadde fast bord på VM-teltet i sentrum, så det ble naturlig å ta turen og se på kamp sammen. En ekstra shoutout går også til vår sommerstudent Eirik, som gikk helt til topps i Kantegas egen VM-profetliga og sørget for at vandrepokalen ble sendt til Bergenskontoret!

Vår løsning

En av de største utfordringene var å finne riktig balanse mellom fleksibilitet og brukervennlighet. Løsningen måtte kunne tilpasses ulike behov hos både små og store kunder av RAYVN. Vi utforsket flere mulige tilnærminger, men landet til slutt på en dashboardbygger som lar brukerne sette sammen sitt eget personaliserte dashbord 🖥️

Løsningen vår bygger på eksisterende KI-modeller, men gir dem kunnskap om RAYVN-plattformen underveis - uten at KI-en får tilgang til de interne dataene. KI-en «kan» altså ikke RAYVN på forhånd: den slår opp i vår egen kunnskapsbase og finner det som passer best til det kunden spør om, og får samtidig vite hvordan kundens konto er bygd opp. Kunden velger først en datakilde og beskriver deretter med egne ord hva de ønsker å lage. Ut fra dette lager KI-en en graf som kunden kan finpusse videre gjennom en samtale.

Dataene forblir trygt i kundens eget miljø hele veien.

Når kunden er fornøyd med resultatet, kan grafen publiseres og lagres som et «card». Og det er nettopp disse cardsene som er byggeklossene i dashbordet! Brukeren velger selv hvilke cards som skal vises og bestemmer oppsettet selv.

Vipps, så har kunden laget et et eget dashbord som er skreddersydd til egne behov. Ved å kombinere ulike cards kan hver bruker få frem akkurat den informasjonen som er viktigeste for dei, uten å måtte leite gjennom flere sider og menyer. Resultatet er bedre oversikt, raskere tilgang til innsikt og en mer fleksibel RAYVN-plattform.

Takk for oss🥳

Tusen takk til RAYVN for et spennende og utfordrende oppdrag, og for gode innspill og engasjement gjennom hele sommeren. De ukentlige møtene har gitt oss verdifull innsikt og hjulpet oss med å utvikle prosjektet videre.

Vi vil også rette en stor takk til Kantega for en lærerik, sosial og minnerik sommer. En ekstra takk går til våre veiledere, Gøran og Erik, som har støttet oss, delt av erfaringene sine gjennom hele prosjektperioden og ikke minst sørget for mange kjekke sosiale aktiviteter underveis.

Takk for oss!

Hilsen Tuva, Sol, Eirik, Thomas, Maya og Carina❤️