Γιατί η σχεδίαση mobile-first δεν είναι πια προαιρετική
Από The AsasWeb team 2 λεπτά ανάγνωσης
Οι περισσότεροι επισκέπτες ενός εταιρικού ιστότοπου φτάνουν πλέον από τηλέφωνο, οπότε σχεδιάστε πρώτα για τη μικρή οθόνη και κλιμακώστε προς τα πάνω. Το να ξεκινάτε από τον πιο σκληρό περιορισμό επιβάλλει σαφήνεια για το τι έχει σημασία, κρατά τις σελίδες αρκετά ελαφριές για αργές συνδέσεις και παράγει σχέδια φτιαγμένα για αφή, με άνετους στόχους αφής και χωρίς εξάρτηση από το hover. Δοκιμάστε σε ένα πραγματικό μεσαίο τηλέφωνο, μέχρι και οθόνη πλάτους 320 pixel, και όχι σε προσομοιωτή.
Για τους περισσότερους επιχειρηματικούς ιστότοπους, η πλειονότητα των επισκεπτών φτάνει πλέον από τηλέφωνο. Αν ο ιστότοπός σας σχεδιάστηκε σε μια μεγάλη οθόνη και ελέγχθηκε στο κινητό μόνο στο τέλος, αυτοί οι επισκέπτες παίρνουν τη χειρότερη εκδοχή της δουλειάς σας. Η σχεδίαση mobile-first αντιστρέφει αυτή τη σειρά, και το αποτέλεσμα είναι καλύτερο για όλους.
Ξεκινήστε από τον πιο σκληρό περιορισμό
Μια οθόνη τηλεφώνου επιβάλλει δύσκολες επιλογές. Δεν υπάρχει χώρος για ακαταστασία, οπότε αποφασίζετε τι μετράει πραγματικά: το ένα μήνυμα, η μία ενέργεια, το περιεχόμενο για το οποίο ήρθαν πραγματικά οι άνθρωποι. Όταν μετά κλιμακώνετε σε ένα tablet ή μια επιφάνεια εργασίας, προσθέτετε χώρο σε μια σχεδίαση που ήδη λειτουργεί, αντί να στριμώχνετε μια διάταξη επιφάνειας εργασίας μέσα σε ένα τηλέφωνο.
Οι επιδόσεις έρχονται μαζί
Η σχεδίαση για το κινητό σημαίνει σχεδίαση για μια πιο αργή σύνδεση και μια λιγότερο ισχυρή συσκευή. Αυτή η πειθαρχία κρατά τις σελίδες ελαφριές, που βοηθά την κατάταξή σας στην αναζήτηση και το ποσοστό μετατροπής σας σε κάθε συσκευή, όχι μόνο στα τηλέφωνα. Μπορείτε να διαβάσετε περισσότερα στη σημείωσή μας για το τι κάνει έναν ιστότοπο γρήγορο.
Άγγιγμα, όχι hover
Το mobile-first σημαίνει επίσης σχεδίαση για δάχτυλα. Οι στόχοι πατήματος χρειάζονται χώρο, οτιδήποτε βασίζεται στο hover χρειάζεται μια φιλική προς το άγγιγμα εναλλακτική, και οι φόρμες χρειάζεται να συμπληρώνονται γρήγορα με τον αντίχειρα. Αυτά είναι τα ίδια πράγματα που κάνουν έναν ιστότοπο ευκολότερο στη χρήση με πληκτρολόγιο ή υποστηρικτική τεχνολογία, οπότε η προσβασιμότητα και η ποιότητα στο κινητό ενισχύουν η μία την άλλη.
Δοκιμάστε σε πραγματικό τηλέφωνο
Ένας προσομοιωτής δεν είναι το ίδιο με ένα τηλέφωνο μεσαίας κατηγορίας σε μια κανονική σύνδεση. Δοκιμάζουμε κάθε κατασκευή μέχρι μια οθόνη πλάτους 320 pixel, χωρίς οριζόντια κύλιση και με άνετους στόχους πατήματος.
Αν ο τρέχων ιστότοπός σας δυσκολεύεται σε ένα τηλέφωνο, αυτό σας στοιχίζει αιτήματα. Ξεκινήστε ένα έργο και θα χτίσουμε έναν που λειτουργεί όμορφα στη συσκευή που χρησιμοποιούν πραγματικά οι περισσότεροι πελάτες σας.