“The Thumb Zone” coined by Steven Hoober is very important factor in design & development for mobile user interfaces. You simply cannot ignore the thumb playing across the mobile screens, which is why it should be taken seriously. You don’t want your user to feel inconvenience when using the thumb to interact with your application or website. Poor consideration in design for the thumb is revealed through these inconveniences.
When you conduct the user interface testing on wireframes with the thumb, you might see a sequence for placement, which you would have technically ignored. Isn’t thumb the way to interact with devices? The way the thumb interacts with the top space may differ from the way it interacts with the bottom space of your mobile device. You will need to consider a few design elements when designing the interface keeping the thumb in mind.
2. TRooTech Business Solutions
“The Thumb Zone” coined by Steven Hoober is very important factor in
design & development for mobile user interfaces. You simply cannot
ignore the thumb playing across the mobile screens, which is why it should
be taken seriously. You don’t want your user to feel inconvenience when
using the thumb to interact with your application or website. Poor
consideration in design for the thumb is revealed through these
inconveniences.
When you conduct the user interface testing on wireframes with the thumb,
you might see a sequence for placement, which you would have technically
ignored. Isn’t thumb the way to interact with devices? The way the thumb
interacts with the top space may differ from the way it interacts with the
bottom space of your mobile device. You will need to consider a few design
elements when designing the interface keeping the thumb in mind.
According to Hoober, 49% of the people use a single hand to hold their
smartphones, and they rely heavily on the thumb to bear the weight. Clark
mentioned that close to 75% of the interactions with the smartphone
occurred via the thumb, which proved its importance in accessing a
smartphone. There are certain zones that are easy to reach for the thumb,
and then there are the in-between areas and finally the ones that are hard
to reach. You will need to design for the flow of the thumb zone in this case
to make user friendly and interactive designs.
3. TRooTech Business Solutions
Handling Navigation Issues
Remember a time in mobile world, when you had to deal with dropdown lists
for mobile navigation? While the interface was not slick as that of the
modern times, it could help you get through the navigation part. While there
are various navigation patterns in present times, you are probably still
wondering which one is the best fit for your thumb. To understand the
natural movement of your thumb, answer questions on whether you app has
long list of links or mix menus to deal with? What type of menu suits your
website best? If you have long list links then you need a full screen overlay
menu, so that there is enough space to organize the different things
required from navigation perspective. You will need to align clickable
elements so that they are placed near the thumb zone. If there are no long
list links, then you may want a sticky menu that keeps moving with your
scroll. In case you have a huge website, then you will need to mix menus,
and then prioritize the links based on their weightage in your app. The sticky
menus are quite user-friendly, and oft visited, while the full screen menus
are not high-priority menus. You will need to gather user data, and combine
it with best designing practices to leverage your thumb zone and create
user friendly designs.
4. TRooTech Business Solutions
Make the Cards Friendly
The card pattern design is very important in your app design. You may want
to get it reviewed in line with your thumb zone to measure the user
friendliness. The card patterns are quite popular as they are quick, easy and
predictable. They can offer good content with minimal lines, which makes
reading easy, and comprehending better. These cards allow you to perform
certain actions such as send, save, done and close. Weather apps have
actionable links within the card. You will need your thumb to work on the
card to either save or share it.
While the weather based apps may use the thumb zone, there are apps that
don’t use a thumb zone. You may want to check the card pattern, and then
figure out if you need to design it for the thumb zone or not. There are some
issues in here that you may want to address. A close button to the top
corner of the card may be common, but it does not suit the thumb patter.
You may want an alternative solution for this.
Gestures & Movement
Gestures are important when you are testing user interface for your app
development. Tap, double-tap, swipe, pinch and press are common
gestures, and some of them use the thumb. When designing the gestures for
your app, you will need to design them for the thumb zone, so that these
5. TRooTech Business Solutions
gestures can be performed naturally. You will need to study the swipe and
other gestures and figure out how exactly does the movement occur? There
is an assumption on how the thumb moves, and the reality is slightly
different. Make sure your swipe gestures are away from the hard to reach
areas. You will need to provide enough tapping space on your mobile app.
With the thumb movement given some thought, you are ready to launch the
app. You will definitely get more users on board if you have given some
thought to the thumb approach on the app.