UX/UI
PROJEKT
Moonlight Maze
Research och arbetsprocess
För att förstå användarnas behov inledde vi projektet med intervjuer. Vi började med en gemensam brainstorming i Miro där vi tillsammans formulerade 12 relevanta intervjufrågor. Efter att ha genomfört testintervjuer identifierade vi brister i frågorna och lade till två till, totalt 14 frågor.
Vi genomförde fem kvalitativa intervjuer (30–60 min vardera) som dokumenterades i Miro med färgkodade post-its för att skapa en tydlig överblick av vardera intervju. Under analysen insåg vi att ytterligare kvantitativ data behövdes, därför kompletterade vi med en enkät baserad på våra intervjufrågor. Totalt fick vi svar från 19 personer.
Nyckelinsikter från vår research
Behov av enkel kontakt med närstående i otrygga situationer (t.ex. under resor).
Möjlighet att dela sin plats i realtid med anhöriga.
Diskreta sätt att larma, exempelvis via app eller trygghetsknapp.
Större synlighet och tillgång till kvinnojourer och resurser för våldsutsatta kvinnor.
Tydlig information om hjälpinsatser.
Ökad utbildning om mäns våld mot kvinnor på skolor och arbetsplatser.
Baserat på våra insikter började vi skissa funktioner som kunde möta användarnas behov, genom att skapa pappersskisser. Nästa steg var att gemensamt utveckla flowcharts i Miro för att visualisera användarflöden och funktioner.
För att välja vilka funktioner vi skulle prioritera använde vi dot voting. Resultatet blev en gemensam flowchart som låg till grund för vår kommande mid-fidelity prototyp.
Gemensam flowchart
Idégenerering i Miro
Introduktion
Moonlight Maze är en webbapplikation utvecklad i ett fiktivt samarbete med ROKS och SOS Alarm, med syftet att erbjuda kvinnor i utsatta miljöer ett tryggt och dolt sätt att söka hjälp.
Genom användarcentrerad research designade vi ett verktyg som kombinerar stöd från kvinnojourer med en direktlänk till SOS Alarm. Applikationen innehåller funktioner som larmknapp (mån-ikonen), chatt, självskattningstest och en distraherande spelvy – allt för att ge snabb tillgång till hjälp i en potentiellt hotfull situation.
Mid-fidelity prototyp
Använda program:
Projekttid: 3 veckor
Roll: Vi var 4 studerande som alla hade rullande roller.
Vi alla arbetade med de olika delarna i projektet.
Visuell design och anpassning till ROKS
Designen inspirerades av ROKS visuella identitet. Vi valde att använda ROKS färger, typsnitt och knappdesign för att uppnå igenkänning och tydlighet. Färgval för knappar och text testades mot tillgänglighetsstandarder (WCAG) under processens gång för att få tydliga kontraster och för att följa WCAGs riktlinjer.
Vi har i teamet arbetat utefter tydliga designprinciper då vi utgått från textregler samt ramavstånd för att hålla samma standard mellan de olika vyerna.
Våra insikter har visat att varje iterering och förändring vi gjort har baserats på beslut från användartester.
Slutligen, en överblick av vår High-Fidelity prototyp: