What's the expected behaviour of a Mobile Nav Menu ?
Code Pen: https://codepen.io/Smgy94/pen/WNmXGME
From a UI perspective, what's the expected behaviour on a Mobile device when a user has the mobile nav menu open ?
Currently when the mobile menu is open the users can still scroll and see the webpage move in the background, is this a good user exeperience ? or should they not be able to scroll ?
I've looked online and see a lot of example of both so I thought i'd ask for guidance.
Thanks!
11 Replies
I've always stopped scrolling but I don't have any well thought out reason; I just feel it makes more sense
Yeah stop scrolling
So you focus on the menu only
Because if you have link in the background you will miss click them
Restrict scroll, of course - it would be behavior the visitor has not induced.
I often use a full-page nav layout (when it is open) so it obscures the page behind. If the visitor scrolls with the open nav on top, clearly nothing is happening (maybe the nsv scrolls to the end), whe he closes the nav, he has moved within the page without wanting to.
Do not restrict scroll behavior in any way, it messes with user experience. If user has opened the nav menu, it means they wish to navigate or they are looking for something.
In your case, since its blocking the main content, they know the navigation needs to be closed to access the content and they will perform that action. Do not restrict the scroll behavior
Au contraire. The visitr scrolls - whether intentionally or accidentally - in the ecpanded nav. When he closes the nav, he certainly does not expect to be somewhere else. Especially in a long single pager on mobile..
They scroll accidentally or they get clumsy , I agree on that. I never said when they close the nav they expect to be someplace or looking for something. I said when they open the nav they are looking for some action
The accidental part of getting clumsy and scrolling when user themselves have opened the nav menu to look at links or perform some action is very rare
In general sense on mobile devices people are used to scrolling. It makes it rare when the user open the nav and then scroll to watch the main content when navigation covers half their screen
I am not buying that. The user only interacts with visible elements, that is what he scrolls or clicks. Obviously, clicking a button that triggers something out of the viewport with no discernible efect is the same kind of atrocity.
Yes. That is what I’m saying. The op’s question was should the user be allowed to scroll or not. My answer was not to mess with scroll and let user do what they want.
So we are actually not in an argument? 😄
Nope
I better get some sleep; 😄