Back to Projects
Let's chat
Copy my email
TwitterLinkedIn

Power Search

Facebook·2019·Product Design·Ideating Wireframing·Design System

Next

Video Upload Inspector

Video Upload Inspector

Continued efforts to apply and test a new internal design system while improving a company-wide utility, Power Search.

Power Search
Blank, pre-focus search state.
Preferred search and results layout.
Alternative layout proposal.
Typeahead results and suggestions loading behaviors.
Initial focusing of the search field input.
Displaying typeahead content upon first keystroke input.
Loaded typeahead results, matching, and beginning focus/tab-based navigation.
"Tokenizing" multi-faceted search input with field types, operators, and value(s).
Multi-faceted input appending an additional value.
Stopped typing search input to arrow down and focus and select typeahead result.
Final "tokenization" of multi-faceted search input, ready for full search, typeahead selection, "re-opeing"/editing of previously closed parameters, or adding more inputs.

Previous

FB Learner

Facebook

FB Learner

Next

Video Upload Inspector

Facebook

Video Upload Inspector