As I'm going into CSS frameworks(Toast, Yaml ,Bootstrap, Foundation, etc) I've hooked into the usability of navigation menus when viewed in smaller screens, some frameworks convert it into a
"dropdown"
"sophisticated dropdown"
"offcanvas menu"
For me in terms of usability, i may prefer the off-canvas menu for the following factors:
- Easy to notice rather than html dropdown
- The page content is still partially visible when viewing the navigation items w/o scrolling down unlike the sophisticated dropdown
Now, here is my question: Is a "RIGHT" off-canvas navigation a good UX?
Based from the article of Parham Aarabi:
Usually, application UI elements are either placed at the bottom of the app (most common) or at the top.
However, the way most users hold their phone is by using their thumb as the primary finger for touching buttons. If the user is right-handed, the thumb will more easily reach the region at the bottom right of the screen (or, for left-handed users, the bottom left). Reaching the top screen corner that is opposite to the thumb is much more difficult, and more intrusive with the application flow since the user has to reach over the screen.
So that principle is also applicable in web ui elements(navigation)?
It is a good idea having "RIGHT" off-canvas navigation, and I will place the button at "bottom right" of the viewport? does this seem to be recognizable?
Any thoughts would be greatly appreciated.