3 Mobile First Design Tips for Your Website

Posted at Dec 1, 2018 2:34:52 PM by Michelle Sternbauer | Share

Mobile first design is a must. Google's move to mobile first indexing made it clear that making sure that your website has the best possible experience for users is more important than ever. In addition to Google placing more importance on your website's mobile performance, your users are more likely to be looking at your site on a mobile device than ever before. So, what does this mean for you if you are thinking of redesigning your website? It means thinking mobile first. Here are three tips to consider when redesigning your website from a mobile first perspective.

Mobile First Design | Redesigning Your Website | THAT Agency


1. Make User Experience a Priority 

We all want our website to provide a good user experience, but what does this mean, and how do you make it happen? A good place to start is to take a hard look at your current website and your analytics.

It's easy to get caught up in the aesthetics of your website, in what you think looks good, but your analytics will tell you the real story about how your users are interacting with your website.

Dig into your website analytics. What pages are your users spending the most time on? What pages are they visiting and then leaving quickly? What pages are driving the most conversions? Use these findings to help guide you in redesigning your website.

Are there things you can do to improve the pages that aren't holding people's attention or converting? Can you make the pages that are performing well even better, or even easier to find? Think about the actions that you want your users to take on the site and make sure that you are giving them a clear and easy path to take those actions.

2. Don't Neglect Speed

Your shiny new website redesign can be as easy as pie to use and navigate, but it won't matter at all if your users leave before they even see it.

Data from Google shows that 53% of website visits are abandoned on a mobile device if it takes more than three seconds to load. So, if your site takes too long to load, your users might just be moving on to a competitor's site before even giving yours a chance. This means that, when redesigning your website, you should always keep speed at the top of your mind.

One way to do this is to make sure that your images are optimized properly. The new Squoosh App from Google is a great tool to easily compress images right in your browser.

There are also a number of tools available to help you test and optimize the speed of your website. Google's test my site tool is a great one. It will test the speed of your site over a standard 3G connection and show you where you compare on loading times within your industry. In addition, it will give you an overview of things that you can do to improve the speed of your site and even send you a detailed report.

3. Design for mobile first in the little things

When thinking about redesigning your website from a mobile first design perspective, there are some little things that can make a big difference.

  • Size - test out your design on your own phone. Are the buttons large enough to tap easily? Something as easy to change as the size of a button can greatly impact the experience of your users.
  • Pop ups - While mildly annoying to users on desktop and laptop computers, pop up windows can present a much larger irritation on a mobile device. As a general rule it's best to avoid using pop ups on your mobile site if you can. If you have to use them, make sure that they are as easy to close as possible. It's often hard for users to find the X to close a pop up, and if they get frustrated, they may just leave your site altogether.
  • Content organization - While you should always try to break your content up into easily consumable chunks when writing for the web, this rule of thumb becomes even more important on mobile. If you have large sections of content on your site, think about how you might break those sections up into smaller chunks. Are there places where you can incorporate headings so that it is easier for users to scan and find what they need?

Are you looking at redesigning your website using mobile first design practices? The web design team at THAT Agency can help. Contact us today to find out how!

Best Practices for Digital Marketing: FREE GUIDE

Tags: Web Design

Best Practices for Digital Marketing in 2022: FREE GUIDE