Experience a Navigation Menu that you can interact with using ONLY ONE HAND and can be viewed on any size screen Experience a Navigation Menu that you can interact with using ONLY ONE HAND and can be viewed on any size screen When smartphone users hold their devices using ONLY 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 you used (left thumb or right thumb) to interact with the 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.
The website navigation menu is optimized for ONE HAND SMARTPHONE MENU INTERACTIONS and provides visitors a consistent Navigation User Experience (UX) on any size screen.
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!
TAP the About Menu Category.
BOTH your Left and Right Thumbs will be able to easily reach all links in the About Menu category.
TAP the Contact Menu Category.
BOTH your Left and Right Thumbs will be able to easily reach all links in the Contact Menu category.
TAP the Games Menu Category.
BOTH your Left and Right Thumbs will be able to easily reach the link in the Games Menu category.
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.
🤔 Should you consider developing websites that can be viewed on any size screen ranging from the largest size Smart TV to the small screen of Apple and Android smartwatches If mobile users are spending 90% of their time using mobile apps and you take into consideration the Progressive Web App development costs, the effects of Push Notifications on battery life, the limitations that Progressive Web Apps (PWA) have on IOS devices, and the fact that Progressive Web App web content can not be displayed on Apple and Android smartwatches then, it is time for you to consider a new web design strategy that exploits the following features.
👍 My website exploits all Progressive Web App (PWA) features except for Offline Support and Push Notifications.
👍 Was developed using a Responsive Web Design (RWD) methodology, with a single column webpage layout similar to what Progressive Web Apps (PWA) use.
👍 The web server is optimized for speed by using the LightSpeed and HTTP/3 web server software.
👍 Every webpage achieves Google Mobile and Desktop Speed Index Scores in under 1 second that can not be matched by Progressive Web Apps (PWA).
😉 I am always interested in reading your comments, opinions, and thoughts! Raul Gonzalez