Back to all

Filter interaction — Industry filter editing interaction for a newsletter

Components Motion

Let’s talk
Industry filter editing interaction for a newsletter

An industry filter whose changes carry over to a newsletter, walked through in four numbered steps.

First, the list: each industry has a checkbox and a count, and hovering a row brings out an x to remove it. Second, typing in Add industry opens suggestions, each with its own Add link. Third, the new industries join the list marked with a thin colored bar, so it’s clear which ones were just added. Fourth, Update newsletter filters at the bottom carries the changes over to the newsletter.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk