Designing an Ambidextrous, Thumb Zone Friendly, Mobile Navigation Menu is difficult because the THUMB ZONE AREA CHANGES depending on:
✅ The size of your hand.
✅ The size of your Smartphone screen.
✅ Which hand you use when holding your Smartphone with ONE HAND.Research on mobile interaction and behavior shows that Smartphone users touch their phone's screens and hold their devices in different ways:
👍 It is both Transparent and Opaque to alert the user to Scroll Down to continue viewing additional Content, Menu Categories or Web Page Links that can not be displayed on the screen.
👍 The Ambidextrous, Thumb Zone Friendly, Mobile Mega Menu is positioned at the bottom of the screen, all Menu Categories and Links are "Centered" and optimized for "ONE HANDED" use.
👍 Follows the"unofficial web design" Three Click Rule. This rule recommends that web site visitors should be able to find any information with no more than three mouse clicks or touch actions!
👍 My Mobile First Design allows visitors to experience the same web page layout and Navigation Menu User Experience (UX) on different size screen devices.
Would love to hear your comments, opinions, and thoughts on the topic of Mobile Navigation Menus via email or Twitter.
Looking forward to your responses!