What’s the 80/20 newsletter? Created by LOGO.com, each issue breaks down one small but powerful marketing tip that drives big results for businesses. Let’s get into it!

Product Spotlight 📢

Your website for {{business_name | your brand}} is ready!

Our AI-powered builder will automatically tailor it to your business, including fonts, colors, images, and copy.

The 80/20 Mobile Tap Target Rule

Hi {{given_name}},

Ever notice how you try to tap a button on your phone and miss it completely, then have to tap again, and again?

You're not alone. Most of your visitors are browsing on mobile, but if your buttons are too small to tap comfortably, they're leaving before they ever take action.

💡 This week's 80/20 rule: Open your website on your phone right now. If your main CTA button isn't at least 48x48 pixels with visible breathing room around it, increase the size today.

Why This Rule Works

🧠 Research shows that adequate tap target sizing is essential for usability, with users over 55 experiencing significantly higher error rates on small targets.

This is Fitts's Law in action: the time and accuracy of reaching a target depends on its size and distance. Larger buttons don't just reduce errors, they reduce the cognitive load of precision.

It's like the difference between a doorway and a cat flap. Both technically let you through, but one requires zero thought while the other demands you contort yourself just to pass. Your mobile visitors shouldn't have to contort their thumbs to navigate your site.

Businesses That Leverage This Rule

🛒 Walmart After a mobile-first redesign that prioritized larger, "thumb-friendly" buttons and increased white space to prevent accidental taps, Walmart saw a 20% increase in conversions across all mobile devices.

💻 SAP: By replacing small blue text links with a large, orange, high-contrast CTA button, SAP BusinessObjects increased their conversion rate by 32.5%.

👕 John Smedley This luxury knitwear brand increased the width and size of their "Proceed to Checkout" button and remove the ‘return’ button on mobile. This specific UX tweak contributed to a 10% increase in mobile conversion rates and a 30% lift in mobile revenue.

How to Apply This Rule to Your Business

🤝 For Service-Based Businesses

Check your main CTA button right now
Open your website on your phone and try to tap your Book a Call or Contact Us button with your thumb. If you miss on the first try or feel like you're aiming carefully, your button is too small. Set it to at least 48x48 pixels with plenty of empty space around it.

Make your form fields thumb-friendly
Change every input field on your contact or booking form to a minimum height of 48 pixels. Set the font size to 16 pixels so iPhones don't auto-zoom when someone taps to type. When forms feel effortless to fill out, more people actually complete them instead of giving up halfway through.

Increase your hamburger menu size
That three-line menu icon in your header should be 48x48 pixels minimum. Most themes default to much smaller sizes, which forces visitors to tap multiple times just to navigate your site. A bigger menu icon means visitors can explore your services without frustration.

Space out your navigation links
When your mobile menu opens, make sure each link has generous padding above and below it. Cramped menu items cause accidental taps that frustrate visitors and send them to the wrong page. Proper spacing lets people navigate confidently to exactly where they want to go.

🛒 For Ecommerce Stores

Make your Add to Cart button impossible to miss
Set your Add to Cart button to at least 56 pixels tall and make it full width on mobile. This is the most important tap on your product page, so make it the easiest one to hit. A bigger button removes the hesitation that kills impulse purchases.

Replace dropdowns with tappable buttons
Convert your size and color selectors from dropdown menus to a grid of large, tappable buttons. Visual selection reduces decision time and tap errors compared to menus that require precise tapping. Customers can see all options at once and select with confidence.

Enlarge your quantity selector
Change those tiny plus and minus buttons to 48x48 pixels each with plenty of space between them. When customers want to buy more, don't make them work for it. Easy quantity adjustments lead to larger order values.

Fix your checkout buttons
Your Continue to Payment and Place Order buttons should be 60 pixels tall minimum. These are the highest value taps on your entire site, so make them the easiest to hit. Every missed tap at checkout is a potential lost sale.

TLDR

1️⃣ The rule change: Open your website on your phone and increase any CTA button smaller than 48x48 pixels with visible breathing room around it.

2️⃣ Why it works: Fitts's Law proves that larger targets are faster and easier to hit. Small buttons create frustration that compounds until users give up.

3️⃣ The result: Mobile visitors can navigate your site effortlessly, turning your largest traffic source into engaged users.

Website Review

🔎 For this week's website review, let's look at Portland Leather Goods. Portland Leather Goods is a handmade leather accessories company based in Portland, Oregon, crafting tote bags, journals, backpacks, and more from full-grain leather.

💡 The Good:

Strong product photography throughout
The product images do the heavy lifting here. Clean, consistent shots show off the leather's texture and quality from multiple angles. Shoppers can actually see what they're buying, which is huge for a premium product where material quality matters.

Comprehensive FAQ that builds trust
The FAQ section tackles the questions customers actually have, from shipping timelines to leather sustainability. Addressing concerns upfront, especially about longer production times, takes away the anxiety that comes with buying from a smaller maker.

Customer reviews front and center
Real customer feedback is integrated throughout the shopping experience. For a premium product at higher price points, seeing what other buyers think about durability and quality gives hesitant shoppers the confidence to complete their purchase.

🔧 Suggestions:

More maker storytelling
The site could go deeper on the people and process behind the products. A behind-the-scenes look at the workshop, the craftspeople, or the leather sourcing journey would strengthen the emotional connection and justify the premium pricing even more.

Video content for authenticity
Adding short videos showing the leather-working process or product details in motion would bring the craftsmanship to life. Static photos are great, but video creates a richer sense of quality that photos alone can't capture.

See you next time for another simple, high-impact strategy!

The LOGO Editorial Team

What did you like? 📢

Reply back with anything you enjoyed reading or want to learn more about and we’ll gift you a month of Brand Plan as a token of our appreciation.

Keep Reading