This year people are expected to access the web more from a mobile device than from a desktop computer.
This creates several problems for a lot of traditional websites
- The buttons are too small for fingers and thumbs to press accurately
- User have to repeatedly zoom in and out to view content
- The website contains large images which take too long to download on a mobile connection
- The website contains Flash which can not be viewed on iPhones or iPads
One way of combating these issues is to build the site responsively. This detects the width of the screen accessing the website and adjusts the site accordingly.
Here is an example of the Raphael Neu website as viewed on a large, widescreen monitor.
The website is centred and the bamboo image fills up the space either side.
This is the same website viewed on an iPad, the buttons are large enough to be pressed with the users fingers and the site fills the entire screen.
When viewed on a phone the website layout changes so that it is one long column. This removes the need for the user to zoom in and out and scroll horizontally. The navigation has changed so that it is easier to use. As mobile phones are often relying on the phone network rather than a high speed broadband connection the large bamboo background is not shown on mobiles.
If you would like to discuss getting your website to work better on mobile devices please contact us and we will be happy to help.