SELVINITIERET DESIGNØVELSE
Tydeligere aktive filtre
En mindre ændring, der gør aktive filtre nemmere at se og fjerne.
UX/UI
Redesign
Interaktionsdesign
Airbnb
På Airbnbs resultatoversigt var det svært at se, hvilke filtre der var aktive, og hvordan de kunne fjernes igen.
De aktive og inaktive filtre lignede hinanden, og et valgt filter blev fjernet ved at klikke på hele feltet. Det gav ingen tydelig forventning om handlingen. Jeg arbejdede derfor med at gøre både status og fjernelse mere synlig direkte i filterrækken.
Før
Aktive og inaktive filtre havde næsten samme visuelle udtryk.
Efter
Aktive filtre er fremhævet og kan fjernes direkte via krydset.
Mine valg og tanker
Jeg fremhævede de aktive filtre med Airbnbs røde accentfarve og tilføjede et kryds, så det er tydeligt, at de kan fjernes. Jeg afprøvede først løsninger, hvor krydset kun blev vist ved hover, og hvor det stod i en farvet cirkel. Begge blev fravalgt, fordi funktionen enten blev skjult eller fik for meget visuel vægt.Prisfilteret beholdt sin pil, fordi det har en anden funktion. Et klik åbner et panel, hvor prisen kan justeres eller ryddes.
Refleksion
Jeg lærte, at en fancy løsning ikke nødvendigvis er den bedste eller mest brugbare for brugeren. Selvom man følger et eksisterende designsystem, kan det være nødvendigt at tænke anderledes – så længe løsningen stadig er enkel at forstå og føles som en naturlig del af produktet.