Responsive Designs – Its challenges!

10 Jan
Responsive Designs – Its challenges!

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.


Tags: , ,

4 responses to “Responsive Designs – Its challenges!

  1. WDC

    January 13, 2013 at 4:58 am

    Reblogged this on

  2. Chang Panyik

    February 3, 2013 at 5:31 am

    Hi i really loved your site. I found your site while searching on the web. I came across a way that you can get yourself a Free WordPress Website.

  3. lista de email

    February 4, 2013 at 8:11 pm

    great post & good information. i would like to see more of these. lista de email lista de email lista de email lista de email lista de email

  4. garcinia cambogia extract+reviews

    September 6, 2013 at 4:02 pm

    fantastic issues altogether, you just received a new reader.
    What may you recommend about your put up that you simply made a few
    days in the past? Any positive?


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: