Η ΚΟΡΥΦΑ ΔΗΛΩΣΗ.
Το mobile first σημαίνει να ξεκινάμε το σχεδιασμό από το κινητό. Η ανάγνωση κειμένου, οι βολικές επιλογές, οι σαφείς προϋποθέσεις και η εύκολη επικοινωνία είναι πιο σημαντικές από την μειωμένη οπτική εμφάνιση του υπολογιστή.
Η καλή κινητή έκδοση ενός ιστότοπου ξεκινά από την ερώτηση: τι πρέπει να κάνει ο πελάτης όταν κρατάει το τηλέφωνό του; Να ανακαλύψει μια υπηρεσία, να βρει μια διεύθυνση, να συγκρίνει ένα προϊόν ή να του τηλεφωνήσει. Η απάντηση καθορίζει τη σειρά πολύ πριν από τα χρώματα και τα εφέ.
Ο ιδιοκτήτης εξετάζει συχνά το έργο σε μεγάλη οθόνη. Ο πελάτης μπορεί να το ανοίξει στο λεωφορείο, μεταξύ δύο συναντήσεων ή μπροστά στο ίδιο το έργο. Αυτοί οι άνθρωποι δεν χρειάζονται μια μικρότερη έκδοση του αφισόδους. Χρειάζονται μια λειτουργική πηγή πληροφοριών.
Το Mobile First σημαίνει να ξεκινάμε το σχεδιασμό από την μικρή οθόνη. Πρώτα οργανώνουμε όσα είναι σημαντικά για το τηλέφωνο και στη συνέχεια αναπτύσσουμε τη διακόσμηση για μεγαλύτερες οθόνες. Έτσι, η χρήση κινητών συσκευών έχει τη δική της λογική από την αρχή.
Η κινητή έκδοση του ιστότοπου: ελέγξτε τους επισκέπτες σας
Μην θεωρείτε ότι ένας γενικός όρος είναι η αλήθεια για κάθε επιχείρηση. Ένα ξενοδοχείο, μια τοπική υπηρεσία και ένας προμηθευτής επαγγελματικού εξοπλισμού μπορεί να έχουν διαφορετικό τρόπο λειτουργίας. Τα στοιχεία για τον συγκεκριμένο ιστότοπο είναι πιο χρήσιμα από έναν αριθμό που λαμβάνεται από μια μη συνδεδεμένη αγορά.
Αν έχετε εγκαταστήσει ένα σύστημα ανάλυσης, ελέγξτε τα συστήματα για ένα κατάλληλο χρονικό διάστημα. Συγκρίνετε επίσης τις ενέργειες: από πού προέρχονται οι αιτήσεις και σε ποιες σελίδες δυσχεραίνεται η χρήση. Ο μεγάλος αριθμός επισκέψεων από κινητές συσκευές δεν είναι ο μόνος λόγος για τον οποίο πρέπει να δώσετε προσοχή στο τηλέφωνο: κάθε κατάλληλος πελάτης πρέπει να μπορεί να χρησιμοποιεί τον ιστότοπο.
Αν δεν έχετε ακόμη δεδομένα, ξεκινήστε με τις πραγματικές καταστάσεις. Πώς λαμβάνει ο χρήστης τον σύνδεσμό σας; Πού αναζητά τη διεύθυνση; Από ποιο σύστημα εργασίας ανοίγει μια ανάρτηση σε κοινωνικό δίκτυο; Αυτά τα ερωτήματα δίνουν μια καλή κατεύθυνση, χωρίς να απαιτούν φανταστική στατιστική ανάλυση.
Τι σημαίνει η mobile-first indexing για τη Google;
Το Google χρησιμοποιεί την κινητή έκδοση του περιεχομένου κατά την αναζήτηση και την ταξινόμηση. Η αναζήτηση σημαίνει ότι η μηχανή αναζήτησης επεξεργάζεται και ενσωματώνει τη σελίδα στο σύστημά της. Αυτό δεν αποτελεί υπόσχεση για την πρώτη θέση και δεν σημαίνει ότι ο ιστότοπος με την πιο όμορφη εμφάνιση τηλεφώνου κερδίζει αυτόματα. Επίσημες οδηγίες του Google για την αναζήτηση μέσω κινητών συσκευών.
Το πρακτικό συμπέρασμα είναι να μην αποκρύπτετε τις σημαντικές πληροφορίες από τους κινητούς επισκέπτες. Το βασικό περιεχόμενο, τα τίτλα και οι περιγραφές πρέπει να είναι συνεπή μεταξύ των εκδόσεων. Η σειρά μπορεί να είναι διαφορετική όταν αυτό διευκολύνει την ανάγνωση.
Αν η υπηρεσία στον υπολογιστή είναι λεπτομερώς περιγραφεί, ενώ στο τηλέφωνο μένει μόνο η φωτογραφία και το κουμπί, χάνετε χρήσιμη περιγραφή για τους ανθρώπους και την μηχανή αναζήτησης. Αντί να αφαιρέσετε τις απαραίτητες συνθήκες, τακτοποιήστε τις σε μετρήσιμες ενότητες. Ελέγξτε τι στην πραγματικότητα φορτώνεται και τι μπορεί να επιτευχθεί.
Το διαβασμένο κείμενο αποτελεί μέρος του σχεδιασμού
Ανοίξτε τη σελίδα και αρχίστε να διαβάζετε, χωρίς να αυξάνετε το μέγεθος της γραμματοσειράς. Το βασικό κείμενο πρέπει να είναι ευανάγνωστο και οι σειρές δεν πρέπει να ξεφεύγουν από την οθόνη. Μερικά μεγάλα κεφάλαια δεν αντισταθμίζουν τις μικρές λεπτομέρειες που καθορίζουν την επιλογή του πελάτη.
Δώστε στον κείμενο αέρα με σύντομα παραρτήματα και σαφή υποτίτλους. Ο επισκέπτης μπορεί να αναζητήσει μια συγκεκριμένη απάντηση, αντί να διαβάζει από την αρχή μέχρι το τέλος. Για μια υπηρεσία αυτό μπορεί να είναι ο χρόνος, για ένα εστιατόριο — το μενού, και για ένα ξενοδοχείο — οι όροι διαμονής.
Ελέγξτε επίσης το αντίθετο. Το φωτεινό κίτρινο κείμενο πάνω σε ένα σχεδόν άσπρο φόντο μπορεί να φαίνεται λεπτό στην οθόνη, αλλά να είναι δύσκολο να διαβαστεί έξω από το σπίτι. Το ίδιο ισχύει και για τις επιγραφές πάνω σε φωτογραφίες που έχουν κοπεί διαφορετικά στο τηλέφωνο.
Τα κουμπιά πρέπει να επιτρέπουν την άνετη λειτουργία.
Δοκιμάστε το μενού και τα βασικά κουμπιά με το δάχτυλό σας. Οι σημαντικές ενέργειες πρέπει να είναι εύκολες να αναγνωριστούν και να είναι αρκετά ξεχωριστές μεταξύ τους. Δεν είναι καλό ο χρήστης να πατάει πολύ συχνά ή να ανοίγει τυχαία έναν συνδεδεμένο σύνδεσμο.
Ο αριθμός επικοινωνίας πρέπει να επιτρέπει τη κλήση με το άγγιγμα. Εάν προσφέρετε το Viber ή το WhatsApp, δοκιμάστε τη συμπεριφορά και προσφέρετε μια εναλλακτική λύση για όσους δεν διαθέτουν την αντίστοιχη εφαρμογή. Το ίδιο το εικονίδιο ενδέχεται να μην εξηγεί σε τι συνομιλία οδηγεί.
Στη φόρμα χρησιμοποιήστε κατάλληλα πεδία και σαφείς ετικέτες. Μην απαιτείτε λεπτομερή εταιρικές πληροφορίες όταν η αποστολή είναι μόνο η πρώτη συνάντηση. Μετά την αποστολή πρέπει να υπάρχει επιβεβαίωση, και σε περίπτωση σφάλματος ο χρήστης να κατανοεί πώς να το διορθώσει.
Η ταχύτητα και τα αναδυόμενα παράθυρα είναι πιο έντονες στο τηλέφωνο
Ένας καλός ιστότοπος για τηλεφωνική υποστήριξη πρέπει να λειτουργεί και εκτός του γρήγορου γραφειακού δικτύου. Οι εικόνες, το βίντεο και τα εξωτερικά εργαλεία πρέπει να επιλεγούν με γνώμονα την αποστολή. Η ομαλοποίηση μπορεί να δημιουργήσει την αίσθηση της ποιότητας, αλλά δεν πρέπει να επιβραδύνει την πρόσβαση στην υπηρεσία.
Δοκιμάστε να χρησιμοποιήσετε τη σελίδα μέσω κινητών δεδομένων. Δείτε αν αρχικά εμφανίζονται οι χρήσιμες πληροφορίες και αν τα κουμπιά λειτουργούν σωστά. Εάν μια μεγάλη εικόνα εκθέτει το περιεχόμενο μετά τη φόρτωση, ο χρήστης μπορεί να χάσει τον χώρο που διάβαζε.
Ελέγξτε τα banner, το chat και τις εμφανίσεις προωθητικών μηνυμάτων. Όταν αρκετοί στρώματα καλύπτουν σχεδόν ολόκληρη την οθόνη, ο επισκέπτης πρέπει πρώτα να απελευθερωθεί από αυτά. Αφήστε το περιεχόμενο και τον τρόπο κλεισίματος να είναι ορατοί, αντί να μετατρέπετε την πρώτη συνάντηση σε μια σειρά εμποδίων.
Κάντε μια δοκιμή πέντε λεπτών με το δικό σας τηλέφωνο
Επιλέξτε μια εργασία που είναι πραγματικά σημαντική για την επιχείρηση. Για παράδειγμα, να βρείτε μια συγκεκριμένη διαδικασία και να κρατήσετε μια συνομιλία ή να εξετάσετε ένα προϊόν και να στείλετε ένα ερωτηματολόγιο. Μην χρησιμοποιήσετε προκαθορισμένες διαδρομές που έχετε θυμηθεί.
- Ανοίξτε την αρχική σελίδα και πείτε με μια φράση τι προσφέρει η επιχείρηση.
- Ανακαλύψτε μια υπηρεσία ή προϊόν και διαβάστε τους απαραίτητους όρους.
- Βρείτε το τηλέφωνο και ελέγξτε αν μπορεί να πατηθεί.
- Συμπληρώστε τη φόρμα με σαφώς αναγνωρίσιμο τεστ ερώτημα και επιβεβαιώστε την παραλαβή.
- Ανοίξτε την ίδια σελίδα μέσω κινητών δεδομένων και ελέγξτε την αναμονή και την κίνηση του περιεχομένου.
Ζητήστε από κάποιον που δεν γνωρίζει τον ιστότοπο να επαναλάβει την εργασία. Παρακολουθείστε πού σταματά, χωρίς να του δώσετε αμέσως οδηγίες. Αυτό δίνει πιο χρήσιμες πληροφορίες από την ερώτηση «Σας αρέσει ο σχεδιασμός;».
Αναλογικό σχεδιασμό ή ξεχωριστό κινητό site;
Ο προσαρμοστικός σχεδιασμός σημαίνει ότι η σελίδα αλλάζει τη διαρρύθμιση ανάλογα με το πλάτος της οθόνης. Το περιεχόμενο μπορεί να βρίσκεται στον ίδιο τοποθετημένο URL, αλλά οι στήλες, οι εικόνες και το μενού μπορεί να τοποθετούνται διαφορετικά. Αυτό είναι μια κατάλληλη αφετηρία για πολλούς επιχειρηματικούς ιστότοπους.
Ένας ξεχωριστός κινητός ιστότοπος χρησιμοποιεί διαφορετικές σελίδες ή διευθύνσεις για το τηλέφωνο. Αυτή η λύση απαιτεί επιπλέον προσοχή στη συντήρηση και τη συμμόρφωση του περιεχομένου. Δεν είναι αυτόματα καλύτερο μόνο και μόνο επειδή ο διευθυντής περιέχει μια ένδειξη για τη λειτουργία για κινητά.
Το Mobile First είναι ένας τρόπος σχεδίασης, ενώ ο Adaptif Design είναι ένας τρόπος για την κατασκευή της οργάνωσης. Μπορούν να λειτουργήσουν μαζί. Το σημαντικό ζήτημα είναι αν ο ιστότοπος βοηθά τον πελάτη στη συσκευή του, και όχι ποιος τεχνικός όρος βρίσκεται στην προσφορά.
Εάν η δοκιμή έδειξε περισσότερα προβλήματα, ανατρέξτε και στις άλλες σφάλες στον ιστότοπο. Για αλλαγές στο εύρος και τον προϋπολογισμό, χρησιμοποιήστε την αναλογία τιμής για την κατασκευή ιστοτόπου.
Ας ξεκινήσουμε από την οθόνη των πελατών σας
Ο ιστότοπός σας δυσχεραίνει τη χρήση από κινητό; Πείτε μας ποιες ενέργειες είναι σημαντικές και πού σταματούν οι χρήστες. Θα συζητήσουμε αλλαγές που κάνουν την πληροφόρηση και την επαφή πιο ξεκάθαρες σε μικρότερο οθόνη.
