We’re exploring best practices for your customer’s mobile experience while looking at your website. Lots of companies get excited about designing their website and choosing fancy graphics and making everything visually appealing for a computer experience. There’s nothing wrong with that! But sometimes the website experience doesn’t translate well to a smaller device. These tips will increase your conversion without fail. So, three things you can do to make your mobile website experience a better and higher converting experience
1. Change your Buttons
Up to 80% of your audience will be visiting your website on their phone. So, how is their experience as they scroll through your website? When you’re looking at a desktop view, the buttons can be sleek and slim for aesthetic purposes. When you go to the phone view, however, you need to consider the “fat thumb syndrome.” Trust me, it’s a thing.
So when you’re designing your mobile view, pull all the buttons toward the right side so people don’t have to reach over (sorry all you lefties, but the majority of people are right-handed) the entire phone screen. It cuts down on the accidental bumping of something else that takes them off their desired page.
The next thing is to make the buttons large enough for a thumb to grab. You can choose how those buttons will look, but you want to make sure your users can make intentional taps with a button that has more “pixel padding.” Give enough pixel padding and design it for functionality, but also aesthetics.
2. Change your Mobile Load Time
Background videos are emotive. That’s the purpose. It’s meant to make your audience feel something. It does make your load time longer, however, and when it comes to mobile viewers, they will not patiently wait for something to load onto their phone. They will get impatient and go somewhere else. So, unless that video is vital and you’re willing to sacrifice a few seconds for the trade-off of the experience, consider using an image instead of the video. Just understand the risk. Sometimes the risk is worth it and pays off, but watch the analytics and assess the bounce rate on mobile. If people are leaving, you may want to change out that video after all so their loading experience is smoother.
3. Selectively Hiding or Re-Ordering Items
When you’re looking at a wide computer screen, having lots of images and large text blocks, things are spaced out and aren’t visually cluttered. On mobile view, however, take a look to see what you think. Is it overwhelming? Confusing? Consider paring back some so that your mobile view is cleaner. Rather than have really long paragraphs that require lots of scrolling, you can hide things that aren’t as necessary in order to preserve your message and CTA and still have the complete view when people visit on desktop. Every scroll should give them something valuable and something they want to see.
Web design has become more than just a science… it’s also art. Make sure that your customer’s mobile experience is exactly as you want it. Buttons should be clearly seen and easy to hit. Load times should be fast, and every mobile view should be uncluttered and visually appealing so they stay longer on your website.
Do you want step-by-step instructions on how to make these changes in your Launch Kit to your mobile view? Check out the video above to watch Justin do it all in real-time! And, as always, please feel free to reach out to us any time.