Top Left Designs

Making your business work better in a digital world

  • Home
  • About Us
    • Our Team
    • Topleft Design
  • Capabilities
    • What we do
    • CRM Solutions
  • Resources
    • FAQ
    • Articles
  • Contact Us

Call Us: (07) 5526 4014

Mobile: 0419 706 325

Suite 205
'The Scarborough Centre'
89 Scarborough St,
Southport Queensland 4215 Australia

My Account
FOLLOW US
Gold Coast Web Development Agency
Delivering quality traffic and sales leads through impressive website design and effective digital marketing initiatives

Marketing your business in a complex digital world

Gold Coast

(07) 5526 4014

What is ‘Responsive Web Design” and should you need to know about it

  1. Home
  2. What is ‘Responsive Web Design” and should you need to know about it
What is ‘Responsive Web Design” and should you need to know about it

What is ‘Responsive Web Design” and should you need to know about it

{tag_blogpostmetadescription} True
What is ‘Responsive Web Design” and should you need to know about it What is ‘Responsive Web Design” and should you need to know about it
10Aug
2013

With the advent of new mobile devices taking a serious role in the market we are seeing as much as 15% - 25% of web visitors to sites browsing via these mobile devices including smart phones and tablets. The problem as we are all aware is that a web page that displays nice and neatly and clearly visible on your desktop browser just doesn't always cut it on an iPhone. Most are acceptable on your iPad but it is the smartphone browser we are most concerned with.

Responsive design is where web designers are paying some serious attention as it provides the means of quite simply redefining how your web page is presented depending on the device being used. The beauty is that it does this automatically for you - text and images are optimally re-sized and elements in your page are re-positioned to best suite that device.

What does this really mean and how does it look?  A great example can be seen at The Boston Globe. At right you can see how the page looks on your normal desktop - you will see that there is a wide masthead area with various column arrangements for the content shown below. Normally such a page would be impossible to read on a device such as an iPhone without you having to zoom in on areas that look like they may be possibly of interest. However as this site has been designed with responsive design, when viewed on a device such as the iPhone the layout is automatically adjusted to something as you see in the second screen shot shown below.

To see how this works, view the page in your desktop browser and then re-size your browser window manually dragging the width down to a narrow page and watch what happens to the content of that page. Notice how the columns of content adjust themselves?

With a well designed and correctly coded website you can achieve this however there are some issues with browser compatibility that can lead to problems. Essentially the browser needs to support CSS3 media queries and as is too often the case Internet Explorer is the biggest are of incompatibility. Not so much the browser as IE9 dos support this however it is the problem with so many users not updating their IE version which causes the biggest grief.

If we consider who this is really targeted for - mobile device users then our issues can be mitigated as the percentage of these device browsers that are compatible is much higher.  So does it really matter if Responsive Design is not supported? Web browsers simply ignore anything they do not understand.  This behaviour creates the basis for backwards compatibility on the web.  In fact, it's possible for a modern HTML5 web page to be usable with a text-only browser. Consequently, your website can utilize CSS3 media queries to create a responsive design while still addressing browsers and devices that do not yet support this technique.

So should you be concerned about responsive design - should you insist on this as part of your website design requirements? It is going to depend on your market profile, their level of use of mobile devices and the content in your website. You should also bear in mind the cost as there is additional overheads with developing such design layouts. There is a small matter of general experience of your developers. Not all developers have got their head around responsive design just yet and we are only just starting to see new sites being rolled out with this included.

So what should you do about it? There is an alternative. Not only can it be more cost effective but also an approach more appropriate to your needs. We suggest that in many cases our clients actually have a special version of their website designed just for mobile devices (see our story Web Design for Mobile Devices). With our CMS platform, Business Catalyst, this is quite straight forward and automatically facilitated. Why is this better - simply because the content you want or should be delivering through a website being viewed on an iPhone should not be your full site. Instead provide  cut-down version that  specifically addresses your real needs for delivering content appropriate to the type of user.

If you want to know more about responsive web solutions or web sites ready for mobile browsing then get in contact with us. We have already provided a number of clients with such solutions.

2013-Aug-10 2298
https://www.topleftdesigns.com.au/my-assets/img/blogs/responsive-design-layout.jpg 300 300 Written by: Greg Tomkins

Published by: Top Left Designs on 2013-Aug-10

https://www.topleftdesigns.com.au/_Assets/images/topleftdesigns_logo_h.jpg 379 118
Greg Tomkins https://plus.google.com/u/0/+GregTomkins

This Article Tags

  • #mobile
  • #responsive design

Other Recent Posts

25Sep
2021

How you should be sending every email in your business

We all send out 100’s of emails from our business every week if not every day.  Each one of these emails is a touch point with your market be it direct or indirect.&...

initiatives, Marketing, positioning, sales, / Read more
How Zoho CRM can help you manage all your critical business information.
15May
2018

How Zoho CRM can help you manage all your critical business information.

There is no secret in the fact that in order to achieve success and grow your business, it is essential to have systems in place founded on sound business processes.

Business leaders...

business process, Zoho, / Read more
Zoho ONE for Professional Services
15May
2018

Zoho ONE for Professional Services

I always say that there is no better way to provide a product and having used yourself first.Only then can you relate to the experience your customers will go through themselves.

Bef...

Case Study, Zoho, / Read more
You Can’t Afford To Be Complacent About Cyber Security
22Apr
2018

You Can’t Afford To Be Complacent About Cyber Security

Back in 1999 I worked with a number of companies performing Y2K Audits for SME businesses and now I find that we are facing an even bigger threat. According to Damian Seaton of Security, / Read more

Qld Gov't Open Round 4 of Digital Grants
24Mar
2018

Qld Gov't Open Round 4 of Digital Grants

Right now the Queensland Government is just opened up Round 4 of its Small Business Digital Grants Program offering up to $10,000 towards the cost of purchasing hardware, software and servic...

grants, / Read more

Follow us on:

Greg Tomkins

Greg Tomkins

Follow Me

No author biography available.

Share this Post

Other Post Tags

Leave a Comment

Latest Posts

Gold Coast Web Development Agency


We are an Authorised Zoho Partner, who work to a single purpose of providing professional expertise to SME businesses looking to implement Zoho ONE or any selection of its 45+ applications

OFFICE
Suite 205
'The Scarborough Centre'
89 Scarborough St,
Southport Queensland 4215 Australia

Phone: (07) 5526 4014
Mobile: 0419 706 325

Find Us at:
       

Popular Posts

    No posts available yet
 

Capabilities

  • Who we are
  • Zoho Consulting
  • Strategic IT Planning
  • Business Aligned Priorities
  • Implementation Roadmaps
  • Zoho Implementationn

Copyright © 2013 By Top Left Designs. All Rights Reserved. This website developed with Adobe Business Catalyst CMS. We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. Please visit Terms & Conditions section establishing the use, Disclaimers, Privacy & limitations of liability governing the use of our website.

Zoho - The Business Operating System

One of the world's leading CRM solutions forming the core of over 45 integrated Zoho applications used by over 100 million users world wide

-->