Does Your Mobile Site Pass the Thumb Zone Test?

How interesting that cell phones are becoming our sidekicks each day it’ll get harder to go away these questions drawer in your house. Pursuits like internet shopping, checking together with family and buddies, running our companies, and social networking make mobile phones an important tool inside our lives.

Becoming an online seller, it’s your duty to provide the most effective experience and support for the shoppers simply because they talk with your site and merchandise. An easy, seamless experience may take shape trust and loyalty, be responsible for high conversions for that business.

A customer’s interaction along with your website can differ according to many factors, including customer care, the website’s loading speed, design for the web site, plus much more. An important design part of buyer experience around the cell phone could be the Thumb Zone.

What is the Thumb Zone?

The thumb zone is basically the “safe zone” around the cell phone where thumbs possess the preferred when reaching the screen. The term was produced by Steven Hoober, a professional in mobile interfaces. Hoober learned that 49% of people rely on the main one-handed grip to assist their phones, while 75% use their thumbs to acquire tasks done easily.

Thumb Zone position for right-handed use.

The look above shows the thumb zone area by having an iPhone screen, when the user is suitable-handed. The eco-friendly area could be the Thumb Zone-the location that’s preferred for natural interaction. The yellow area is when the thumb stretches, as well as the red “Ouch” area is awkward and uncomfortable to attain for a lot of users.

Although Hoober’s concept of the thumb zone particularly describes one-handed use, we have to play the role of including individuals using your hands and so are either left- or right-handed. When your hands are employed, the inclusive thumb-zone appears such as the image below.

Thumb Zone position for left and right-handed use.

You have to bear in mind that even if there’s a design in user behavior, not everyone interacts getting an internet site much the same way. Placing the very best elements inside the right places inside your site can also enjoy a massive part inside the shopping experience your customers might have.

Another aspect to keep in mind is the ideal thumb zone may differ with regards to the size a cell phone.

Real-Existence Observations

While using a waiting room, we observed the different ways in which various people held their phones and tried to extrapolate information regarding their potential use cases.

For example, one person held his phone along with his left hands while tapping the screen along with his right hands, suggesting he was either searching for something specific that needed tappable filters, or was checking off alternatives on an inventory.

Another person held the phone along with her right hands while scrolling with this particular same thumb, suggesting a quick tell you a social media newsfeed. A smaller scrolling speed might have revealed that the person was studying, because we mostly make an effort to slow lower our gestures when we’re focused.

Another person was holding her phone with two hands, fingers interlaced round the back for support, while both thumbs were moving all around the bottom half from the phone’s screen. Our guess? Rapidly typing an email round the phone’s keyboard!

Now, what can these gestures connect with your ecommerce website? Your customers will most likely talk with your website using every one of these different gestures eventually in their shopping on the web process knowing all the good ways they might behave can help you perfect your website experience.

Your Skill To Feed the Thumb Zone Make certain Please Customers


When creating a web site, we advise positioning important tasks within achieve. Products that should be easily available include:

  • popular links
  • navigation menu
  • to homepage button

call-to-action (CTA) buttons-they’re really important for ecommerce stores, simply because they include actions like “Increase Cart”!

Although there isn’t any guidelines for where one can place these tasks, keeping them near to the bottom core given page is regarded as the reachable zone for left-handed and right-handed people.

Obtaining a set menu in the finish in the screen is an additional way to keep your important tasks open to your customers, and saves them time in their shopping process.


The elements inside your website should have room to breathe and stand out within the page. Proper spacing aids in preventing your customers mistakenly tapping the wrong link or button, that could disrupt their shopping experience. Furthermore, it keeps the web site and also readable.

Items to Avoid

There are numerous distractions that creates a blog to feel cluttered and confusing for the users.

Parallax scrolling can be a fun and trendy effect that superimposes 2 images to make a 3D appeal. Despite its appearance, its functionality is very low, particularly around the cell phone, because the images aren’t connected with pages or actions. Some customers could even see motion sickness while scrolling, so it is advisable to be careful with movement effects. Rather, consider offering more non-linked content like static images, text, or white-colored-colored space to avoid shopping experience distractions. Remember, when the element doesn’t increase the need for your site or helps bring conversion, discard it.

Placing the shopping cart software software from achieve and from sight. Now that you’ve a far greater understanding of the value of the thumb-zone, try positioning the shopping cart software software within the zone towards the top or around the fixed menu in the finish.

“Hamburger” menus are very common on responsive design. It’s often a symbol made up of three lines of horizontal type that represent a left navigation. If you tap round the icon, it expands into a listing of groups as well as other quick links to navigate from. Oftentimes, the left navigation opens while pushing the website’s content right. This could keep the links for the far left therefore the thumb stretches trying to achieve them, resulting in an unpleasant position. One possible solution should be to expand these category links, therefore causing them to be better to achieve. Another possible option would be always to make sure that recption menus navigation covers the screen if the opens, centering the program list and that makes it the primary focus in the user’s next action-without getting to speak about screen space as well as other content.

Major Takeaways

Great services are about creating your customers feel comfortable in their amount of time in your store. In this particular ages of growing addiction to our mobile phones, designing for your thumb zone’s natural interaction getting a touchscreen could be the trick to keeping loyal customers.

Always attempt to make certain that the site presents content in a fashion that keeps most gestures within the comfortable thumb zone, remaining from awkward stretches and misplaced elements.

Remember, sometimes less is a lot more. The most effective method to avoid a distracting experience is a site design and also uncluttered. Aim to supply a straightforward and user-friendly shopping experience that invites your customers to come back for the store.

Leave a Reply

Your email address will not be published. Required fields are marked *