Terug naar mijn projecten

UX brede projecten

Belangrijkste ontwerpbeslissingen:

  • • Door de filters boven de lijsten en schermen te plaatsen is direct in een oogopslag duidelijk dat er filters geactiveerd zijn en welke dat dan zijn
  • • Filters toevoegen kan via een simpele knop met een dropdown. Door de beschikbare filters in een hoverover dropdown te stoppen kun je eenvoudig meerdere filters toevoegen en wijzigen zonder dat je uit je filterflow gehaald wordt.
  • • De filters zijn boven de lijst toegevoegd om ze schaalbaar te houden. Op elk formaat scherm kun je filters toevoegen en inzien, zonder dat ze enorm veel ruimte innemen.
  • • Door 'Filters resetten' bij de pills te plaatsen kun je in een keer al je filters terugzetten naar de standaardinstellingen, dit hoef je dus niet per filter te doen
  • • Door te kiezen voor het tonen van een waarde bij slechts 1 geselecteerde filteroptie en het tonen van een getal bij meerdere geselecteerde items, raak je niet overweldigd met alle items die je aangeklikt hebt. Hiernaast worden de pills ook niet overmatig groot waardoor ze teveel ruimte in gaan nemen.
  • • Klik op een pill om filters te wijzigen, dit zorgt ervoor dat gebruikers niet enkel in de basis filter dropdown hoeven te zoeken naar de instelling om deze te wijzigen. Je kunt precies doen wat je wilt op de juiste plek.
  • • Bij elke optie bij filters wordt er getoond hoeveel resultaten er zijn. Zo raak je als gebruiker niet verrast hoeveel resultaten je terug gaat krijgen.

Impressie ontwerpproces (iteraties/uitprobeersels e.d.)

Stappen ontwerpproces filteren

  • • Desk research naar filteren (over gehele internet)
  • • Samenkomen met het team en patronen herkennen
  • • Filter audit van het platform
  • • Brainstorm schetssessie met teamleden. Welke opties lijken ons handig voor het hele platform?
  • • Digitaal uitwerken schetsen
  • • Bij gezamenlijke sessie bespreken wat positief is aan elke optie
  • • Diverse varianten uitwerken en keuzes terugbrengen
  • • Uitwerken gekozen opties in clickable prototype
  • • Valideren prototypes binnen de organisatie
  • • Overdragen aan design system/development

Naast mijn eigen projecten hebben er ook grote werkwijzigingen plaatsgevonden. Allereerst zijn we met zijn allen bij elkaar gekomen om de huidige grote, globale pijnpunten te ontdekken. Hierna zijn er diverse werkgroepen in gang gezet om deze pijnpunten te verbeteren. Mijn focus lag hierbij op consitentie en verbeteren van de aanmaak-/ bewerkpatronen en ik had de leiding over een eigen werkgroep om filteren binnen het platform te verbeteren. Deze eerste keer leiding nemen is uitstekend bevallen. Samen met mijn werkgroep van 3 andere UX'ers zijn we zeer uitgebreid desk research uit gaan voeren. Welke filterpatronen zijn er te vinden op het internet? Welke filters worden er nu gebruikt? Hierna zijn er diverse schets- en prototyping sessies geweest om een nieuw, passend, schaalbaar patroon te vinden voor het gehele platform. Vervolgens zijn er zeer uitgebreide prototypes gebouwd om goed te kunnen valideren welk patroon het beste zou functioneren

De focus bij dit project lag op de volgende punten:

  • • Desk research
  • • Wireframing
  • • Platform audits uitvoeren
  • • Usability testing
  • • Samenwerking
  • • Concept development
  • • Advanced prototyping in Figma
  • • Leiding nemen
  • • UX Writing