Mobile first design

When designing a blog it’s easy to think only about how the site looks on the big monitor attached to your desktop computer. After all that’s the tool we use to maintain our blogs.

But if ever you needed evidence that you need to prioritise mobile devices, take a look at these statistics from another site of mine:

The table shows:

  • 78% of pages are viewed using smartphones
  • 14% of pages are viewed via desktop computers
  • 8% of pages are viewed using tablets

Almost 4 in 5 of all visitors are coming to my site using a smartphone. That could mean that they’re viewing my site in a completely different way than I am on my desktop computer.

For instance, all the links to other pages and advertising that shows as a column on the right of the page on the desktop are instead at the bottom of the page on mobile – and so it’s a lot less prominent to those visitors.

In order to address this we need to adopt a mobile-first attitude to design. We need to think about how a site looks on a smartphone ahead of the desktop.

A good responsive design will help – but we also need to check how the design moves content around once the screen size shrinks. That’s why I’m beginning to check everyone on my smartphone just as often as I use the laptop.

Posted by Richard

Richard has been blogging since 2000 about technology, cycling, singing, and life in general. Follow him on Twitter.

Leave a Reply

Your email address will not be published. Required fields are marked *