Search Bar Position is Inconsistent about egghead-next HOT 2 CLOSED

this is intentional and won’t be moved to the header on the search page right now

we can reevaluate in the future

from egghead-next.

We can certainly have two search bars - one in the navbar and one in the page itself. We just need to use the default text to let users know why they're different.
"Search for..." in the navbar
"Search for React content..." in the on-page search bar

That's an established design pattern:

It's confusing for learners to see the search bar there on one page, and have it disappear/move on another.

It makes it harder for them to find what they need, and breaks their understanding of where elements live on the site.

What if someone is on the React page and decides they want to search for Vue content instead?
It's multiple clicks back and forth for them to do it, rather than having the "escape hatch" of a navbar search element where they can jump to where they need to go

Also it is incredibly confusing that the minute someone types content into that search box, the whole React page dissappears and is replaced by search content.

I start here:

Start to type "hooks" into the search bar:

Whoa where did the page go and where am I now??

Hit back button -> end up back on the homepage instead of on the React page where I started

😭

Canonical research from Nielson Norman Group: https://www.nngroup.com/articles/search-visible-and-simple/

• "The best designs offer a simple search box on the homepage and play down advanced search and scoping"
• "Put the search box at the top of the page, usually in the right hand corner (though the left works almost as well)."
• "you should make search available from every page on the site; you cannot predict where users will be when they decide they are lost"

from egghead-next.