Share this post

Responsive Web Design

Responsive Web Design is the future, and the future is today, Don’t disappoint your mobile web users with a desktop size site, Take this as a challenge to concentrate your mobile site down to its core essence

Mobile First Approach:

  • If you are going to design a site to be responsive, you have to start somewhere
  • Doing “big” "rst often leads to an unsatisfactory mobile site
  • Starting small and going big has a number of advantages

Note: Remember that this is a design pattern - not a design law. It is often useful to design two or three screens (sizes) at the same time.

Benefits of mobile first:

  • Intense concentration on the core value of your site
  • Improved SEO Search Engine Optimization
  • You often can extend mobile capabilities to the desktop (e.g. location)
  • And of course a mobile site that rocks

Progressive Enhancement:

You want to user to get a better experience as the layout gets bigger and
bigger - This assumes a mobile-first approach

Adaptive vs Responsive vs fluid web design:

Terms that are related but often conflated
All relate to not having a fixed layout
Responsive can encompass both adaptive and fluid

Adaptive :

changing the layout based upon specific resolution “break points”

Responsive :

changing the layout continuously based on either the device or the actions of the user

Fluid :

layout purely based on percentage layout (generally target percentage / actual percentage)

even if you have an app:
- You might think you don’t need a decent mobile web site if you have an app
- But...
- Do you have one for
  iOS and Android?
  Android and Windows Phone? Kindle Fire and the new Blackberry?

Summary:
Responsive Web Design (RWD) is the future, and the future is today
Don’t disappoint your mobile web users with a desktop size site
Take this as a challenge to concentrate your mobile site down to its core essence