Trådkoden

Design av en webbapplikation som hjälper användarna göra mer hållbara val.

Min roll

Reserach, testing, wireframes, UI, designsystem

Team

4 studenter inom UX

TId

4 veckor

Desktop och mobil
Desktop och mobil
Desktop och mobil

Bakgrund och syfte

Konsumtionen av kläder har en omfattande negativ påverkan på miljön genom hög resursanvändning, utsläpp och avfall. Vår utmaning var att identifiera och utveckla en digital lösning som kunde bidra till att minska denna påverkan och hjälpa användare att fatta mer hållbara beslut. Detta är ett fiktivt case där vi valde att utgå ifrån Naturskyddsföreningen, en av Sveriges ledande organisationer inom miljö- och klimatfrågor, för att säkerställa att vår lösning var relevant och trovärdig.





Tre centrala problemområden

  • Klädkonsumtionen idag kräver stora resurser och har stor klimatpåverkan.

  • Svårt att hitta hållbara, prisvärda alternativ och med bra kvalitet på second-hand.

  • Användare har begränsad kunskap om kläders klimatpåverkan och hur de kan reparera kläder på egen hand.

Designprocess

  • Förstå: Vi genomförde 8 djupintervjuer med målgruppen, som gav oss insikter om användarnas pain points och vad de skulle förvänta sig och behöva av en app för hållbarhet kring kläder.

  • Definiera: Vi kom fram till HMW-frågan: Hur kan vi hjälpa användaren att göra hållbara klädval?

  • Idégenerering: I gruppen genomfördes en "Crazy-8" på potentiella lösningar och vi skissade därefter upp wireframes med penna och papper. Gick igenom lösningarna och de som stämde bäst över med användaren togs vidare i processen.

  • Prototyp och test: Därefter skapades en mid-fidelity prototyp i Figma som testades på 6 användare och itererade vi från de insikter vi fick.

  • Design: Från mid-fidelity prototypen skapades en high-fidelity prototyp i Figma med UI som vi anpassat från naturskyddsföreningen, interaktioner och effekter samt ett fullständigt designsystem.

Bakgrund och syfte

Konsumtionen av kläder har en omfattande negativ påverkan på miljön genom hög resursanvändning, utsläpp och avfall. Vår utmaning var att identifiera och utveckla en digital lösning som kunde bidra till att minska denna påverkan och hjälpa användare att fatta mer hållbara beslut. Detta är ett fiktivt case där vi valde att utgå ifrån Naturskyddsföreningen, en av Sveriges ledande organisationer inom miljö- och klimatfrågor, för att säkerställa att vår lösning var relevant och trovärdig.





Tre centrala problemområden

  • Klädkonsumtionen idag kräver stora resurser och har stor klimatpåverkan.

  • Svårt att hitta hållbara, prisvärda alternativ och med bra kvalitet på second-hand.

  • Användare har begränsad kunskap om kläders klimatpåverkan och hur de kan reparera kläder på egen hand.

Designprocess

  • Förstå: Vi genomförde 8 djupintervjuer med målgruppen, som gav oss insikter om användarnas pain points och vad de skulle förvänta sig och behöva av en app för hållbarhet kring kläder.

  • Definiera: Vi kom fram till HMW-frågan: Hur kan vi hjälpa användaren att göra hållbara klädval?

  • Idégenerering: I gruppen genomfördes en "Crazy-8" på potentiella lösningar och vi skissade därefter upp wireframes med penna och papper. Gick igenom lösningarna och de som stämde bäst över med användaren togs vidare i processen.

  • Prototyp och test: Därefter skapades en mid-fidelity prototyp i Figma som testades på 6 användare och itererade vi från de insikter vi fick.

  • Design: Från mid-fidelity prototypen skapades en high-fidelity prototyp i Figma med UI som vi anpassat från naturskyddsföreningen, interaktioner och effekter samt ett fullständigt designsystem.

Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes

Lösning

Vår slutgiltiga lösning blev en app vi kallar för Trådkoden. Den hjälper användaren att förstå kläders klimatpåverkan genom att scanna etiketterna på ett plagg i butik, få alternativa förslag på plagg för att kunna fatta mer hållbara beslut, samt förlänga kläders livslängd med hållbara guider på att laga kläder och en karta över skräddare.

Karta
Karta
Karta
Pop up
Pop up
Pop up
Desktop
Desktop
Desktop

Insikter

Det vart tydligt från våra intervjuer och tester att många uppskattade denna typ av applikation som kan hjälpa dem att göra mer hållbara klädval i realtid. Hade jag fått göra om något hade jag velat genomföra fysiska intervjuer och observationer för att få en djupare förståelse för användarnas behov. Hade även velat genomföra journalistens 6 frågor och en workshop med andra grupper hade också gett oss nya perspektiv. Jag skulle velat samla feedback tidigare på low-fidelity-skisser och använda "Rapid Prototyping" för att iterera snabbt i ett tidigare stadie. Jag ser fram emot att använda dessa insikter i framtida projekt och är nöjd med resultatet och lärde mig mycket om tidig feedback, effektivitet och att arbeta under press.

Insikter

Det vart tydligt från våra intervjuer och tester att många uppskattade denna typ av applikation som kan hjälpa dem att göra mer hållbara klädval i realtid. Hade jag fått göra om något hade jag velat genomföra fysiska intervjuer och observationer för att få en djupare förståelse för användarnas behov. Hade även velat genomföra journalistens 6 frågor och en workshop med andra grupper hade också gett oss nya perspektiv. Jag skulle velat samla feedback tidigare på low-fidelity-skisser och använda "Rapid Prototyping" för att iterera snabbt i ett tidigare stadie. Jag ser fram emot att använda dessa insikter i framtida projekt och är nöjd med resultatet och lärde mig mycket om tidig feedback, effektivitet och att arbeta under press.