Ένας μετρητής στην οθόνη του κινητού

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

Η ενσωμάτωση ενός εξωτερικού γραφικού με σταθερές διαστάσεις φέρνει ένα άκαμπτο μπλοκ σε ένα κατά τα άλλα ευέλικτο, ρευστό περιβάλλον.

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

Η μπάρα που κάνει τη σελίδα να γλιστρά στο πλάι

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

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

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

Ψηφία πολύ μικρά για να διαβαστούν

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

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

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

Πού καταλήγει σε στενή οθόνη

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

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

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