Η ιστοσελίδα σου μετατρέπει πέντε τοις εκατό στον υπολογιστή. Η ιστοσελίδα σου μετατρέπει ένα τοις εκατό στο κινητό. Το ίδιο site. Η ίδια επισκεψιμότητα. Διαφορετικά αποτελέσματα. Γιατί; Επειδή το κινητό και ο υπολογιστής είναι ριζικά διαφορετικές εμπειρίες. Οι χρήστες κινητού είναι εν κινήσει. Έχουν μικρότερες οθόνες. Έχουν πιο αργές συνδέσεις. Χρησιμοποιούν οθόνες αφής αντί για ποντίκι. Μια φόρμα που δουλεύει στον υπολογιστή κουράζει στο κινητό. Μια διαδικασία checkout που παίρνει τρία λεπτά στον υπολογιστή παίρνει επτά στο κινητό. Ένα κουμπί που πατιέται εύκολα στον υπολογιστή είναι δύσκολο στο κινητό. Κι όμως οι περισσότερες επιχειρήσεις βελτιστοποιούν πρώτα για υπολογιστή και παραμελούν το κινητό. Αναρωτιούνται γιατί το κινητό μετατρέπει χαμηλά. Η απάντηση είναι ότι έχτισαν για λάθος συσκευή. Η ανάλυση μετατροπών ανά συσκευή αποκαλύπτει αυτές τις διαφορές. Σου δείχνει ότι το κινητό χρειάζεται διαφορετική βελτιστοποίηση από τον υπολογιστή. Σου δείχνει πού δυσκολεύεται το κινητό. Εδώ θα δεις την ανάλυση μετατροπών ανά συσκευή και πώς να βελτιστοποιείς για κάθε συσκευή.
Γιατί διαφέρουν οι μετατροπές σε κινητό και υπολογιστή
Οι χρήστες κινητού διαφέρουν από τους χρήστες υπολογιστή. Οι χρήστες υπολογιστή είναι συνήθως στη δουλειά ή στο σπίτι με έναν υπολογιστή. Έχουν χρόνο. Έχουν συγκέντρωση. Σχεδιάζουν τις ενέργειές τους. Οι χρήστες κινητού είναι εν κινήσει. Σε καφετέριες. Ανάμεσα σε σύσκεψεις. Στο τρένο. Έχουν αποσπάσεις προσοχής. Θέλουν πληροφορίες γρήγορα. Θέλουν να δράσουν χωρίς τριβή. Μια φόρμα με δέκα πεδία που δουλεύει στον υπολογιστή αποτυγχάνει στο κινητό. Μια διαδικασία checkout που απαιτεί πολλή κύλιση δουλεύει καλύτερα όταν συμπυκνώνεται στο κινητό. Οι χρήστες κινητού εγκαταλείπουν εμπειρίες που φαίνονται αργές ή σύνθετες. Οι χρήστες υπολογιστή ανέχονται την πολυπλοκότητα. Διαφορετικές συσκευές χρειάζονται διαφορετικό σχεδιασμό.
Πώς παρακολουθείς μετατροπές ανά συσκευή
Στήσε τμήματα ανά συσκευή στα analytics σου. Φτιάξε ένα τμήμα για υπολογιστή, ένα για κινητό, ένα για tablet. Παρακολούθησε τα ποσοστά μετατροπής ξεχωριστά για κάθε συσκευή. Δες πώς αποδίδει κάθε συσκευή. Αν το κινητό μετατρέπει στο ένα τοις εκατό και ο υπολογιστής στο πέντε, το κινητό είναι πρόβλημα. Αυτά τα δεδομένα σου δείχνουν πού να εστιάσεις την προσπάθεια βελτιστοποίησης.
Τακτικές βελτιστοποίησης μετατροπών στο κινητό
Απλοποίησε τις φόρμες στο κινητό. Μια φόρμα δέκα πεδίων στον υπολογιστή μπορεί να γίνει φόρμα τριών πεδίων στο κινητό, με συμπληρωματική φόρμα μετά τη μετατροπή. Μεγαλύτερα κουμπιά στο κινητό. Τα δάχτυλα είναι λιγότερο ακριβή από το ποντίκι. Ένα κουμπί που πατιέται εύκολα στον υπολογιστή μπορεί να είναι πολύ μικρό για το κινητό. Βελτιστοποίησε για ταχύτητα στο κινητό. Οι συνδέσεις κινητού είναι πιο αργές. Αφαίρεσε περιττά στοιχεία. Μείωσε τις εικόνες. Συμπίεσε τον κώδικα. Οι γρήγορες σελίδες μετατρέπουν καλύτερα στο κινητό. Απόφυγε τα pop-ups στο κινητό. Ενοχλούν. Πιάνουν χώρο στην οθόνη. Οι χρήστες τα κλείνουν αμέσως. Χρησιμοποίησε αντί για αυτά κεφαλίδες που μένουν σταθερές (sticky headers). Μένουν ορατές χωρίς να πιάνουν πολύτιμο χώρο στην οθόνη.
Τακτικές βελτιστοποίησης μετατροπών στον υπολογιστή
Οι χρήστες υπολογιστή ανέχονται περισσότερη πολυπλοκότητα. Μια μεγαλύτερη φόρμα δουλεύει στον υπολογιστή αν κάθε πεδίο δικαιολογείται. Οι αναλυτικές συγκρίσεις προϊόντων δουλεύουν στον υπολογιστή. Οι πολλές στήλες περιεχομένου δουλεύουν στον υπολογιστή. Τα εφέ hover δουλεύουν στον υπολογιστή. Αυτά δεν δουλεύουν στο κινητό. Βελτιστοποίησε τον υπολογιστή για πληρότητα και λεπτομέρεια. Βελτιστοποίησε το κινητό για απλότητα και ταχύτητα.
Διαδρομές σε πολλές συσκευές
Πολλοί πελάτες ξεκινούν από μια συσκευή και τελειώνουν σε άλλη. Περιηγούνται από το κινητό όταν είναι εν κινήσει. Επιστρέφουν από τον υπολογιστή για να κάνουν αγορά. Παρακολούθησε αυτές τις διαδρομές μεταξύ συσκευών. Μια συνεδρία από κινητό μπορεί να έχει χαμηλή μετατροπή αλλά υψηλή αλληλεπίδραση. Αυτή η συνεδρία από κινητό οδηγεί σε αγορά από υπολογιστή. Τα analytics πολλαπλών συσκευών σου δείχνουν αυτά τα μοτίβα.
Απόδοση συσκευής ανά σελίδα
Κάποιες σελίδες δουλεύουν καλύτερα στο κινητό. Οι σελίδες προϊόντων με φωτογραφίες δουλεύουν καλά στο κινητό επειδή οι εικόνες φαίνονται όμορφα. Οι αναρτήσεις blog δουλεύουν καλά στο κινητό επειδή έχουν πολύ κείμενο. Οι σελίδες checkout δουλεύουν άσχημα στο κινητό επειδή έχουν πολλές φόρμες. Παρακολούθησε τα ποσοστά μετατροπής ανά συσκευή και σελίδα. Δες ποιες σελίδες δυσκολεύονται στο κινητό. Βελτιστοποίησε πρώτα αυτές τις σελίδες για κινητό.
Συχνές ερωτήσεις
Ποιο ποσοστό μετατροπής στο κινητό είναι καλό;
Εξαρτάται από τον κλάδο σου. Τα ποσοστά μετατροπής e-shop στο κινητό είναι συνήθως χαμηλότερα από τον υπολογιστή, επειδή το checkout είναι σύνθετο στο κινητό. Η εγγραφή σε δοκιμή SaaS μπορεί να έχει παρόμοια ποσοστά σε κινητό και υπολογιστή. Οι εγγραφές σε newsletter μπορεί να έχουν υψηλότερα ποσοστά στο κινητό. Σύγκρινε το ποσοστό μετατροπής του κινητού με αυτό του υπολογιστή. Αν ο υπολογιστής είναι πέντε τοις εκατό και το κινητό ένα τοις εκατό, το κινητό θέλει δουλειά. Αν είναι ίσα, τα πας καλά. Με τον δημιουργό ιστοσελίδων του WEMASY μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Να φτιάξω ξεχωριστό site για κινητό ή να βελτιστοποιήσω τον responsive σχεδιασμό μου;
Ο responsive σχεδιασμός είναι συνήθως καλύτερος. Φτιάξε ένα site που δουλεύει καλά σε όλες τις συσκευές. Ο responsive σχεδιασμός είναι πιο εύκολος στη συντήρηση και την υλοποίηση από ξεχωριστά sites για κινητό και υπολογιστή. Ο responsive σχεδιασμός όμως απαιτεί συνειδητή βελτιστοποίηση για κινητό. Μην μικραίνεις απλώς τον σχεδιασμό του υπολογιστή για το κινητό. Χτίσε πρώτα για κινητό (mobile-first). Φτιάξε πρώτα την εμπειρία κινητού και μετά πρόσθεσε βελτιώσεις για υπολογιστή.
Πώς καταλαβαίνω αν τα προβλήματα μετατροπής στο κινητό οφείλονται στον σχεδιασμό ή στην ποιότητα της επισκεψιμότητας;
Δοκίμασε και τα δύο. Στείλε επισκεψιμότητα υψηλής ποιότητας από κινητό σε ένα απλοποιημένο checkout για κινητό. Αν η μετατροπή βελτιωθεί σημαντικά, το πρόβλημα ήταν ο σχεδιασμός. Αν η μετατροπή μείνει χαμηλή, το πρόβλημα μπορεί να είναι η ποιότητα της επισκεψιμότητας. Μπορείς επίσης να κάνεις δοκιμή A/B σε βελτιώσεις του checkout στο κινητό για να δεις αν κάνουν πραγματική διαφορά.
Μπορώ να χρησιμοποιώ την ίδια προσφορά σε κινητό και υπολογιστή;
Μπορείς, αλλά διαφορετικές συσκευές μπορεί να χρειάζονται διαφορετική τοποθέτηση. Οι χρήστες υπολογιστή μπορεί να ανταποκρίνονται σε αναλυτικές συγκρίσεις. Οι χρήστες κινητού μπορεί να ανταποκρίνονται στην απλότητα και στα σήματα εμπιστοσύνης. Δοκίμασε διαφορετικό μήνυμα σε κάθε συσκευή. Ό,τι μετατρέπει στον υπολογιστή μπορεί να μη μετατρέπει στο κινητό ακόμη κι αν η προσφορά είναι ίδια.
Να βελτιστοποιήσω πρώτα το κινητό ή τον υπολογιστή;
Βελτιστοποίησε πρώτα το κινητό αν η περισσότερη επισκεψιμότητά σου είναι από κινητό. Βελτιστοποίησε πρώτα τον υπολογιστή αν η περισσότερη επισκεψιμότητά σου είναι από υπολογιστή. Βελτιστοποίησε όμως και τα δύο. Είναι διαφορετικές εμπειρίες με διαφορετικούς παράγοντες μετατροπής. Μην παραμελείς καμία συσκευή.
Πώς χειρίζομαι τις φόρμες στο κινητό;
Κάνε τις σύντομες. Τρία έως πέντε πεδία το πολύ. Χρησιμοποίησε έξυπνες προεπιλογές όταν γίνεται. Δείξε επιλογέα ημερομηνίας αντί για πεδίο κειμένου για ημερομηνίες. Δείξε στο κινητό πληκτρολόγιο που ταιριάζει με τον τύπο της εισαγωγής (αριθμοί για τηλέφωνο, email για email). Σκέψου φόρμες πολλών βημάτων όπου οι χρήστες ολοκληρώνουν μία ενότητα, βλέπουν την πρόοδο και πηγαίνουν στην επόμενη. Αυτό φαίνεται πιο γρήγορο από μια μεγάλη φόρμα σε μία σελίδα.