Responsive Web Design Brisbane Solutions
Have you ever considered what your website looks like on other devices? The obvious test people do is on their desktops, maybe their laptop and even their mobile phone. It’s important to consider responsive web design because more people are using mobile devices every day to make buying decisions.
These days we always create websites with a responsive theme. As a responsive theme does the hard word of rearranging your website to be displayed on the screen. The last thing anyone wants is a website that is partially displayed on a small screen and you have to scroll or zoom in and out to be able to see and read the content.
Websites that are not responsive make the job so much harder for the person viewing the website. Because if the site is displayed on a mobile screen then you just cannot read the content of the site.
Non Responsive Web Design
Here is a cool little tool that we will use to test how a non-responsive website looking on different devices. The tool is http://quirktools.com/ and it allows you to pick and choose different devices to understand what a website will look like.
The website we will look at is http://www.polesy.com.au/ - I don’t know who these guys are and I have never dealt with them. But there website is not bad looking it just isn’t responsive.
When you look at the home page on a 15” Notebook with a screen resolution of 1366 x 768 which is the most popular screen resolution this is what the site looks like – which is fine.
non responsive design on 1366x768
Now this is the website looks like on a Google Nexus 7 device which has a screen resolution of 603 x 966.
Nexus 7 and not responsive web design
On an Apple iPad with a screen resolution of 768 x 1024 the website looks like this:
On an iPhone 5 which has a screen resolution of 320 x 568 the website looks like this:
non responsive web design on an iPhone 5
On a Samsung Galaxy S3 or 4 which have a screen resolution of 320 x 533, the website looks like this:
not a responsive web design on a Samsung s3 or 4
On and Samsung Galaxy S5 with a screen resolution of 360 x 640 the site looks like
Samsung s5 and a non responsive web design
Now on an iPhone 6 which has a screen resolution on 375 x 667 the website looks like this:
iPhone 6 and a non responsive web design
On an iPhone 6 Plus which has a screen resolution of 414 x 736 the website looks like this:
non responsive web design on a iPhone 6 Plus
Now you can turn the phones on their side and the website will look different again – but how many people actually do that?
Responsive Web Design
Responsive is not perfect, however it goes a long way to overcome the issues of how the website is displayed on different sized screens.
This is something that we always consider when we undertake a web design project for a client. If your users are generally on mobile devices, then you really need to consider the layout of the screen and the size of the font ant the size of images on your website.
As it hard enough to get website traffic, without loosing it, because your potential customer cannot read the size of the text, the layout of the screen of the images are so huge that it takes a long time to download them to the mobile device.
Even if only a small portion of your traffic is to mobile devices don’t overlook the number of tablet users using your website.
