Duro Sweden - Accessible Redesign
Ett UX/UI-case på tre veckor där vi designade om Duro Swedens tapetflöde för att förbättra WCAG 2.1 AA-tillgänglighet, återställa förtroendet för filtreringen och minska friktionen i köpet.
Problem
Duro Swedens e-handelsuppdatering hade stora användbarhets- och tillgänglighetsbrister: trasig tangentbordsnavigering, begränsande filtrering, felaktiga variantbilder och onödig inloggningsfriktion för enkla handlingar som att lägga till i önskelistan.
Lösning
Vi designade om kategorilistan, filtreringen och produktsidan med tydliga fokuslägen, logisk tabbordning, WCAG-anpassad kontrast och klickytor, dynamisk flervalsfiltrering, variantanpassade produktbilder och direkt återkoppling via knappar och notiser.
Roll
UX/UI-designer i ett tvärfunktionellt team på fyra personer, med ansvar för tillgänglighetsgranskningar, modererade användartester, insiktssyntes med affinity mapping, wireframes, high fidelity-prototyper i Figma och slutpresentation till intressenter.
Resultat
Andra testrundan bekräftade ett betydligt smidigare flöde och tog bort kritiska låsningar i tangentbordsnavigeringen. Användarna föredrog tydligt den nya filtreringen och den friktionsfria önskelistan. Jämförelsesajt: https://www.durosweden.se/
Lärdomar
- Tillgänglighet hänger tätt ihop med konvertering, inte bara efterlevnad.
- Även små UI-antaganden som en 'Rensa alla filter'-länk måste testas för begriplig affordans.
- Visuell bekräftelse måste alltid matcha användarens intention för att bevara förtroende.