Skip to main content
84 votes

To clear (or not to clear) the search box?

I have a personal hatred towards websites which clear content from the Search bar after I hit Search. Here's why: It is completely unnecessary to clear the content out. There are multiple chances ...
Swapnil Borkar's user avatar
61 votes
Accepted

To clear (or not to clear) the search box?

If you clear the box, you're taking away control from the user. While you may seem like you're doing them a favor, you're robbing them of context for what they just typed in. When you type things ...
Armstrongest's user avatar
  • 2,644
59 votes

Which option better communicates the default state for a search box as "everything."

I would strongly suggest you go with the first option but with a change. The second option introduces a programatic step (selecting from the dropdown) that the user should not have to make - There is ...
Roux Martin's user avatar
  • 14.2k
25 votes

Why would the search input field not get focus when the page is loaded?

You already answered your own question. Keyboard/screen-reader users will need to step out of the search field when it was focused automatically to make use of other ways to navigate. Also on mobile, ...
jazZRo's user avatar
  • 11.8k
20 votes
Accepted

Why would the search input field not get focus when the page is loaded?

Autofocus is a tool that is wildly helpful if done correctly and it is appropriate to the situation, but there are many, many things that can go wrong. If your implementation doesn't avoid all of ...
HappyDog's user avatar
  • 487
19 votes
Accepted

Should I use "Search" or "Find” on my buttons?

With regard to English in general, "Search for Flights" and "Find Flights" would work equally well. "Find Flights" is subtly optimistic that there are flights that match the user's criteria. That may ...
Michael Zuschlag's user avatar
13 votes

Searching with mandatory filters

If the filter is mandatory, choose the most frequent search as the default. You can try a scoped search dropdown before the search input field. This way the search button is Active from the beginning. ...
Mike M's user avatar
  • 24.7k
11 votes

Search Vs. Filter- what is the difference

From a technical point of view the two are basically the same (i.e. excluding elements from a list, based on some criterias) From a user point of view, it's very different: Search is done as a ...
Gianluca Ghettini's user avatar
11 votes

How do we represent that a search feature has "intelligent" capabilities?

Teach the user how to use your feature. Show them example queries to illustrate what is possible. This can be done in some sort of short onboarding experience for new users, or perhaps when the input ...
maxathousand's user avatar
  • 19.5k
11 votes
Accepted

Searching with mandatory filters

I remember GitHub had something like what Mike M suggested for their search. I just noticed that it's changed, and what they do now is make the selection a part of their autocomplete-like menu: I ...
JoL's user avatar
  • 476
8 votes
Accepted

How to offer multiple filter options when technically constrained to one?

Use a tabbed container for the filters A common and acceptable way to separate filter options, is to user tabs (or versions of tabs) This can often be seen on travel websites, where users can search ...
dennislees's user avatar
  • 11.6k
8 votes
Accepted

Should you display partial search results if an exact match exists?

I'll give you a very passionate answer here: Yes, you must display partial search results even when exact matches exist. My background here is 10 years as a search UX consultant. My takeaway from ...
bjornte's user avatar
  • 422
8 votes

Should I use "Search" or "Find” on my buttons?

If you started with a list of records/objects, FIND would be more grammatically correct. If you just started with a Search field (and nothing else), then SEARCH would be grammatically correct. So in ...
SteveD's user avatar
  • 8,914
8 votes
Accepted

How does the 27 character wide search box recommended length apply to Asian languages and Russian?

UPDATE: You can use a dynamic sized (auto-growing) input field. The search box's size would increase in size as needed while user is typing. Please remember that the initial size should still be sized ...
Mo'ath's user avatar
  • 1,665
8 votes

"Did you mean" search results

Separate the User Lookup Task from the Add Task In other words: Remove the "Did You Mean?" section. In the provided example, it's easy for a user to get distracted and wander off from the ...
Izquierdo's user avatar
  • 12.7k
7 votes
Accepted

Should I provide a button in case users don't think to press enter?

Yes. Paparazzi sampled four major sites for their behavior, which is a good methodology, but his/her observations were wrong. The correct is: google.com: Enter and button:   bing.com: Enter ...
bjornte's user avatar
  • 422
7 votes

Searching with mandatory filters

Since this is a mandatory tasks before interacting with search, consider search like the Call to action like save or submit. Before you can accomplish these actions you must fill out a form. In this ...
Bromox's user avatar
  • 589
7 votes

Amazon's Website Search Bar

When you hit the spacebar once again, Amazon treats it as an incorrect word and highlight it. Same happens with Google - when you enter an incorrect word, it highlights it. Entering an incorrect ...
Gaurav Neema's user avatar
7 votes

Do users use their arrow keys to cycle through auto complete search results?

Is there evidence that it's worth enabling keyboard functionality? Yes. It's called Web Content Accessibility Guidelines (WCAG) 2.1. WCAG 2.1 Success Criteria 2.1.1 states: 2.1.1 Keyboard: All ...
JonW's user avatar
  • 37.4k
6 votes

What symbol can be used to denote "contains"

At Trilance we've got the same problem trying to create an advanced UI for filter tables and data. We solved creating a new code that the user will easily learn. We have chosen to use these new ...
mattia.corci's user avatar
6 votes

How important is the search box?

This research by "think with Google" titled "Principles of Mobile App Design: Engage Users and Drive Conversions" from March 2016, gives a series of principles for apps usability ...
Alvaro's user avatar
  • 16.8k
6 votes
Accepted

Stakeholder argument: Too much white space

Whitespace is essential, be convincing and save ressource for proper UX issues I agree that the most implacable way to tackle this issue is to use real data and prove them that an efficient usage of ...
asiegf's user avatar
  • 1,165
6 votes

Stakeholder argument: Too much white space

"White space is wasted space" it is a myth and there are a lot of arguments that sustain the idea that is to key to successful design. You just need to present this conclusion in the best ...
Madalina Taina's user avatar
6 votes
Accepted

How to implement this print button?

The flow should be something like this. The user clicks on 'print list'. After that, he selects his options, just like a regular print setup. The user confirms and prints. Now, based on the comments ...
Nick Groeneveld's user avatar
6 votes
Accepted

Search page design with logical operators

I think in your situation using spacing to show groups would help understand the relation between elements. You could also add the functionality to drag elements around from a group to another and a ...
Alvaro's user avatar
  • 16.8k
6 votes

What is the threshold of trust for search?

From Christopher D. Manning; Prabhakar Raghavan & Hinrich Schütze (2009). "Chapter 8: Evaluation in information retrieval" (PDF). Part of Introduction to Information Retrieval. User happiness ...
celinelenoble's user avatar
6 votes

Interface to prioritize multiple criteria of results when searching

Apple uses something like you're describing when you first sign up for Apple Music. You can click once to like and twice to love. The bubbles grow based on your clicks. This is a nice thing for ...
Nick Groeneveld's user avatar
6 votes

Interface to prioritize multiple criteria of results when searching

The tried-and-true solution to this and similar problems is a dropdown with sell-the-benefits wording like "closest", "best value", or "top rated." The dropdown is a good solution because it ...
Nathan Christie's user avatar
6 votes
Accepted

Deselectable radio button or limited checkbox in search filters

If you really have the three states: Show Only “Coming Soon” Exclude “Coming Soon” Show Both Then for clarity you need a control the handles three states, such as three radio buttons. For example, ...
Michael Zuschlag's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible