Responsive design: τι χρειάζεται να λειτουργεί σε κάθε οθόνη

Responsive design σημαίνει ότι η διάταξη προσαρμόζεται στον διαθέσιμο χώρο. Ο έλεγχος όμως δεν τελειώνει όταν το site χωράει στο κινητό: ο επισκέπτης πρέπει να μπορεί να διαβάσει, να επιλέξει και να ολοκληρώσει την ενέργειά του.

Κρατήστε την ουσιαστική πληροφορία

Στο κινητό μπορεί να αλλάζει η σειρά ή η διάταξη, αλλά δεν πρέπει να χάνεται η πληροφορία που χρειάζεται για μια απόφαση. Ένας τιμοκατάλογος, οι όροι μιας υπηρεσίας ή τα στοιχεία επικοινωνίας πρέπει να παραμένουν εύκολα προσβάσιμα.

Δοκιμάστε το μενού και τις φόρμες

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

Δώστε προσοχή σε εικόνες και πίνακες

Μια μεγάλη φωτογραφία μπορεί να χρειάζεται διαφορετικό κάδρο. Ένας πίνακας χρειάζεται τρόπο προβολής που να κρατά κατανοητή τη σχέση των δεδομένων. Η απλή σμίκρυνση όλων των στοιχείων συνήθως δεν αρκεί.

Ελέγξτε ολόκληρη τη διαδρομή

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

Το ίδιο περιεχόμενο, με προσοχή στη μικρή οθόνη

Στο Small Talk Language School, οργανώσαμε προγράμματα, εκδηλώσεις και άρθρα σε ελληνικά και αγγλικά, με προσαρμογή για κινητά. Η δομή χρειάζεται να βοηθά έναν γονέα να βρει το πρόγραμμα και την πληροφορία που τον ενδιαφέρει, σε όποια οθόνη κι αν βρίσκεται. Γι’ αυτό ο έλεγχος σε διαφορετικές συσκευές είναι μέρος του σχεδιασμού της ιστοσελίδας από την αρχή.