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

Why do designers grumble at the mere mention of PowerPoint? Discover smart strategies that turn frustration into creative solutions.

Article by Jim Gulsen
Why Designers Hate PowerPoint (and How to Fix It)
  • The article examines why PowerPoint often frustrates designers, from its limited design capabilities to inefficient workflows, and explores opportunities to bridge those gaps.
  • It highlights strategies like building systematic design elements, creating templates, and augmenting slides with other design tools.
  • The piece underscores the importance of collaboration, simplicity, and proactive planning to elevate design and streamline workflows.
  • It highlights practical methods to help designers balance quality and speed for presentations that are both functional and visually engaging.
Share:Why Designers Hate PowerPoint (and How to Fix It)
4 min read

Struggling with PowerPoint’s design limitations? This step-by-step guide shows you how to build systematic design solutions, from mastering slide layouts to using sticker sheets for patterns. Learn to create polished, professional presentations with smart workarounds and helpful tips.

Article by Jim Gulsen
A Step-by-Step Guide to Creating a “Design System” in PowerPoint
  • The article gives a step-by-step guide to building systematic patterns in PowerPoint. It talks about the program’s limitations and gives essential tips like mastering slide layouts and customizing text settings.
  • It suggests using PowerPoint’s automated features carefully and advocating for manual workarounds to elevate quality.
  • The piece introduces creating sticker sheets for reusable design components and highlights strategies for successful workflows.
Share:A Step-by-Step Guide to Creating a “Design System” in PowerPoint
5 min read

Publishing in HCI and design research can feel overwhelming, especially for newcomers. This guide breaks down the process — from choosing the right venue to writing, submitting, and handling revisions. Whether you’re aiming for conferences or journals, learn key strategies to navigate academic publishing with confidence.

Article by Malak Sadek
A Guide to Publishing Human-Computer Interaction (HCI) and Design Research Papers
  • The article provides a guide to publishing in Human-Computer Interaction (HCI) and design research, sharing insights from the author’s PhD experience.
  • It explains the significance of publishing in academia and industry, offering an overview of peer-reviewed journals and conferences.
  • It breaks down the two main types of papers — review and empirical — detailing their structures and acceptance criteria.
  • The piece emphasizes strategic research planning, collaboration, and selecting the right venue for submission.
  • The piece also outlines practical steps for writing, revising, and handling rejections, encouraging persistence and learning from reviewer feedback to improve publication success.
Share:A Guide to Publishing Human-Computer Interaction (HCI) and Design Research Papers
8 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