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

The role of the Head of Design is transforming. Dive into how modern design leaders amplify impact, foster innovation, and shape strategic culture, redefining what it means to lead design today.

Article by Darren Smith
Head of Design is Dead, Long Live the Head of Design!
  • The article examines the evolving role of the Head of Design, highlighting shifts in expectations, responsibilities, and leadership impact within design teams.
  • It discusses how design leaders amplify team performance, foster innovation, and align design initiatives with broader business goals, especially under changing demands in leadership roles.
  • The piece emphasizes the critical value of design leadership as a multiplier for organizational success, offering insights into the unique contributions that design leaders bring to strategy, culture, and team cohesion.
Share:Head of Design is Dead, Long Live the Head of Design!
9 min read

Discover how digital twins are transforming industries by enabling innovation and reducing waste. This article delves into the power of digital twins to create virtual replicas, allowing companies to improve products, processes, and sustainability efforts before physical resources are used. Read on to see how this cutting-edge technology helps streamline operations and drive smarter, eco-friendly decisions

Article by Alla Slesarenko
How Digital Twins Drive Innovation and Minimize Waste
  • The article explores how digital twins—virtual models of physical objects—enable organizations to drive innovation by allowing testing and improvements before physical implementation.
  • It discusses how digital twins can minimize waste and increase efficiency by identifying potential issues early, ultimately optimizing resource use.
  • The piece emphasizes the role of digital twins in various sectors, showcasing their capacity to improve processes, product development, and sustainability initiatives.
Share:How Digital Twins Drive Innovation and Minimize Waste
5 min read

Is banning AI in education a solution or a missed opportunity? This thought-provoking piece dives into how outdated assessment methods may be fueling academic dishonesty — and why embracing AI could transform learning for the better.

Article by Enrique Dans
On the Question of Cheating and Dishonesty in Education in the Age of AI
  • The article challenges the view that cheating is solely a student issue, suggesting assessment reform to address deeper causes of dishonesty.
  • It advocates for evaluating AI use in education instead of banning it, encouraging responsible use to boost learning.
  • The piece critiques GPA as a limiting metric, proposing more meaningful ways to assess student capabilities.
  • The article calls for updated ethics that reward effective AI use instead of punishing adaptation.
  • It envisions AI as a transformative tool to modernize and enhance learning practices.
Share:On the Question of Cheating and Dishonesty in Education in the Age of AI
4 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