Dysrupt Your iPhone
Outside of the enlightened few, we all more than likely spend too much time on our phones. The average person has 3 hours and 15 minutes of screen time per day. That's over 1,000 hours a year!
We are not here to judge. In fact, we want to help all those addicted to their iPhone today. This article will have some insight for Android users; however, their systems allows a person to customize their home screens.
Designing for Mobile
Great mobile design is built around how people hold their phones. One-handed, two-handed, one hand and a pointer finger, etc.
The difference between good apps and great apps is understanding button placement based on how phones are held. For our purposes lets assume we are like the average in that we hold our phones one-handed and leverage our thumbs to tap.
As phones have increased in screen size, a lot of the phone's real estate is out of reach. The easiest way to see this is by opening the Notes app on your phone and then selecting the color green. Next, hold the phone in either your left or right hand and color in with green where your thumb doesn't have to strain. Then select yellow and color in where your thumb can strain to reach. And finally, select red and color in where your thumb can not realistically reach without a lot of adjustments.
Here we see the beautiful color map for an iPhone 11 being held in my left hand.

Applying This To Your Mobile Phone
It is important to know that one can create empty icons on an iPhone. This is done by uploading a screenshot of your phone to the following website. Following their instructions, iPhones allow a user to create a bookmark of an image on the screen. My phone *background is black, so the empty icons are simply black squares without a title below.
Using the heatmap above, we can review the set up of my iPhone. You will notice that the first two rows are empty except for two slightly used icons that are helpful to have around. The rest of the screen exists in the green or yellow zones of either left or right thumbs.

Compare this with official photos from Apple with icons in the top two rows. We can apply the same overlay and see all the apps in hard to reach locations. iPhone's logic on how apps are placed on screens is backward. A simple edit of placing icons from the bottom of the phone up would help increase the phone usability tremendously.

Why This Matters
If you are interested in supercharging your mobile web design, it can be a great exercise to go through this optimization flow on your own device. Leveraging your phone as a test area to maximize efficiency and comfort can highlight potential changes to make on one's own website.
Is the "Buy Now" button on mWeb in the Yellow or Red Zone of your heat zone map? Where is an optimal place tappable buttons on an Instagram Story? Is the green real estate being leveraged with the highest impact information?
*Empty icons can be color-matched to a more dynamic background if desired