Projekt / Produktdesign + Designsprintar
Designsprintar för Afound
Fem designsprintar som förbättrade mobilflödena i en modemarknadsplats efter lanseringen av dess MVP.
Afound
UI/UX-designer
Produktdesign, Designsprintar, E-handel
Vad behövde förändras?
Afound hade lanserats med ett brett produkt- och kategoriutbud. Mobilupplevelsen hade problem i navigation, filtrering, produktinformation, redaktionell publicering och kassa. Arbetet behövde förtydliga flödena för kunderna och underlätta produktionen för innehållsredaktörerna.
Mitt ansvar
Jag arbetade med UI- och UX-design i de fem sprintarna och omsatte insikterna i förbättrade mobilflöden och förslag med jämförelser före och efter. Originalpresentationen beskriver arbetet som en gemensam insats.
Så tog vi fram lösningen
Förkorta vägen till produkterna
Den ursprungliga mobilmenyn kunde kräva fyra navigationsnivåer innan kunden nådde en produktlista. Förslaget lade huvudavdelningarna i flikar och gjorde det sista kategorivalet frivilligt på listningssidan. Den utformade vägen minskade från fyra nivåer till två.
Sprinten förfinade också menyhierarkin, bilderna för vald avdelning och stödlänkarna. Inloggning och regionval flyttades till menyn efter användartester.
Anpassa filtreringen till en liten skärm
Produktlistans filter hade prestandaproblem och interaktionsmönster främst anpassade till dator. En åtgärd för att stänga och spara undvek en förfrågan efter varje val. Större kryssrutor, tydligare expanderingskontroller och prisval med kryssrutor förbättrade användningen på pekskärm.
Valda filter flyttades utanför de expanderbara sektionerna så att gränssnittet inte hoppade vid ett val.
Gör storlek och produktinformation synlig
Knappar ersatte rullgardinsmenyn för storleksval, så att tillgängliga storlekar syntes direkt. Produktinformation och sökrelevant text flyttades högre upp i layouten i stället för att döljas i expanderbara sektioner.
Den nya layouten gav också produktbilden större utrymme och mer luft runt åtgärden för att lägga i varukorgen.
Gör innehållet lättare att producera
Innehållsredaktörerna tyckte att nya redaktionella sidor tog lång tid att bygga. Återanvändbara mallar gav dem en mer responsiv grund och ett tydligare förhållande mellan huvudbild, introduktion, brödtext och relaterade produkter.
Förklara flödet under resans gång
Teamet såg ovanligt många avbrutna köp, och användartester visade att vissa kunder inte förstod vad som hände. Förslaget gjorde inloggning frivillig, använde expanderbara sektioner och sammanfattningar för att visa framsteg och höll varukorgen tillgänglig under hela köpet.
Sprinten omfattade också UX-text, tydligare presentation av olika säljare och en sektion om nästa steg på bekräftelsesidan.
Ett beslut som formade arbetet
Filtret skickade från början en serverförfrågan efter varje val. En uttrycklig åtgärd för att stänga och spara lade till ett steg, men undvek upprepade förfrågningar medan kunden fortfarande valde filter.
Vad förändrades?
- Fem dokumenterade förslag med före- och efterjämförelser i marknadsplatsens viktigaste flöden.
- En navigation utformad för att minska vägen till produktlistor från fyra nivåer till två.
- Tydligare mobilupplevelser för filter, produktinformation, redaktionellt innehåll och kassa.
Konkreta exempel
- Användartester påverkade menyplaceringen och synliggjorde osäkerhet i kassan.
- De ursprungliga och förbättrade skärmarna gör varje interaktionsförändring synlig.
- Den redaktionella mallen löste ett konkret produktionsproblem som innehållsredaktörerna hade rapporterat.
Sprintformatets värde var fokus: en kostsam källa till friktion åt gången, med ett konkret före- och efterförslag som teamet kunde utvärdera.