learningequality / kolibri-design-system

Kolibri Design System
https://design-system.learningequality.org
28 stars 72 forks source link

Consistency in dropdown filters: Better communication about filter options that would have 0 results #203

Open jtamiace opened 3 years ago

jtamiace commented 3 years ago

Product

All

Desired behavior

  1. One behavior that we decided to standardize in the new Filters page is to hide dropdown menu filter options if selecting them would show 0 results.
  2. It'd be nice to let the user know we intentionally removed them and be able to explain why in a subtle way.

Example: image (4)

Current behavior

Right now, we hide dropdown menu options, but without the explanation. We're also inconsistent - sometimes hiding options, sometimes disabling them, and sometimes doing neither.

Screen Shot 2021-03-03 at 12 32 17 PM

(Optional) The Value Add

Hiding filter options prevents users from experiencing a minor setback of cycling through "0 results" pages until they see the results they're looking for.

We don't have specific user feedback to make this next claim, but it can also be potentially confusing to see filter options appear and disappear. Explaining why this happens can prevent potential confusions in a pretty low-cost way.

Reference

Slack thread

indirectlylit commented 2 years ago

@jtamiace bumping this up – seems related to recent hybrid learning filter design decisions