Saturday 25 June 2016

How Adaptive design differ from Responsive design, pros and cons over both?


  • Responsive design works on the principle of flexibility. (So it works based on media queries)
  • Adaptive design detects the device and other features.  (Its render the HTML and CSS, js, etc., from server based on device)


Adaptive Design over Responsive Design
Pros:
  1. We can provide different Layouts for specific legacy(old) devices. This is useful for devices, which not support latest media queries.
  2. Specifically we can cover "low-end devices" with this
Cons:
  1. Adaptive requires a large team of developers and the budget
  2. Adaptive is a good approach, but creating too many separate designs takes a lot of work

Responsive Design over Adaptive Design
Pros:
  1. No need large team of developers and the budget
  2. Support for all available and upcoming resolution devices
  3. No need separate Layouts like Adaptive
Cons:
  1. Not support on Legacy devices
  2. Layout created on client side, based on browser size. But by using Adaptive we can reduce downloading unwanted data from server for the current layout .


Conclusion:
    Adaptive design is very good approach. but, more complex and expensive.  And also adaptive is changing the actual html (and in consequence also the loaded css, js and other assets) by detecting the device on the server side.
    Nowadays more devices are latest or at-least have support on media queries. So Responsive will reach most of the end. Most of them no need to go for (expensive and complex) Adaptive.



No comments:

Post a Comment