KomIn Sverige
Klient
KomIn Sverige är ett stort samverkansprojekt mellan Folkuniversitet, Appbolaget, Aventus, Foxway, Göteborgs kommun, Göteborgs universitet, Högskolan Väst, Lingio, Sigma Technology, Trollhättans kommun, Vänersborgs kommun och ZoCom. Syftet med projektet är att samverka, vidareutveckla och implementera en digital plattform som stödjer språk och kommunikation i en arbetslivskontext. KomIn Sverige syftar till att utveckla en applikation som kan hjälpa nyinflyttade med integreras med den svenska arbetsmarknaden. Därtill skulle applikationen öka förståelse och fungera som en brygga till digitala system. Applikation skall även underlätta direkt vid jobbsökning och integration av tidigare erfarenheter i de svenska systemen.
Uppdragsgivaren Linda Bradley är docent i pedagogik vid institutionen för utbildning, kommunikation och lärande på Göteborgs Universitet. Projektet genomfördes i samband med undervisning på Högskolan Väst. Beata Jungselius, Universitetslektor vid Högskolan Väst, agerade examinator men är även personligen involverad i KomIn Sverige.
Uppdragsgivaren Linda Bradley är docent i pedagogik vid institutionen för utbildning, kommunikation och lärande på Göteborgs Universitet. Projektet genomfördes i samband med undervisning på Högskolan Väst. Beata Jungselius, Universitetslektor vid Högskolan Väst, agerade examinator men är även personligen involverad i KomIn Sverige.
Uppdrag
I samband med en kurs på Högskolan Väst utfördes ett sammarbete med KomIn sverige. Syftet med projektet var att utveckla ett conceptgränssnitt för KomIn Sveriges app. Arbetet utgick från de resurser klienten tillhandahöll, KomIn sverige bjöd dock in till tolkning och relativt frit skapande. Applikationen gränsnitt skulle vara lättanvänd för en stor målgrupp. Därtill skulle representation av KomIn Sveriges verksamhet och mål stärkas av designen.
Resultat
Fem sidor tillhörande samma gränssitsdesign presenterades för klientens representanter Linda Bradley och Beata Jungselius.
Klient
KomIn Sverige
Tidslinje
2 veckor
Min roll
UI/UX design
Gruppmedlemmar
Arvid Lindvall
Nikki Norberg
Emma Anne Rehnström
Helen Negash Girmazion
Deborah Awe-Cederqvist
Designprocessen
Empathize
Projektet började med att utföra en intervju med klienten. Allt som sades dokumenteras för att sedan kategoriseras. Klienten tillhandahöll information gällande målgrupp, men även tidigare version av applikationens design. Utöver det givna materialet utförsdes även forskning kring ämnen för att bättre förstå klientens behov. Figma användes för att strukturera upp vad applikationen behöver vid slutgiltig presentation. För inspiration utforskades etablerade gränsinit, exempelvis på hemsidorna för Arbetsförmedlingen och CSN.
Define
En WBS skapadesför att få en översikt över projektets delar. Därtill användes MoSCoW-metoden för att avgränsa och kategorisera vad som måste finnas med och vad som har god möjlighet att inkluderas. En riskanalys byggdes och möjliga lösningar på problem dokumenterades. Slutligen skapades en Kanban-tavla och ett Gantt-schema i Monday för att underlätta vid fördelning och översikt av arbetet. Dessa förberedelser underlättade utmed projektet
Ideate
En mindmap konstruerades för att bygga på idéer och lösningar. Tankar om AI-integrering, hjälpsamma och lättanvända funktioner, minskad textanvändning och integrationssystem lyftes. Ett system likt simmärken togs upp, ett sätt för användaren att samla och se sina framsteg. Modulära widgets diskuterades även, detta skulle låta användaren prioritera och anpassa appen utefter deras behov. 635-metoden, "Varför, Varför, Varför"-metoden samt Brainstorming nyttjades även i denna fas för att testa och bygga på idéer.
Prototype
När klienten godkänt de etablerade idéerna påbörjades designen av appen gränssnitt. Designen skedde i Figma där flera iterationer skapades. Designen presenterades för klienten som gav feedback, utifrån detta utvecklades desigen. Totalt färdigställdes 5 sidor för appen. Hem, framsteg, inloggningssida, chatöversikt och chat.
Test
Gränsittskonceptet presenterades för klienten. Eftersom uppdraget inte inkluderade testning av designen överlät vi detta steg till KomIn Sverige.
Logga In
1. Indikation av sida
Text som visar den nuvarande sidan, exempelvis har applikationens startsida namnet "Hem" och inställningar visar texten "Inställningar".
2. Profil
En inloggningsportal designad för att underlätta för användare som saknar större digital erfarenhet. En standardiserad design valdes då målet inte var att stå ut från vad som vanligen förkommer på digitala plattformar.
Hem
1. AI intergration
En artificiell intelligens anpassad för generell rådgivning och som tränats specifikt för att underlätta jobbsökning i en svensk kontext.
2. Profil
En enkel representaion av användarens profil, däribland visas namn och profilbild. Sektionen fungerar även som länk till applikationens profilsida.
3. Jobbrekommendationer
En notis som visar och länkar till jobb som användaren rekomenderas söka till. Rekomendationen baseras på användarens profil.
4. Modulära fält
Fält som användaren kan anpassa utifrån egna behov. Exempelvis skulle dagens väder, datum eller antal genomförda jobbansökningar kunna visas i dessa fällt. Detta skulle förebygga utveckling samtidigt som användaren kan skapa en mer personlig upplevelse av applikationen.
Logga In
1. Sökfält
Låter användaren snabbt söka genom sin kontaktlista.
2. Kontakt notis
En signalerande cirkel som visar på att kontakten har skrivit något som användaren ännu inte läst.
3. Kontaktlista
En kontaktlista bestående av profilbild, namn och pil. Pilen indikerar att kontakten är klickbar. När profilbilden klickas på visas en detlajerad sida innehållande kontakinformation kopplad till kontakten. Denna kontaktinformations sida skapades inte under projektet, istället var det ett förslag på funktion. Om användaren klickar på resterande delar av kontaktelement, inklusive pilen, öppnas kontaktens chatfönster.
Logga In
1. Chatfönster
Chatfunktionen syftade till att vara relativt standard och utnyttjar etablerade visuella konventioner. Detta för att användare med tidigare erfarenhet inte skall avskräckas och för att nya användare skall vänja sig vid etablerade system som används i flertalet chat-appar.
2. Meny
En enkel meny med ikoner som representerar den länkade sidan. Hamburgemenyn innehåller ytterliggare information kring applikation, därtill inkluderas inställningar.
Logga In
1. AI
Appens design inkluderade en visualisering av framsteg, ett träd där löven representerar milstolpar. Denna funktion är menad att vägleda användaren mot ökad integration i Sveriges digitala system. Trädet är utbyggbart, men antal steg bör vara få för att
2. Profil
Here goes your text ... Select any part of your text to access the formatting toolbar.
Verktyg som användes
Figma
Figma användes för att designa och presentera wireframes, mockups och slutgiltig design. Viss kategorisering och visualisering av information skedde även i Figma.
Monday
Monday användes för att få en översikt över projektet. Kanban och Gantt användes främst.
Tack KomIn Sverige
Att få arbeta på ett projekt som KomIn Sverige var mycket givande. Samarbete både inom gruppen men även mellan gruppen och klienten fungerade bra, med ytterst lite friktion. Klienten gav feedback som sedan implementeras utan krockar och var slutligen nöjd med resultatet. Jag ser fram emot att se hur applikationen kommer att se ut när den är färdigställd.