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 Thumb Zone Area changes based on

1The size of your hand.

2Which thumbs you used (left thumb or right thumb) to interact with the mobile navigation menu.

3The size of your Smartphone screen.

Your thumbs are not able to interact with Mobile Navigation Menus that are positioned on the top of the screen of large screen smartphones

Designing a Navigation Menu that mobile visitors can interact with using ONLY ONE HAND is actually very simple if you follow three simple rules

1POSITION your website navigation menu at the bottom of your smartphone screen.

2CENTER all navigation menu categories and web page links.

3USE CSS Viewport Units Height that automatically adjust to different smartphone viewport sizes.

Most websites have different navigation menus for Mobile and Desktop devices

My Thumb Zone Friendly Navigation Menu is optimized for ONLY ONE HAND MENU INTERACTIONS and provides visitors a consistent Navigation User Experience (UX) on any size screen.

Mobile visitors are able to use ONLY ONE HAND when interacting with my Navigation Menu that also provides a consistent Navigation User Experience (UX) on any size screen

Experience my Thumb Zone Friendly Navigation Menu using ONLY ONE HAND

1OPEN this web page on a large screen Smartphone.

2TAP 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!

3TAP the About Menu Category.

4BOTH your Left and Right Thumbs will be able to easily reach all links in the About Menu category.

5TAP the Contact Menu Category.

6BOTH your Left and Right Thumbs will be able to easily reach all links in the Contact Menu category.

7TAP the Games Menu Category.

8BOTH your Left and Right Thumbs will be able to easily reach the link in the Games Menu category.

9TAP 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.

Why develop websites using a Responsive Web Design (RWD)?

🤔 If mobile users are spending 90% of their time using mobile apps, and you take into consideration the limitations and restrictions that Progressive Web Apps (PWA) have on Apple smartphones and all smartwatches then, why not develop websites using a Responsive Web Design (RWD) that exploits all the Progressive Web App (PWA) features except for Offline Support and Push Notifications?

I am always interested in reading your comments, opinions, and thoughts! Raul Gonzalez

Top ▲ Page