Mobile-friendly websites

Smartphones and tablets are the hot sector of the market and you will want your web site to perform well on these devices as well as on conventional computers.

Responsive web design

Interact sites are designed using an approach called "responsive web design". This adapts the layout and content to the size of screen on the device being used. This is also the approach endorsed by Google as their preferred method of producing web sites to be used on a range of devices. Responsive web design avoids many potential pitfalls of other methods (for example having completely different web sites for mobile users). For more information, see this Google article.

Your Interact site will have these features to make it mobile- and tablet-friendly:

  • layout adapts to the device: as an example, a site may be laid out in two or three columns on a full-size computer screen, but may be re-formatted down to a single column on mobiles
  • content is resized: all content including photographs, videos and maps will be set up so it adjusts to the screen size of the device without breaking the layout
  • technology: no Flash will be used (because this isn't supported by many smartphones and tablets); and sites will be tested to ensure they work well on mobile devices which use "touch" and "swipe" actions
  • the navigation menu is minimised on mobiles to save screen space but can be expanded by clicking a "Menu" button