The modern website has to look good not just on a desktop but on tablets, phones and other mobile devices. Responsive websites automatically adjust to these different platforms. Layout and photos automatically adjust whilst maintaining readability.
Traditionally, websites were designed and developed for Desktops, and consequently mobile devices took a back seat. They were of novelty value and therefore not taken seriously.
With improvements in the actual structure of mobile devices, coupled with rapid improvement in battery performance, and finally the huge advances in bandwidth capability, MOBILES ARE DOMINANT!
Over 80% of all website access will be on mobile devices within a few years, so you need to have a responsive website.
IF YOUR WEBSITE IS NOT RESPONSIVE SOMEONE ELSE WILL GET YOUR CUSTOMERS!
Responsive Websites – Design
A viewport is at the heart of Responsive design. A viewport is the viewable portion of a screen which changes as the device is rotated. We measure Viewports by height, and width, in pixels.
Standard viewport sizes are:
- 1920 X 900
- 1280 X 600
- 980 X 1280
- 800 X 1280
- 768 X 1024
- 360 X 640
- 320 X 480
Standards, yes, for the moment. The mobile device landscape is changing rapidly, and so we assume that devices will be any size, there will be no “standard”.
Since this is the case, a truly responsive design will take the viewport on offer and adjust the layout of the content to suit that viewport.
This stock image provided by Clovis Cheminot through Pixabay, shows the concept really well. The image shows six content panels, and how they change on the various viewports.
Furthermore content is fluid and responds to the device, that is to say, pages are not seen as sequential lists of content.
Also, rotating the screen through 90 degrees will cause the content to reformat and consequently suit the new shape immediately. It responds to rapid change.
It is not a matter of just crunching the site down. The content must reorganise so that it suits the viewport. As a result this creates a much better experience for the end user.
Responsive is Not Easy
Developers of website themes and templates are delivering more and more capability for Responsive Design in their offering. Seems like the problem is solved, but there are always things that do not quite stack up. Especially relevant is when various functions are added that are packaged solutions and they conflict with the responsive elements.
If you would like to explore this topic further give us a call and we will guide you through the process.
Put the Response-ABILITY stamp on your website