Skip to the content

Responsive Web Design

Responsive Web Design

Ολοένα και περισσότερο ο όρος "Responsive web design" αναφέρεται ως μια από τις δημοφιλέστερες και ταυτόχρονα δυναμικότερες τάσεις στο χώρο του web design. Μάλιστα πολλοί ειδικοί του χώρου αναφέρουν ότι το 2013 είναι το έτος που θα απογειωθεί το responsive web design λόγω της ταχείας υιοθέτησης των tablets και των smartphones.

Τι είναι όμως το responsive web design;

Πρόκειται για μια σειρά τεχνικών που έχουν ως στόχο να κατασκευάζουμε web σελίδες που προσαρμόζονται σε οποιαδήποτε διάσταση οθόνης της συσκευής του χρήστη. Έτσι ο χρήστης έχει πρόσβαση στο ίδιο περιεχόμενο του site ανεξαρτήτως συσκευής που χρησιμοποιεί για την περιήγησή του στο internet, εξασφαλίζοντάς του καλύτερη εμπειρία. Όταν o χρήστης βλέπει ένα website από το κινητό του, αυτό θα εμφανιστεί στην έκδοση για κινητά, ομοίως για τα tablets, τους επιτραπέζιους υπολογιστές, τα laptops, το website εμφανίζεται στις αντίστοιχες εκδόσεις του.

Δεν χρειάζεται, για παράδειγμα μια εταιρεία, να φτιάξει και να συντηρεί πολλά sites ή εφαρμογές για κάθε συσκευή. Η εικόνα, το brand της εταιρείας καθώς το περιεχόμενο και το design της ιστοσελίδας της είναι τα ίδια ανεξαρτήτως συσκευής. Αυτό είναι και το σημαντικότερο πλεονέκτημα του responsive design. Παρά την όποια πολυπλοκότητά του, το κόστος και η συντήρηση ενός website μειώνονται.

Τα παρακάτω websites ενσωματώνουν τη φιλοσοφία του responsive web design. Δοκιμάστε και παρατηρήστε πως αλλάζει η σελίδα κάθε φορά που αλλάζετε το μέγεθος του παραθύρου του browser, πως προσαρμόζονται οι εικόνες και τα menu εάν τα δείτε στο κινητό σας τηλέφωνο.

Αρχική σελίδα starbucks όπως φαίνεται σε desktop pc

 

Αρχική σελίδα starbucks όπως φαίνεται σε mobile

 

Αρχική σελίδα starbucks όπως φαίνεται σε tablet

Επίσης, μέσα από το άρθρο του Ethan Marcotte το οποίο γράφτηκε το 2010, μπορείτε να αντλήσετε περισσότερες πληροφορίες για αυτό που σήμερα ονομάζουμε "responsive design".


Aν θες να μάθεις περισσότερες πληροφορίες για το πώς να φτιάξεις ένα αποδοτικό website, ζήτησε τώρα να μιλήσεις με έναν εξειδικευμένο σύμβουλο διαφήμισης του vrisko.gr.

Πηγή:

(11 Αξιολογήσεις)