Adaptive και Responsive design: Οι διαφορές!

Καθημερινά ακούγονται όλο και περισσότερο οι παραπάνω όροι, ειδικά ο δεύτερος, όμως οι περισσότεροι νομίζουν ότι πρόκειται ακριβώς για το ίδιο πράγμα. Δεν είναι όμως έτσι. Παρακάτω αναλύεται η διάφορα ενός Responsive και ενός Adaptive design.

Responsive design
Ας ξεκινήσουμε με το Responsive design, τo οποίο διαχειρίζεται 3 χαρακτηριστικές web τεχνικές. Αυτό είναι το fluid grid (για το layout), το flexible media (images, video, κτλ.) και τα media queries (για τον έλεγχο μεγέθους των οθονών). Αν λοιπόν μια ιστοσελίδα έχει και τα 3 παραπάνω χαρακτηριστικά, τότε είναι responsive, που πάει να πει πως θα παίζει σε οποιαδήποτε ανάλυση/συσκευή. 

Adaptive design
Με τον όρο Adaptive design εννοούμε πως δεν τηρεί και τα τρία χαρακτηριστικά (συχνότερα το fluid grid layout) και απλά χρησιμοποιώντας τα media queries να προσαρμόσει (adapt) το layout όσο καλύτερα γίνεται σε διάφορες αναλύσεις και συσκευές. Αυτή η τεχνική χρησιμοποιείται όλο και λιγότερο, μιας και το responsive design αν και δυσκολότερο στην υλοποίηση, προσφέρει περισσότερα πλεονεκτήματα.