Sunday, December 3, 2017

Is there a name for this instant filter search pattern?


I've been trying to find a jQuery plugin which creates behavior similar to that of Stack Exchange user searches. The user search used on Stack Exchange sites is not an auto complete, but is more akin to a result filter. Google calls their version of this pattern Google Instant Search, while some tech blogs refer to it as Google Live Search.


Is there a name for this instant filter search pattern?




Answer



"Filter as you type"


Personally, I would call that Filter as you type. It could also be called Search as you type. But as some sort of list of search results already is present before you start "searching", that list could be considered to be "filtered".


Terms like Autocomplete and Suggestions are too wide to avoid confusion when defining design patterns. It is also important to make the difference of what you are filtering or suggesting, is it the search text, or the result items? Some times they are the same, and sometimes not.


A. suggesting the search text




  • Suggestions drop down: A dropdown with suggested search text alternatives to what you wrote, more or less matching something you were about to type.





  • Text completion: The box being filled with marked text, allowing you to continue typing. Typically combined with suggestions. (The term "Text completion" is used in WPF and Silverlight.)




enter image description here


B. presenting search result items




  • Search as you type: Presenting results as you type, typically like Google Instant.





  • Filter as you type: A list of already presented results is filtered. This differs from "Search as you type" by that there already is a list of "result items" present before typing anything. The filterable list could consist of search results, but also something else, like contacts or users.




enter image description here


Please correct me if I'm wrong! I find that my peers often have a hard time picturing these different behaviours when I try to describe them, both verbally and in mock-drawings. So +1 for the question; because having a common vocabulary for things like these is worth a lot. :)


Oh, and I also posted a question on a similar topic once: How to combine Suggestions with Filtering in a searchbox?


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...