There are a lot of things to take into account when you’re thinking about making a responsive website:
When you think responsive, you have to take into account the habits of the users on mobile devices, such as:
- are your navigation tools clear, within a finger’s reach?
- does your page have an acceptable loading time of 3 seconds or less?
- are you geo-targeting?
We recommend responsive designs rather than adaptive with the following elements:
- Max width & breakpoints, with a Mobile First mentality.
You also need to be careful when it comes to media. For instance, avoid using flash whenever possible since it’s not supported by enough mobile devices. You’ll also want to keep all your media at a fair size for the fastest possible loading times..
Finally, here are the media formats we recommend most for Responsive sites:
Media Format(s) Image JPEG, GIF, PNG Sound MP3 – MP4, M4A, AAC Video H.264
Read more here:
BE RESPONSIVE! PART 1 – MOBILE THOUGHTS
BE RESPONSIVE! PART 2 – LAYOUT FOCUS