Responsive Design: Getting it Right

By / Oct 30, 2013 / infographics
shares

A lot goes on in the background in order for a site to appear correctly on a range of different viewing devices with different screen sizes. American users now spend an average 1.4 hours per day online using a mobile device. Therefore, you stand to lose customers if your site does not apply responsive design. The aim of responsive design is to provide the best user experience possible.

The pages are split up into elements, such as the header, the image galleries and the product descriptions. Each element of design stands out in a functional way which seamlessly transfers the same look and feel across the various viewing devices. Images resize automatically to scale and can be expanded and further inspected in detail. User friendly elements are prominently positioned such as the ‘buy Now’ buttons, the product star ratings and the search field. Navigation needs to be intuitive and the ability to swipe between similar or related buying options is crucial.

In order to assist our customers in being able to make quick and informed buying decisions, we should take a closer look at Responsive Design and the key Elements that are crucial to site success.

Responsive Design: Getting it right

About the Author

Marianne Gallano is a business website design consultant. Her articles mainly focus on intuitive and fluid website design and appear on business and technology blogs.

8 Comments

  1. Bianca Board
    October 31, 2013

    Great infographic. I am so sharing this with my Facebook followers. Thanks!

    Reply
  2. Bjoern
    October 31, 2013

    Nice Infographic and it comes in (almost) flat design trend too ;-) I like the challenge of responsive web design and looking forward to the developments of the next browser standards around this

    Reply
  3. paul
    November 1, 2013

    Ironically this useful info on the importance of responsive design for mobile is in one giant image.

    Reply
  4. Aaron Payne
    November 1, 2013

    Nice infographic!
    Good options on mobile nav. I usually go with a masthead nav link to the footer (where the nav is.)
    Personally I feel like this is the best solution because people can get to the nav at the header or footer. Will be interesting what will become the most conventional down the road.

    Reply
  5. Web Design London
    November 2, 2013

    Love this infographic. Thank you for sharing.

    Reply
  6. ALJT Media
    November 4, 2013

    Great infographic. Interesting points with the main navigation. It’ll be interesting to see how aspects may change in the future with mobile ‘swipe’ menu’s becoming much more common.

    Thank you for sharing!

    Reply
  7. Slinky Web Design
    November 5, 2013

    Good stuff, and i am downloading your site migration guide. Thanks for sharing. :) SWD

    Reply
  8. Nicholas Carvera
    January 15, 2014

    Love this Infographic.
    The facts displayed in “Why Is Responsive design So Important” must not be neglected, as they show why RWD is the future of online marketing.

    Reply

Leave a Reply