So yesterday I talked about the launch of a new website mrbison.com and how we had taken the opportunity to recode it as a responsive web site.
But what does that mean…what is a responsive web site?
Simply put, it is a site that will give the visitor an optimal viewing experience regardless of what device they are using to access it- desktop, laptop, tablet or phone. And as I am all about graphics let me show you in pictures exactly what I mean.
Here is the site on a 24″ desk top monitor
Here it is on an iPad – both portrait and landscape orientation
and here it is on an i Phone
The way the site is coded means it automatically “responds” to what ever device it it viewed from. Here are some of the things that happen
- Automatic adjustment the overall width of the site
- Re sizes all the images – see how the entire width of the header graphic and call to action banner are visible whatever the device
- Adjusts the placements of page elements – on the phone the elements that were displayed horizontally ( the block of text and video) are now displayed vertically
- Optimization of the navigational tool. If viewed on a phone a clunky navigational bar would detract from the site content. Instead the user is presented with a menu button, which, if selected, will display a drop down menu.
You don’t have to view the site on all of these different devices to see this responsive nature in action, simply visit the site and re-size your browser window…getting smaller and smaller as you do.. see how the site changes?