Mobile devicesLast year for the first time sale of PC´s have declined in favour of tablets. The sales of tablets for 2013 are expected to be around 100 million units and forecasts are showing that next year sales of tablets will surpass PC´s. Meanwhile the growth of smartphones around the world are growing year by year at astonishing rates, according to the Telegraph, more than 1 billion smartphones are in use around the world, just 5 years later when the first iPhone was launched. The number of mobiles in usage is expected to hit 10bn by 2016.

 

As we have seen in the past years the number of devices, platforms and browsers that need to work with your website are growing, the solution is to make a site that is visible on every device. Welcome to responsive design!

One site fits every screen

A responsive web design uses “CSS media queries” to figure out what resolution of device is. Flexible images and fluid grids then size correctly to fit the screen. If you’re viewing this page on a desktop, for example, try making your browser window smaller. The images and content column will shrink, then the sidebar will disappear altogether. On our homepage, you’ll see the layout shrink from four columns, to a singular column of content if you see it on a smartphone. This would eliminate the need for a different design and development phase for each new device on the market.

More and more companys around the world are changing their sites to responsive designs.

Starbucks

Starbucks RWD

Microsoft

Microsoft RWD

Time

Time RWD

 

The fact that users currently seem to prefer reading their news on the mobile web rather than in apps , it’s inevitable that 2013 will be the year that responsive design takes off.

I will outline some best practices for RWD (Responsive Web Design)

  • Structure content first
  • Start small (mobile first)
  • Exit photoshop (enter browser)
  • Make it modular
  • Use frameworks, it will save you time.
  • Keep optimizing

Check your web page if it adapts to various devices.

 

But is RWD the solution for mobile? On our next post we will talk about these issues and give our thoughts.