Filter by Value bug and UX flaw

Tags: #<Tag:0x00007f8b19c9b200>
#1

Hi there,

I’ve came across a potential bug and UX flaw in HOT filters.

Bug: Filter by Value only works if you 1) deselect your filters 2) filter by value 3) select your filtered results, but not if you swap steps 1 & 2. This is a potential bug.

UX flaw: Users are trying to simply type a value into Filter by Value input and hit Apply, which would be preferred UX, but nothing happens instead, which makes the users assume the feature is not working completely.

For the end user, the feature simply doesn’t work and they are unable to figure out how to make it work, which makes this critical feature obsolete.

DEMO: https://www.dropbox.com/s/9lhidtbkxuo5syv/hot-filters-issues-demo.mov?dl=0
CODE: any instance of HOT will do, you can reproduce the issue on https://jsfiddle.net/wo1sqzz8/

Thanks and I’m looking forward to hearing back!

Filters - Automatically clear selection
Automatically clear out selections in dropdown menu after webpage is loaded
Filtering usability issue
Filter - Dropdown Menu - Uncheck all by default
#2

Thank you for sharing the demo and the description.

In the 2nd approach you get actually the same result as in the first one. And you are right it takes a few steps to get it done.

Here http://jsfiddle.net/wy133cgy/6/ is a little snippet that you can use (starts in 31 line). It will automatically clear the filter_by_value list once the dropdown menu button is clicked.

#3

Thanks Aleks, this solution makes it much better. Another question I wanted to follow up with, is there a way to use AND and OR filters in HOT?

#4

The OR/AND option shows when you pick anything from the Filter by condition.

If you would like to do it programmatically then you call the addCondition method (tips and examples). Then you can combine filter_by_condition and filter_by_value.

If you need an option like that you can also create a custom dropdown menu option that uses the filter combination of your choice.

#5