Are You Mobile-Optimized or Mobile-Awesome?
Weird fact about me – while I am of average height, I have tiny, below-average hands. Because of my tiny hands I was super reluctant to upgrade my tiny phone, so until the last few weeks I was still living my best life with my 4” screen iPhone 5. When your phone is that tiny it becomes really clear really fast when websites aren’t optimizing well for mobile.
Which brings up a good question: what does it really mean to “optimize” for mobile? For a lot of websites it simply means nothing breaks when viewed on a phone. You would think “not breaking” should be the bare minimum, but I have been on plenty of websites where everything from the hero image to a form fill is in fact “broken” and either cannot be viewed or cannot be used on my mobile phone.
Of course, “not breaking” is still a pretty low standard to set for such a large chunk of your audience. While the percentage of mobile visitors will always vary by site, in 2019 we’re seeing an average of 64% of travel & tourism website visitors using mobile devices.
If you want to create the best mobile experience for your visitors, why not use personalization? Here are 5 examples of ways you can use personalization to create a better website for mobile visitors without having to recreate the entire website wheel.
Changing the Copy
A giant block of text on mobile? Ain’t nobody got time for that! A lot of times mobile optimizing means that the text technically fits on the screen. And that’s it. But we can do better than that! You can create a better experience overall by shortening the copy for mobile.
Think about your homepage hero, for example. If you overlay copy over an image, it will always take up a large portion of the image space, even when using smaller text. If you try and make it much smaller you run the risk of no one being able to read your copy. Create a cleaner mobile version by shortening or removing an element such as the subhead text, so that mobile visitors can still get the full effect of the image. Or, consider setting up a different template on mobile where the text moves below the image instead of appearing over it.
Changing the copy can also mean changing the call to action text. Mobile visitors are more likely to click on a visitor guide “view” call to action over one that says “download.”
Changing the Content
Wide, sweeping landscape images are beautiful. On desktop.
On mobile, wide images can get tricky. If you keep the same image ratio on mobile your image can become very, very small. If your website automatically crops the image to create a taller version, you might end up with a completely different point of view:
Instead of a mobile-optimized version of the image, use personalization to show a completely different image that better fits the story you want to tell on mobile.
Prioritizing the Right Content
That big, long intro text is really nice for your desktop visitors since they can still see other elements further down on the screen, but maybe you have articles or user generated images you think would appeal more to your mobile visitors. Using personalization to make sure the best mobile content is visible before scrolling can keep mobile visitors better engaged. This could mean rearranging content or using an overlay campaign to grab your mobile visitors attention right away.
Using Different Forms
Think about your formfill pages for a minute. How you would feel trying to fill them out on a phone. Are there 10 required fields before they can sign up for your newsletter? Are there several dropdowns they need to try and scroll through? Are there tiny checkboxes close together that might make it hard for them to indicate the right interest?
These are all issues that can easily dissuade a mobile visitor from completing a form. If you have a shorter, mobile-friendly form, you can use personalization to promote it strictly to mobile visitors who abandoned the original form page. Alternatively, you can direct them to the short form when they first click your call to action instead of showing them the long form at all.
Using Different Overlay Content
With mobile visitors making up over half of your website sessions, of course you still want to target them to promote your key goals. However, even when sized for a mobile screen, a fly-in can still create a larger than desired impact, more akin to using a modal. If you want to create a less disruptive experience on mobile, considering using banner campaigns instead. Mobile visitors can easily choose to either interact with a banner or ignore and continue scrolling.
Personalization is all about creating the best website experience for a group of visitors, and at the end of the day your mobile visitors are just another one of those groups! Looking for more ideas of how to better personalize for mobile? Contact your designated Customer Success Manager or reach out to here to discuss more!