18
Νοέμβριος 2015

Responsive website design simplified

Δεν υπάρχει αμφιβολία. Το responsive design στην κατασκευή ιστοσελίδων ήρθε για να μείνει για πολύ καιρό ακόμη. Αποτελεί προτροπή και, σχεδόν, προαπαιτούμενο για την Google και την κατάταξη μιας ιστοσελίδας στα αποτελέσματα της. Είναι όμως μόνο αυτό;

Στην πράξη είναι σχεδόν αυτονόητο ότι είναι ιδανικό να υπάρχει ΜΙΑ εκδοχή μιας ιστοσελίδας για όλες τις συσκευές που είναι πιθανό να απεικονιστεί. Παλαιότερα υπήρχαν τουλάχιστον δύο!!! Ναι δύο και μην σας κάνει εντύπωση. Ήταν η αρχή της εποχής των φορητών συσκευών και τότε ήταν που έκαναν την εμφάνιση τους οι mobile εκδοχές των ιστοσελίδων. Ήταν χαρακτηριστικό δε και το url τους. Για μια ιστοσελίδα με βασική διεύθυνση http://www.isotopon.com αν είχε mobile έκδοση τότε υπήρχε και άλλη μια με url http://m.isotopon.com .

σχεδιασμός responsive

Τι είναι λοιπόν το responsive design;

Πρακτικά αναφερόμαστε στον σχεδιασμό και την ανάπτυξη ιστοσελίδων η οποία ανταποκρίνεται στην συμπεριφορά του χρήστη ανάλογα με το μέγεθος της οθόνης, την πλατφόρμα που «τρέχουν» και τον προσανατολισμό των συσκευών που απεικονίζεται μια σελίδα.
Προσοχή, δεν αναφερόμαστε στην μείωση του μεγέθους των στοιχείων μιας ιστοσελίδας. Μιλάμε για μια τελείως διαφορετική αντιμετώπιση των sites ανάλογα με την οθόνη που προβάλλονται και την αυτόματη προσαρμογή τους.
Τμήματα μπορεί να κρυφτούν σε tablets και να εμφανιστούν σε desktop. Το grid μιας ιστοσελίδας να αλλάξει on the fly και από 4στηλο σε desktop να γίνει 1στηλο σε mobile phone και πάει λέγοντας.
Τίποτα δεν μένει το ίδιο και όλα αλλάζουν.

 responsive example

Πλεονεκτήματα responsive

Τα πλεονεκτήματα του responsive σχεδιασμού είναι σχεδόν αδύνατο να καλυφθούν έτσι απλά. Αν προσπαθήσουμε να μαζέψουμε τα σημαντικότερα, θα λέγαμε ότι

– Υπάρχει μόνο ένα url για όλες τις εκδόσεις. Δεν αλλάζει απολύτως τίποτα σε όλες τις συσκευές και αυτό έχει πολλαπλό όφελος. Κατ’ αρχάς το Google βρίσκει μια ιστοσελίδα και όχι 2 (θυμηθείτε τι είπαμε πιο πάνω για τα mobile url). Πρακτικά αυτό σημαίνει ότι το Google δεν βρίσκει duplicate content παράγοντας που είναι μειωτικός για την κατάταξη μιας ιστοσελίδας στα αποτελέσματα της.
Πέρα από αυτό όμως και για την συντήρηση και την ανάπτυξη μιας ιστοσελίδας είναι πολύ πιο βολικό να υπάρχει μια html έκδοση και όχι πολλαπλές. Οι αλλαγές και οι προσθήκες που γίνονται για την ιστοσελίδα, περνάνε σε όλες τις εκδόσεις αυτόματα.
– Πρόσβαση των στατιστικών επισκεψιμότητας από έναν λογαριασμό. Δεν χρειάζεται πολλαπλή παρακολούθηση μιας και όλες οι εκδόσεις είναι μαζεμένες σε μια.
– Μια ενιαία στρατηγική βελτιστοποιησης για μηχανές αναζήτησης (SEO)
– Ο χρήστης νιώθει οικεία σε όλες τις εκδόσεις μιας ιστοσελίδας, μιας και είναι σχεδόν σίγουρο ότι θα απεικονίσει μια ιστοσελίδα και από desktop αλλά και από φορητή συσκευή.
– Όλα τα στοιχεία μια ιστοσελίδας είναι ορατά σε όλες τις φορητές συσκευές. Οι εποχές που ένα στοιχεία ήταν ορατό σε iphone αλλά όχι σε Samsung αποτελούν παρελθόν οριστικά.

Στο isotopon όλα τα project μας εδώ και 1 χρόνο ήδη είναι υποχρεωτικά responsive απολύτως ΔΩΡΕΑΝ.
Επικοινωνήστε μαζί μας, και επωφεληθείτε απο την διπλή απόλυτη εγγύηση επιστροφής χρημάτων και ικανοποίησης που καλύπτει όλες τις κατασκευές ιστοσελίδων που αναλαμβάνουμε.

responsive website design

TOP

Inquiry