Mobile Responsive Web Design for Small Businesses
If your business has a website, you’ve probably been hearing a lot about responsive design lately. After all, Mashery has called 2013 the Year of Responsive Web Design. But, what exactly is responsive design and how can it make your website better?
In a totally non-techy nutshell, responsive design means that elements on the page will be resized or the layout reconfigured so that your content looks good and is easy to read no matter what screen size it’s displayed on, whether its a desktop, laptop, tablet, or phone.
How does this magic happen? There are three main principles:
- Fluid grids. The different elements on a webpage are laid out on a grid and sized based on relative units like percentages, rather than absolute units, like number of pixels.
- Flexible images. Images are also sized relatively, to keep them from “barging in” on other parts of the grid on a different screen size.
- Media queries. This is just a fancy way of saying that your site can detect the device that it’s being displayed on, and automatically adjust its size and layout accordingly.
So is responsive design just the latest fad, or something you really need consider? According to Pew Internet, 63% of adult mobile phone owners use their phone to go online, and 34% of those who go online with their phone do so mostly from their phone, and don’t use a desktop or laptop computer for internet access.
And research firm IDC estimates that more people will access the internet through a mobile device than a PC.
If you do decide to implement responsive design, unless you’re a web-coding guru, you will need to hire someone to help. Responsive design is still relatively new, so when hiring a web designer, make sure they can not only explain responsive design and how it would benefit your particular site, but also show you examples of responsive sites they’ve created.
Is your website ready for mobile users?
Are You losing business to your competitors?