Δεν είναι πλέον αρκετό για να βεβαιωθείτε ότι το περιεχόμενο του ιστού σας ταιριάζει σε μια μικρή οθόνη. Η Google ενίσχυσε αυτό το προηγούμενο ενημερώνοντας τον αλγόριθμό του να τονίσει τη σημασία των προσεκτικά σχεδιασμένων και καλά εκτελούμενων σχεδίων ευαισθησίας στα κινητά τηλέφωνα.
Και έχει νόημα: Οι θεατές σας δεν χρειάζονται όλες τις λειτουργίες μιας επιφάνειας εργασίας σε μια κινητή συσκευή. Στην πραγματικότητα, μπορεί να θέλουν να αφαιρέσουν κάποιο περιεχόμενο και λειτουργικότητα όταν βρίσκονται σε μικρότερη οθόνη. Μετά από όλα, κανείς δεν θέλει να ταξινομήσει σελίδες περιεχομένου μόνο για να βρει τον αριθμό τηλεφώνου της εταιρείας σας. Αυτό είναι το χαμένο δομικό στοιχείο σε πολλά ιδρύματα σχεδιασμού ιστοσελίδων: πραγματική προσαρμοστικότητα.
Η απλή εμπλοκή του ιστότοπού σας σε μια έκδοση που ταιριάζει σε μια κινητή συσκευή δεν αρκεί. Πρέπει να εξετάσετε προσεκτικά την πλήρη εμπειρία χρήστη και πώς θα πρέπει να αλλάξει ώστε να προσαρμόζεται στα διαφορετικά περιβάλλοντα στα οποία προβάλλεται.
57% των χρηστών κινητών συσκευών δεν θα συστήσει επιχειρήσεις με κακή σχεδίαση ιστότοπων για κινητά και 48% λένε ότι οι επιχειρήσεις με κινητές τοποθεσίες που δεν λειτουργούν σωστά έχουν την εμφάνιση μη φροντίδας.
Υπάρχουν αρκετοί προβληματικοί τομείς που οι περισσότερες εταιρείες αντιμετωπίζουν με τις ανταποκρίσιμες ιστοσελίδες τους:
Οι προηγούμενες διαδικασίες σχεδίασης έχουν υπαγορεύσει ότι ο πελάτης εγκρίνει στατικές εικόνες και στιγμιότυπα οθόνης πριν από τη φάση ανάπτυξης. Σήμερα, ο σχεδιασμός επικεντρώνεται περισσότερο στην αναδιάταξη στοιχείων για διαφορετικές διαστάσεις συσκευών και πολύ λιγότερο επικεντρωμένη στην τοποθέτηση στατικών εικόνων.
Η εμφάνιση δεδομένων σε μια μικρή οθόνη καθιστά συχνά δύσκολη την προβολή ή ανάγνωση του περιεχομένου, ιδίως των πινάκων πληροφοριών. ο W3C ενθαρρύνει πραγματικά τα σήματα να επιλέγουν μια μέθοδο διαφορετική από τους πίνακες και τις καρτέλες για την παρουσίαση δεδομένων. οι περίπλοκες διεπαφές χρήστη περιέχουν απλά πάρα πολλές πληροφορίες για να χειριστούν οι φορητές συσκευές.
Πάνω απ 'όλα, το πρόβλημα με την ανταποκρινόμενη σχεδίαση είναι απλά θέμα των προοπτικών των πελατών έναντι των προοπτικών των εταιρειών. Δυστυχώς, οι περισσότερες επιχειρήσεις έχουν την τάση να αναρωτιούνται τι θέλουν να πουν στους πελάτες τους και όχι πώς οι πελάτες τους θέλουν να δουν και να αλληλεπιδρούν με αυτές τις πληροφορίες.
Για παράδειγμα, ενώ οι ροές εργασιών εγγραφής είναι γενικά η πιο σημαντική πτυχή του σχεδιασμού ιστοσελίδων, είναι συχνά χαμηλή προτεραιότητα. Αυτό οφείλεται στο γεγονός ότι οι επιχειρήσεις σκέφτονται περισσότερα για τη λειτουργικότητα που θέλουν να δουν οι πελάτες από το λογικό σημείο εισόδου και την κύρια ροή εργασίας που αναζητούν οι πελάτες.
Με απλά λόγια, ο σχεδιασμός που ανταποκρίνεται δεν είναι η απόλυτη λύση για να δοθεί στους χρήστες ό, τι χρειάζονται από έναν ιστότοπο. εξακολουθεί να είναι πολύ επιθυμητό.
Όταν πρόκειται για το σχεδιασμό ιστοσελίδων, οι βασικές μάρκες συνομιλίας πρέπει να βράζουν κάτω από την έννοια των ανταποκρινόμενων έναντι προσαρμοστικών ιστοσελίδων.
Η προσέγγιση απόκρισης παίρνει τον τρέχοντα ιστότοπο και ταιριάζει σε διάφορα μεγέθη οθόνης, ενώ η προσαρμοστική προσέγγιση αλλάζει πραγματικά το περιεχόμενο και το πώς λειτουργεί με βάση το μέγεθος της οθόνης.
Ο υπεύθυνος σχεδιασμός ιστοσελίδων προϋποθέτει ότι το περιεχόμενό σας και η λειτουργικότητα θα πρέπει να είναι ίδια σε όλες τις συσκευές - αλλά αυτό δεν είναι απαραίτητα αληθές
Υποστηρίζω γενικά μια περισσότερο προσαρμοστική μέθοδο σχεδιασμού ιστοσελίδων, σε αντίθεση με την απλή στοίβαξη περιεχομένου, για έναν σημαντικό λόγο: Ο υπεύθυνος σχεδιασμός ιστοσελίδων προϋποθέτει ότι το περιεχόμενό σας και η λειτουργικότητα θα πρέπει να είναι το ίδιο σε όλες τις συσκευές - αλλά αυτό δεν είναι απαραίτητα αληθές. Το κλειδί είναι να ταιριάζει με τη φύση του περιεχομένου με τη χρήση και το πλαίσιο στο οποίο οι χρήστες κοιτάζουν τον ιστότοπό σας.
Για παράδειγμα, ας υποθέσουμε ότι σχεδιάζετε έναν ανταποκρινόμενο ιστότοπο για ένα εμπορικό σήμα στις βιομηχανίες καταναλωτικών συσκευασμένων ειδών ή καταναλωτικών δώρων. Οι προσφορές και οι σελίδες προσφορών για αυτούς τους τύπους ιστότοπων λαμβάνουν συνήθως την πιο διαδικτυακή επισκεψιμότητα. Οι άνθρωποι σπάνια εξετάζουν τα στοιχεία του προϊόντος, αλλά όταν το κάνουν, ένας πολύ καλός τρόπος για να επισημάνετε αυτές τις λεπτομέρειες είναι να δείξετε τον τρόπο σύγκρισης με άλλα στοιχεία. Με αυτό κατά νου, θα πρέπει να τοποθετήσετε οπτικοποίηση προϊόντος και εκπαιδευτικό περιεχόμενο στις σελίδες προϊόντων , ώστε να μπορείτε να βοηθήσετε τους καταναλωτές να κατανοήσουν πώς να χρησιμοποιήσουν και να ασχοληθούν με το προϊόν σας.
Για τη βιομηχανία συσκευασμένων ειδών ευρείας κατανάλωσης, θέλετε να γνωρίσετε τους πελάτες σας και να καθορίσετε αν είναι προ-, μέσα ή μετά την αποθήκευση. Θα χρειαστεί να δημιουργήσετε μια διαφορετική εμπειρία ανάλογα με τον προορισμό του πελάτη.
Ακολουθεί μια σύντομη ανάλυση κάθε διαδρομής:
Η γνώση του πού οι πελάτες βρίσκονται στη διαδρομή για την αγορά σας επιτρέπει να σχεδιάσετε τον ιστότοπο με τρόπο που να ικανοποιεί αυτές τις ανάγκες και πολλά άλλα.
Ο προσαρμοστικός σχεδιασμός επιτρέπει στον πελάτη να έχει μια προσαρμοσμένη εμπειρία ... με βάση τη συσκευή που χρησιμοποιεί
Πάνω απ 'όλα, πρέπει να βάζετε τον εαυτό σας στα παπούτσια των πελατών σας. Για παράδειγμα, ψώνια στο Trader Joe κάθε εβδομάδα. Θα ήταν ωραίο να μπορώ να προγραμματίσω τα γεύματά μου εκ των προτέρων από το φορητό υπολογιστή μου και να συνδέσω το σχέδιο με την εμπειρία αγορών μου. Με άλλα λόγια, θα μπορούσα να πω στο site τι θα ήθελα να κάνω για πρωινό, μεσημεριανό γεύμα ή δείπνο. Ο ιστότοπος θα μου έλεγε τότε όλα τα προϊόντα που θα χρειαζόταν για να φτιάξω αυτά τα γεύματα και να δημιουργήσω μια λίστα με χαρτόσημα για μένα, έτσι θα ήξερα ποιοι διάδρομοι θα χτυπήσουν όταν έφτασα στο κατάστημα. Το μόνο που θα έπρεπε να κάνω είναι να βγάλω το τηλέφωνό μου.
Ο προσαρμοστικός σχεδιασμός επιτρέπει στον πελάτη να έχει μια προσαρμοσμένη εμπειρία, όπως αυτή, με βάση τη συσκευή που χρησιμοποιεί.
Βελτιστοποιήστε την εμπειρία του πελάτη προσαρμόζοντας το σχέδιο και τις πληροφορίες στη συσκευή. Για παράδειγμα, αν ο πελάτης σας αναζητά σε ένα smartphone, ο αριθμός τηλεφώνου σας είναι εμφανής και διαδραστικός ώστε να μπορεί εύκολα να καλέσει. Είναι ο καταναλωτής σε φορητό υπολογιστή; Ίσως είναι πιο σημαντικό να παρουσιάσετε εκ των προτέρων πληροφορίες για τα προϊόντα. Κατανοήστε τι είναι οι ανάγκες του πελάτη σας με βάση τη συσκευή που χρησιμοποιείται και παραδώστε αυτήν την εμπειρία.
Πρέπει να εξετάσετε τον ιστότοπό σας από τις προοπτικές των χρηστών - ανεξάρτητα από το είδος της συσκευής στο οποίο βιώνουν. Εάν οι πελάτες σας βγάλουν τα τηλέφωνά τους για να αναζητήσουν την επιχείρησή σας, θα πρέπει να είστε έτοιμοι να τους βοηθήσετε να βρουν αυτό που χρειάζονται με τον καλύτερο δυνατό σχεδιασμό και λειτουργικότητα. Εάν δεν το κάνετε απλό και απλό, θα πάρουν απλά την επιχείρησή τους κάπου αλλού.