[lettersdigits]

I have another tip:

divide your use cases into two:

a: first x visits (or first visits until the first click on the search box, which means the user now knows it's there)

b. all the rest of the visits after he tried it for the first time

explanation:

a.on the first x visits, or until the user REALIZES that there is a search box - try making it extremely visible. even a blinking animation for a few seconds might do the trick. another nice thing is to animate a text, char-by-char . I have done this on android apps and it even looks sexy to the eye (like those old games) Try to get his attention to the search box at any means possible.

b. once the user actually realized that there is a search box and he actually tried to use it - he is now educated. he knows there's a search box. In this case, you can minimalize your search box to a tiny search button. remember - the user already knows it's there. if he needs it - he'll know where to find it

Any feedback/criticism will is welcome.

(edit: spacing)

[scribu]

What if, after the initial visit when the user discovers the search bar, the user can't find the search bar anymore because now it looks different?

What if they forgot what they learned on the previous visit? Humans do that sometimes, especially with things that they don't use very often.

[lettersdigits]

you can let him use the full-length search bar for more than once before you minimize it. for example : show him the full-length for the first 5 times, and only then start showing the little one.

Also, every time (for the first 5 times) that he clicks on the 'submit search' button/icon - make an animation that will minimize it, allowing him to see how it actually becomes smaller and more compact.

Also, when you get to the point of showing only the minimized search box - you can show him an animated tool top that will point to the small button. Again, you can do that only on the first X attempts .

Also, you can track and analyze the 'learning success rate' of your users. If they actually keep forgetting how/where to look for the search button (after they made x successful search attempts) - then YOU are probably right.

But this requires to be more data driven - try something and then measure its ssuccess etc.

After a few attempts you should (hopefully) see one way of doing it that is by far more effective than the others. But again - this requires data analytics.

[JupiterMoon]

Please. don't. do. this.

Every time one thinks of something clever one should consider if it fits the principle of least surprise.

[lettersdigits]

> Please. don't. do. this.

Don't do what specifically ? and why not ? and what should I do instead ?

All of these answers are missing in your comment.

WhatsApp is doing something quite similar - displaying a small search icon. When you click on it - the search box expands to 100% (with animation, of course) and the keyboard input pops up.

[scribu]

Looking at your proposed solution again, a question popped up: if the UI can comfortably support an expanded search bar, then what's the point in minimising it, ever?

[lettersdigits]

if there's enough space for an expanded search bar - there's no point, in my opinion.

But for example - on map based apps I would personally prefer to have the map with as little distractions (icons, buttons,text inputs, labels) as possible.

In Google's Android Chrome the url box is hidden once you start scrolling down. I like that . And they probably have the data to show you that other people like that as well, because this 'hide-when-scrolling-down' feature is there at least a year or so, If I remember correctly.