Dbb logo cyan

11 Easy Steps to Better Mobile Websites

get better mobile websites

In this time when people are using their mobile phones to such a level, tv shows and movies are being heavily viewed on mobile. It is more imperative than ever to design your website around mobile and have desktop as your secondary thought.

It’s time to go mobile! With these 11 simple steps, you will be able to improve your website for a better mobile experience for the user.

  1. How responsive is your initial website design? A responsive website adapts to what device you use it on. If you’re viewing on a desktop, it’s the full horizontal view. If you’re viewing a site on a mobile device, the site responds to the parameters of the mobile device in size, shape, and content. You’ll still see all the content but in a vertical view which is how 60% of users see and use it when viewing mobile sites. Responsive design has the added advantage of being very SEO-friendly.
  2. Simple is best! Customers won’t use a site they can’t understand, regardless of the device being used. If your website is cluttered, it makes it hard to read and use. It becomes overwhelming to a visitor and they’re more likely to leave before making a purchase or filling out a form.
person waiting on slow loading page
  1. Make CTA buttons bigger, so they are easy to access on mobile devices. Keep in mind that 57% of smartphone users hold their phone in their left hand and 56% of users tap and scroll with their right index fingers, and 65% use the same index fingers to tap icons and buttons on their mobile screen.
  2. Easy to find content wins the race, every time! When a customer goes on your mobile site, do you know what they are looking for? Company phone number? Directions? Order a product? Email address? By making it a routine practice to check your Heatmaps and Google analytics, you will be able to see exactly what drives customers to your site and when they drop off.
heatmap of a website
annoying popups
  1. Just Say “NO” to pop-up and text-blocking ads. These types of ads take up valuable space on mobile sites and tend to annoy customers, so much so they may stop using your mobile site altogether.
  2. Does your website load in 3 seconds or less? If not, you’re losing customers, period! Use accelerated mobile pages (AMP) and compress your image file size to speed things up, and ensure your site’s response and loading time is minimal. Lastly, check out your web hosting provider to make sure your customers receive the quickest load and response times.
  1. Larger fonts equals a better viewing experience for your audience. Reading small fonts and content can be challenging for many people. Taking the time to increase the size could yield more revenue simply because of the ease of viewing. Make the fonts for your web pages at least 14 pixels, test on your mobile sites to see if it needs to be larger. Some of the best fonts for mobile viewing are Open Sans, Roboto, Helvetica, Montserrat, and Avenir.
  2. Attention to Viewpoints is crucial! Keep in mind the viewpoint of the site when you first begin to code. When you design your website, you need to code the site with the viewport meta tag to help resize the viewing area, aka viewport. You can set the width pixels for the viewing area when setting the meta values in the CSS layout.
different font faces
website services page
  1. Turn off autocorrect for mobile sites in the HTML code! Created to help us with spelling and grammar, the constant corrections of things like names and street names can increase user frustration and page/cart abandonment.
  2. Make sure your mobile site can effortlessly switch to desktop. Some customers preview to see your desktop site, even if it’s on a mobile device. Ease and convenience are very attractive to customers on websites.
  1. Testing, Testing! 1, 2 testing. Keeping up-to-date with your website’s functionality shows your professionalism and attention to detail. Regular testing can catch even minor problems you might not be aware of and these unintended problems can turn off consumers. Lastly, with the ever-changing mobile website and device landscapes, remember what is working today, may not work tomorrow or next week. So, test, test, test, and win consumer confidence with your site!

Making your website mobile-friendly means you will be reaching those users and customers who are looking for YOUR product or service quickly and efficiently. If you go the extra step to remove the hassle of pop-ups, redirects, or flash to interrupt the smooth flow of information your customers and business will grow seamlessly. 

Ready to go mobile but not quite sure where to start or what you need to begin? Call Digital Blue Beagle today at 859.940.5255, we are excited to help your business grow!