Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Business Value and ROI ›› 6 Key Questions to Guide International UX Research ›› Three Steps for Improving Mobile UX

Three Steps for Improving Mobile UX

by Elias Parker
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Successful websites in the age of mobile need to be fast loading, easy to navigate, and functional on multiple devices.

With mobile Internet usage accounting for one third of website visits, we no longer have the luxury of only improving and testing for user experience on a single device class. It’s imperative that you expand your UX testing to measure results on desktop, tablet, and mobile separately and respond to the needs of each medium. Here are three steps you can take to help keep your mobile visitors happy.

1. Code for Faster Page-Loading

Sixty-four percent of smartphone users expect websites to load in 4 seconds or less, so get your code tuned up for faster loading by reducing page sizes, keeping JavaScript to a minimum, avoiding widgets, and using font icons and image sprites.

The average real-world download speed for a 3G user is 244 KB/s and 756 KB/s for a 4G user. Both are relatively slow and that’s a concern, but surprisingly, download speed isn’t the main bottleneck on mobile: it’s primarily network latency (the time it takes to complete a round-trip from the phone to your server and back) and the web page’s processing time. In fact, 80% of the time it take to display a web page on a typical mobile device is spent processing HTTP requests, style sheets, and scripts.

Today, the single biggest improvement you can make to improve your mobile web page performance is to remove JavaScript libraries such as JQuery, JQuery UI, JQuery Mobile, Prototype, etc. Not only are these libraries large in size, they tax a mobile device’s CPU, particularly if you’re changing visuals on the page. Your best bet is to replace these libraries with some custom JavaScript that does the required work. An analysis of Amazon.com demonstrates this, as their mobile pages have no external JavaScript, and the HTML and all inline JavaScript take less than half a second to load.

The next biggest improvement you can make is to eliminate redirects to your mobile site. Many platforms host mobile versions of a site on a separate URL (like yourdomain.com?m=1). Each additional redirect adds another half a second to page load time.

2. Test Your Layouts

Making a site load more quickly is all well and good, but what do users do when they land on the page? Measuring success in user experience is all about trial and error. This usually involves multivariate testing exactly the same content—trying new page layouts for different screen sizes and measuring user response. Did the time on site, page views per-visitor, and bounce rates change? If so, was that positive or negative?

It’s imperative that you expand your UX testing to measure results on desktop, tablet, and mobile

Learning how to test is essential to mobile UX success. You can either do this using automated, mult-variant-testing (MVT) tools (like Ezoic), or you can construct your own experiments using tracking codes from do-it-yourself tools like Adobe Target or Optimizely. While the automated MVT tools will construct and test improvements for you, with the DIY approaches, you’ll need to construct all the tests yourself.

Based on our experience, the two most important design items to test are:

  1. Readability: The default for most mobile devices is to “shrink” content to fit onto the screen. This requires the end-user to zoom in and scan across the page to read text or click a link. It leads to a frustrating user experience and makes navigation very difficult.
  2. Graphics & Rich Media: You should limit and test your use of images on mobile devices. Often, that big beautiful image you have at the top of your web page will take ages to load and take up the entire first screen on a mobile device. While it may be aesthetically pleasing to you, this gets in the way of your users, who are often on-the-go and looking for specific information.

3. Improve Mobile and Responsive Navigation

Re-sizing your content to fit the screen size of each visitor is now the norm, but what about your mobile and tablet menus? Link-based navigation—unless properly sized for mobile—is difficult on most devices, as it requires zooming and sniper-like finger click accuracy. Your best bet is to create a single cohesive menu that goes deep into your site. Keep in mind that hover effects do NOT work on mobile devices, and your users will need to be able to easily close the navigation and scroll over it without accidental clicks.

Conclusion

The mobile-age is upon us and improving UX on mobile devices is as important as improving it for desktop users. It requires a lot of work, but the end benefits of happier users, improved search rankings, and increased revenue make it all worthwhile.

 

Image of happy mobile user courtesy Shutterstock

Tweet
Share
Post
Share
Email
Print

Related Articles

Discover how AI-powered gesture-based navigation is redefining app experiences, making interactions more intuitive and personalized. Explore the opportunities and challenges of this design revolution.

Article by Kevin Gates
Designing Serendipity
  • This article explores the role of AI in enhancing app navigation through gesture-based interactions, emphasizing a shift from traditional menus to intuitive, swipe-driven experiences.
  • It examines the intersection of AI and interaction design, highlighting how machine learning can support user discovery by anticipating needs and surfacing relevant content.
  • The piece critically assesses the potential of gesture-based navigation to improve accessibility, user engagement, and overall app usability, while addressing design challenges and potential pitfalls.
Share:Designing Serendipity
11 min read

Discover how AI is changing UX research. It’s not just making data analysis faster. It’s also encouraging people to think more deeply. Learn how to strike a balance between human insight and AI-driven efficiency to create more thoughtful designs.

Article by Charles Gedeon
How AI and Metacognition Are Shaping UX Research
  • The article talks about how AI can speed up data analysis and encourage people to think more deeply about biases and missed insights, which can improve the quality of user-centered design.
  • It shows that AI-powered UX research tools need to include reflection checkpoints. These checkpoints let researchers critically assess their assumptions and conclusions.
  • The piece highlights the collaboration between AI’s ability to recognize patterns and human judgment to make sure the research outcomes are meaningful and consider the context.
Share:How AI and Metacognition Are Shaping UX Research
4 min read

How can thoughtful workspace design transform collaboration and creativity? Discover how a human-centered approach reimagined 21,940 square feet into a flexible, inspiring environment that employees love.

Article by Aalap Doshi
Rethink Space: Designing a Human-Centered Workspace that Supports Flexibility, Collaboration, Privacy, Innovation, Creativity, and Transparency
  • The article explores how human-centered workspace design can improve collaboration, flexibility, and creativity by addressing employee needs.
  • It highlights solutions like open zones, quiet spaces, and pod-like configurations, showing how these changes boosted teamwork and morale.
  • The piece emphasizes the value of co-creation, adaptability, and clear communication in rethinking office spaces.
Share:Rethink Space: Designing a Human-Centered Workspace that Supports Flexibility, Collaboration, Privacy, Innovation, Creativity, and Transparency
7 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and