Logo of online design school Sessions College

UX and Responsive Web Design

October 26, 2011

As the market for mobile devices grows, the need to design compatible Web sites has grown too – and quickly. It didn’t take long for Web designers to realize that they needed an efficient way to make their clients’ sites accessible in a slew of different devices. And so was born responsive design.

The idea behind responsive Web design is that Web sites should have the technology to automatically adjust to the capabilities and screen size/resolution of the device being used to access it. Intelligent use of CSS media queries and the advent of HTML5 are helping to make this possible.

In an article on ReadWriteWeb.com Richard MacManus talks about responsive Web design, saying, “The challenge is now much more than simply re-sizing a design for a user’s browser width. It’s also about optimizing for the user interface – for example, swiping on iPhone vs. point-and-click on desktop. Plus ensuring that the right content for the user’s device is displayed…”

The question of content is a key issue. Does a mobile user want to see the same things a desktop user would when accessing a site? And with the more limited space available on a mobile device, what should be prominently featured and what should “buried” deeper in a site’s navigation scheme?

In response to this need for mobile accessibility, The Boston Globe recently released its mobile initiative through BostonGlobe.com. The re-designed Web site is a step forward for responsive design, and is a great example of full responsive Web design in action. Check out this video to see how The Boston Globe is bringing its subscribers breaking news on any digital device with a browser.

Because so many companies demand a mobile version of their site from their Web developers, it is important to understand what this entails and the content needed to make a smooth transition between devices. Smashing Magazine’s Kayla Knight wrote an article in early 2011 that goes deep into the development and coding required for responsive design, and about the various options, problems and solutions associated with flexible responsive Web design. You can read it here.

Tags: , , , , , , ,

5 Responses to UX and Responsive Web Design

  1. Montreal Web Design on November 4, 2011 at 12:16 am

    My english is not so good to fully comprehend your write-up, but I like your weblog theme!

  2. Hai on January 12, 2012 at 9:59 am

    Me gusta este sitio.

  3. web design mississippi on January 13, 2012 at 11:26 am

    Another interesting blog. Although it has been tough to keep up with the latest in responsive design as well as challenging. The popularity of the latest media devices are so huge to market whatever products and services you have to offer.
    Thanks for keeping us updated.
    I enjoyed your post

  4. Montreal Web Design on May 28, 2012 at 11:24 pm

    If responsive design catches on, it’s very possible that the price of web design will increase. You have to think about the fact that many business owners don’t always need to have a mobile website, and can hesitate when it comes to building one.

  5. Jeremy Lancaster on July 24, 2012 at 5:09 am

    Much appreciated, thanks heaps for this info.

Leave a Reply

Your email address will not be published. Required fields are marked *


graphic artists guild creative public Online design school Sessions College for Professional Design
graphics illustrations bilingual kids tshirts