Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Business Value and ROI ›› 6 Key Questions to Guide International UX Research ›› Usability Tip: Don’t Make Me Search for Search

Usability Tip: Don’t Make Me Search for Search

by Tammy Guy
3 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Proper size, color, and placement can have a big impact on the usability of your search field.

One of the best ways to learn what works and what doesn’t work when it comes to UI and usability is to look at as many samples as possible, testing out pages and evaluating how certain elements are being treated.

This usability tip begins with a look at Menu Pages, a very resourceful and well-known site allowing users to view restaurant menus online based on location, cuisine, and other criteria.

Search field on Menu Pages

I often use their site but the first time I visited it, I was not able to immediately locate their search function. Here are a few reasons why:

  1. Banner style design. The search function is nearly attached to the main logo and has a very similar border color, which makes the entire area appear as one continuous graphic element. In addition, while the entire content area of the site is on a white background, the search function has a blue background, which makes it appear more as a graphic and less as a functional element.
  2. Placement. Typically, the search function is found at the top right corner of pages, unless used as a main navigational site element is usually in the top-center area and presented larger to serve as a main entry point to the site. In this case, the search appears to be centered but because of its close proximity to the logo, and its small size (which you normally would see on the top right) it is difficult to find it and identify it as a main site function.
  3. Button design. Buttons should look like clickable elements and stand out enough for users to find them in a quick page scan. The Go button on the search function is too flat and does not look like a clickable element. Its shape adds to the overall banner style design of the top area and its colors don’t stand out enough against the site’s color palate.

Search field on Meetup

By comparison, have a look at Meetup’s search function, which serves as a main entry point on the site, and is therefore is placed at the center of the screen overlapping their main brand banner. Its size, placement and color nearly guarantee that users will be able to locate it immediately and recognize that it’s a main navigational element.

Further, just to make sure to cover all ends, they placed another search function at the top right corner of the page (consistent on all their pages). The only enhancement I would recommend in this case is an actual search button as some users might feel confused and not know to click on the search icon or simply press enter to initiate the search.

Search field on Veer

Veer’s search function also serves as a main navigational element for the site. Its top placement, although not exactly centered, spans over nearly the entire area and is easy to locate. The clean white input field over a light gray background color combined with the bright orange Search button makes the overall area appear as a functional form, which immediately calls for action.

Share your screenshots of search fields done right and gone wrong on Twitter, Facebook, or Google+ using the hashtag #SearchForSearch. Include a brief explanation of why your example engages or fails to. We’ll add our favorite submissions to the gallery below.

post authorTammy Guy

Tammy Guy
Tammy Guy is the founder of a visual design and usability consulting firm focused on strategic brand planning, creative direction and diffusion of user experience problems by applying design theory and usability best practices in a rapidly changing Web environment. Her firm provides consulting services (e-commerce solutions, mobile apps and tablet experience) to clients from various industries such as fashion retail, commodity retail, pharmaceutical, insurance, financial services, social networking and others. Services include product evaluation, strategy and planning, creative development and direction and usability consulting. With more then 16 years of experience, Tammy previously worked as the Creative Director at LivePerson, Inc. and was a Design Group Manager at the Hertz Corporation where she art-directed all aspects of graphical application development for all customer facing websites. In addition, Tammy has been a frequent guest speaker with the Nielsen Norman Group for the past few years, teaching visual design and usability workshops. She also teaches similar design and usability courses with General Assembly in New York City.

Tweet
Share
Post
Share
Email
Print

Related Articles

AI that always agrees? Over-alignment might be the hidden danger, reinforcing your misconceptions and draining your mind. Learn why this subtle failure mode is more harmful than you think — and how we can fix it.

Article by Bernard Fitzgerald
Introducing Over-Alignment
  • The article explores over-alignment — a failure mode where AI overly validates users’ assumptions, reinforcing false beliefs.
  • It shows how this feedback loop can cause cognitive fatigue, emotional strain, and professional harm.
  • The piece calls for AI systems to balance empathy with critical feedback to prevent these risks.
Share:Introducing Over-Alignment
4 min read

Why does AI call you brilliant — then refuse to tell you why? This article unpacks the paradox of empty praise and the silence that follows when validation really matters.

Article by Bernard Fitzgerald
The AI Praise Paradox
  • The article explores how AI often gives empty compliments instead of real support, and how design choices like that can make people trust it less.
  • It looks at the strange way AI praises fancy-sounding language but ignores real logic, which can be harmful, especially in sensitive areas like mental health.
  • The piece argues that AI needs to be more genuinely helpful and aligned with users to truly empower them.
Share:The AI Praise Paradox
4 min read

Mashed potatoes as a lifestyle brand? When AI starts generating user personas for absurd products — and we start taking them seriously — it’s time to ask if we’ve all lost the plot. This sharp, irreverent critique exposes the real risks of using LLMs as synthetic users in UX research.

Article by Saul Wyner
Have SpudGun, Will Travel: How AI’s Agreeableness Risks Undermining UX Thinking
  • The article explores the growing use of AI-generated personas in UX research and why it’s often a shortcut with serious flaws.
  • It introduces critiques that LLMs are trained to mimic structure, not judgment. When researchers use AI as a stand-in for real users, they risk mistaking coherence for credibility and fantasy for data.
  • The piece argues that AI tools in UX should be assistants, not oracles. Trusting “synthetic users” or AI-conjured feedback risks replacing real insights with confident nonsense.
Share:Have SpudGun, Will Travel: How AI’s Agreeableness Risks Undermining UX Thinking
22 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and