Responsive designs have been here for a while now and has still not evolved into a complete solution. There is much left to be perfected in this field. The major challenge has been developing frameworks for the code & script and also a process for managing the responsive designs.
1) Demonstrate the power of responsive designs
It does become a little complicated to explain the concept of responsive designs to clients but the best way to do so is by demonstrating how responsive designs would work and benefit them. You can demonstrate them in an action mode by showing them the difference on your laptop then a tablet and finally a Smartphone.
Such a demo would give clients a better idea about responsivity and its advantages. It would also help them streamline things for the project, so that you can implement it properly.
2) Consistent designs
The Navigation on your site is vital to maintain the consistency of a responsive design. The content of the website and the information architecture it follows are a major deciding factor for the type of navigation to be used. Randomly downloading a script or demo and then trying to make the website fit such a pattern is not the right way to do it. Instead evaluate and analyze how you want the website to work and then work out a navigation that fits your requirements.
Remember to verify that the navigation works the way you want it to on all the devices and browsers. That way you’ll be able to maintain a consistent design.
3) Images – how to handle them?
Handling images are quite a challenge when it comes to responsivity. There are very few options when it comes to images besides several new generation devices like the iPad and the Mac BookPro which have very high pixel density displays. Subsequently the icons,images and any other graphic must be made flexible to ensure that nothing looks out of sync on any of the devices.
One way of overcoming this issue is by using the adaptive image strategy as it gives the best result for distinct devices which have varying pixels
4) Updating the code base
Codes need to be upgraded such that the width is fixed so that the site is responsive. Rebuilding style sheets and templates are a good idea in this case. Some designers prefer reverse engineering the code to make it responsive, but I believe rebuilding is a more practical approach.
5) Cut the testing costs
Testing these designs are also a major task and the cost associated with it is not always affordable, often small business owners and freelancers are unable to handle independent testing devices. Since browser inspection and window dragging have to be essentially monitored and checked during the design phase, it’s impossible to make responsive designs without testing.
However, some of the bigger agencies share their testing resources with smaller entrepreneurs, so you just have to find one in your vicinity.
This article obviously points out that creating responsive designs are not easy but can be done by skillfully implementing a fluid design with the right kind of navigation.
Disha Joshi, working in leading Web Design Company USA. I have been in this industry since last two & half years.