Responsive Design And why we need it

Adaptive content adjusts to any mobile device

 

ResponsiveResponsive design was given it’s name to explain the concept of web content that can respond to the screen size of the device it is being viewed on.

Since then a great deal more devices are now on the market. Along with that a great deal more precision has evolved in how content can be laid out to accommodate the array of devices on offer.

As web designers ponder the future of their art we are are forced to look into the future and plan for many changes that will come about. Internet access can now be built into household appliances, vending machines that relay stock figures when triggered, alarm systems or any number of devices you can imagine.

Someday we may not even have to carry a device with us. In fact we may only need to use a screen embedded into the back of seats on public transport. Pretty soon our refrigerator will be reading our emails to us while we eat breakfast as well as keep stock of it’s contents.

Structuring for responsive design

Where we once thought in pages for a web site we now think in “chunks” or objects. On page elements that can be arranged or even hidden from mobile devices. For example the footer are on this page has been left out for mobile viewing on screens below a certain size. That content can be considered as being “in the way” when a mobile user just needs quick information.

In some instances a completely different design can be presented where only limited information is required. An example might be a trades person that needs only a brief introduction, hours of service, a map of their location, an email contact form and a Tap To Call button.

On a regular site a video may become the targeted object.  Different video formats need to be present for different devices. Although you might visit a site on your desktop computer that regularly has an MP4 video to play, on a phone it needs four different video formats available to viewers across a variety of devices and operating systems.

Responsive design and meta data

If we want to pass information processing to tools built into a website then we need to ensure the correct information is being passed in a constructive manner. It’s imperative if we want content to display across multiple devices. Where once you could write in plain English and sign your name in bold text as the author, we now need a special field to identify the author.

Why? Author ID was created as a verification method and among other reasons is to ensure for one, the content is original, and two the author has been enrolled as a contributor to the content. This was initiated as part of a worldwide effort to eliminate spam content.

Think of it as a writer who is a recognised author with much published content versus an unrecognised author trying to sell books nobody has heard of.  The recognised author will always be on the shelf in clear view and not tucked away on the bottom shelf.

Adaptive Content Should Be Reusable

If you ever viewed web content on a mobile device before adaptive (responsive) design you would have had to scroll around, zoom in and out all in an effort to find what you’re looking. And then you may not have found it. It was a very frustrating experience.

Even now a great percentage of websites are still fighting the change.  To compound the problem there are web designers still using old technologies to create sites that will be less and less recognised in the near future.

Google has already stated they will give less attention to sites not optimised for mobile devices. Sadly the clients of these designers are totally unaware and not being empowered with the knowledge that could help them make an informed decision.

Adaptive design makes your content reusable across a multitude of devices. We know the world is going mobile and we need to move with it.

Loading...

Thats why we offer a free one hour consultation to discuss your needs and inform you of the latest industry standards. There is no more trusted source than Google to turn to for information on web design standards. We can explain in simple terms what it is they request from website owners and their chosen designer.

 

Want To Know More?

Get Your Free Consultation