Stack Exchange Network
Stack Exchange network consists of 181 Q&A communities including
Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.
Visit Stack Exchange
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
Anybody can ask a question
The best answers are voted up and rise to the top
10 years, 3 months ago
I am designing a page with search/filter section.
I would like to know where is the most effective place to put the search button?
In the picture the gray box, created dynamically so it maybe 15 field and a scroll will shown.
The buttons (Search and Clear) are always on top and visible (most common) +1
think it doesn't look good to put the buttons on the header -1 If the user fills all the field he will have to go back to top to click the search button -1
think it fit more elegantly in the page. +1 If the user only wants to search for student name he will have to scroll down (some cases) to click the search button. -1
In other hand when the user need all field it will be natural flow, he will fill all the field and in the end he will click the search button which located at the end of the form. +1
What do you think?
Feb 26, 2013 at 7:46
319 1 1 silver badge 10 10 bronze badges
Both options have some troubles:
Users can't see button at top at first time, because it so little and invisible.
If your filter grow in height, users can not see search button, if it located at bottom.
The best way - run AJAX search after change one of filter inputs. But it be more complicated that your two options.
Also, users can accidentally click to "clean", it very bad. You can solve it like this:
37.1k 24 24 gold badges 122 122 silver badges 156 156 bronze badges
Feb 26, 2013 at 8:23
I don't really get your design. First of all: you have a Search field inside a Search section with a Search button there as well. That is not very clear. What does
search search on exactly?
If searching immediately isn't an option or you think you need a search button even if you update immediately too, I'd consider putting a search button under each of the sections of search fields you place there. Putting it only at at the bottom if you know that the list of options will grow is a bad idea: you run the risk of putting it under the fold.
Feb 26, 2013 at 8:42
6,554 20 20 silver badges 39 39 bronze badges
Inside the search textinput, you can provide a search icon to differentiate it easily from other textinputs. Images provide a better sign rather than words and will be easily understood by all.
Feb 26, 2013 at 8:42
335 1 1 silver badge 7 7 bronze badges
By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our
Accept all cookies
Necessary cookies only