When smartphone users hold their devices using ONE HAND, the "Thumb Zone" is an area on your smartphone screen that your thumbs, are able to easily reach to interact with a mobile website navigation menu.
The size of your hand.
Which thumbs (left thumb or right thumb) you used to interact with a mobile navigation menu.
The size of your Smartphone screen.
POSITION your website navigation menu at the bottom of your smartphone screen.
CENTER all navigation menu categories and web page links.
USE CSS Viewport Units Height that automatically adjust to different smartphone viewport sizes.
My Responsive Mobile User Experience (UX) Design uses a Thumb Zone Friendly Navigation Menu that is optimized for ONLY ONE HAND menu interactions and, provide visitors a consistent Navigation User Experience (UX) ON ANY SIZE SCREEN ranging from the largest size Smart TV screen, to the small screen of an Apple Watch!
OPEN this web page on a large screen Smartphone.
TAP the M E N U at the bottom of the screen. This action will open a full screen overlay Navigation Menu that is displayed in an OPTIMAL THUMB ZONE AREA of the screen!
USE your Left and Right Thumbs to SCROLL all the way down to the bottom and top of the navigation menu.
TAP any one of the different Menu Categories.
USE your Left and Right Thumb to SCROLL up and down and interact with all associated links.
TAP the M E N U at the bottom of the screen, to close the navigation menu and return to the webpage that you were viewing.
I am always interested in reading your comments, opinions, and thoughts! Raul Gonzalez