Responsive Design

Changes to Google's search algorithm prioritize mobile friendly sites over those that aren't. How does your site measure up on tablets and phones?

The term responsive applies to a website that changes layout based on what type of screen you are viewing it on. Your content and graphics will not only scale appropriately but the layout will change as well to better fit either a desktop screen, a tablet, or a smartphone. The responsive design layout allows creating a website once for all viewing mediums. The opposite of having a responsive design is to have specific websites for desktop and mobile devices. Having separate websites for desktop and mobile devices can lead to having discrepancies between your two different sites and also requires more time and expense to maintain both websites.

Responsive design has evolved very recently allowing a single website to be the source for all viewing screen sizes. 

How do responsive content and layouts work?

  • Desktop - On your desktop, content is shown in a multi column layout at a regular font size for your screen. Wide desktop screens allow wide layouts that are laid out like a newspaper with multiple columns across the horizontal view.
  • Tablet - On a 7" to 10" tablet, content layout will most often switch to being a single or double column layout. Tablets can be used in portrait or landscape mode and the responsive layout will adjust depending on which way the viewer is holding the tablet. Fonts will scale up to allow easier viewing on the small screen.
  • Smartphone - On 4" to 5" smartphone screens, content layout will switch to a single column layout. Large graphics are often hidden to reduce bandwidth overhead on mobile devices and help the page load quicker. The font size will scale large enough that about 8-10 lines of text show on the screen, providing a nice readable layout.

 

Our Site & Social To Go solutions include responsive websites.