Tuesday, February 9, 2016

navigation - Navbars that hide when scrolldown and show when scrolling up


I've noticed this trend on several popular websites (linkedin, Google+) and personally really dislike it. I'm wondering what other people's experiences are.


Basically, there's a navbar on the top of the page, but when you scroll down, the bar disappears. When you scroll up, it reappears.


Is this a good idea to implement? Because I personally hate this 'feature'.



Answer




This pattern plays a big role on mobile devices, where vertical screen space is scarce.


I suggest using Chrome on iOS (perhaps on Android, too). The way the URL bar behaves is exactly this feature, but feels very natural and gives you a great, full screen reading experience.


My guess is it works a lot better on mobile since scrolling happens much more often and is more intuitive than on the desktop.


This way it becomes second nature to swipe the content towards where you suspect your desired element is – and the URL bar is always at the top, reachable within half a second no matter how far down you are.


Here's how it looks like in Safari: Safari URL bar on iOS


Definitely less so on the desktop, where we not only have the screen space available to show chrome and give a good reading experience, but where scrolling to get to crucial elements feels very forced.


In case you want to use this feature in your project, there's a jQuery plugin for that: http://eduardomb.github.io/scroll-up-bar/


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...