Mobile Compliance

Why do you need a mobile-enabled website?

A perfectly valid question! Traditionally website have been designed to display correctly on desktop computers only, these have large screens able to cope with well over 1000 pixels of horizontal space. This is plenty of space for websites to be displayed in full, with no horizontal scrolling required.

Since the conception of the "world wide web" (the visual part of the internet we all take for granted today) in 1989, computers have been used exclusively for Internet access. However over the past few years there has been a strong swing towards access via smartphones over desktop computers.

The graph below illustrates this over the past 10 years:

Smartphone mobile usage vs desktop usage 2009 - 2018

Does it make a difference?

OK, so there's more smartphone and fewer desktop computers accessing the Internet. Modern smartphones are pretty clever devices; they're able to display the same features as computers right? Well, yes and no. They can display the sites, but instead of 1000 pixels of horizontal space we now have an average of 320 pixels of space, a huge reduction.

But I can still view any site on my mobile device?

Absolutely, you can. Virtually any website will display on a mobile device, however the user experience and ease of navigation will vary hugely. Take a look at the examples below. This shows a site that's not mobile-optimised, note that you need to scroll horizontally to see all the content, perhaps zoom in and out to enter data and see the information? - desktop view

Now take a look a look the second example, content is scaled correctly for the screen size with only vertical scrolling required. No zooming in to see data, all content fits on the screen. Overall a much better user experience. - mobile view

Does your website display more like the first example, or the second?

If you're not providing an accessible experience for mobile users you're basically ignoring over half your potential audience. If a customer cannot navigate a site easily they'll simply go elsewhere.

What can be done?

Plenty! Put simply, the site needs to be restructured to display in a portrait shape rather than landscape. It should resize and retain readability across all devices (desktop, tablets, mobile etc), while making maximum use of the available space. Basically it needs to be responsive to the visitors device, regardless of what it is.

We can help!

We're experts in making responsive and accessible websites that look great no matter what device is used to access them. Get in touch today – it doesn't matter if you need a whole new website or if you just want us to make your existing site responsive and accessible to all. We can put together an attractive and competitively prices solution that works for you.

Jargon buster:

Mobile-specific terms you might encounter, optional reading only!

  • Responsive: Describes a website that's able to adapt seamlessly to varying devices / screen sizes.
  • Desktop: A general term for any full size computer device, these receive the "full fat" version of sites.
  • Tablet: Generally 7" or larger in terms of screen size. These can be capable of displaying a lot of sites in full, but often still need special consideration.
  • Mobile: Devices with a portrait aspect ratio, generally 6" or smaller.
  • Viewport: The available screen "real estate" used for showing the current site.
  • CSS: Cascading Style Sheets, the layout language used to position elements on a page.
  • Media Queries: This describes a rule to be applied to certain device types / screen widths etc, used for altering the design for smaller or less capable devices.