Ένας επισκέπτης φτάνει στη σελίδα σου. Ψάχνει κάτι να πατήσει. Ίσως ψάχνει τιμές. Ίσως θέλει να επικοινωνήσει μαζί σου. Ίσως θέλει να εγγραφεί. Σαρώνει τη σελίδα. Βρίσκει κάτι που μοιάζει να πατιέται και το πατά. Ένα heatmap κλικ καταγράφει κάθε κλικ. Πού πατούν. Τι πατούν. Ακόμη και τι προσπαθούν να πατήσουν ενώ δεν πατιέται πραγματικά. Αυτό το τελευταίο είναι κρίσιμο. Όταν οι επισκέπτες πατούν κάτι που δεν πατιέται, δείχνουν ότι το περίμεναν να πατιέται. Αυτή η αναντιστοιχία αποκαλύπτει προβλήματα σχεδιασμού. Τα heatmaps κλικ μετατρέπουν τα κλικ σε κατανόηση.
Αυτό το άρθρο εξηγεί πώς δουλεύουν τα heatmaps κλικ και τι αποκαλύπτουν.
Τι δείχνουν τα heatmaps κλικ
Τα heatmaps κλικ απεικονίζουν πού πατούν οι επισκέπτες. Κάθε κλικ καταγράφεται και συγκεντρώνεται. Τα κουμπιά που πατιούνται φωτίζονται κόκκινα. Τα κουμπιά χωρίς κλικ φαίνονται μπλε. Η ένταση του χρώματος δείχνει τη συχνότητα των κλικ.
Τα heatmaps κλικ δείχνουν και επιτυχημένα και αποτυχημένα κλικ. Ένας επισκέπτης μπορεί να πατήσει ένα κουμπί. Αυτό είναι επιτυχημένο κλικ. Μπορεί να πατήσει κείμενο που δεν είναι σύνδεσμος. Αυτό είναι αποτυχημένο κλικ. Και τα δύο φαίνονται στο heatmap.
Τα heatmaps κλικ αφορούν συγκεκριμένη σελίδα. Βλέπεις μία σελίδα τη φορά. Κάθε σελίδα δείχνει τα δικά της μοτίβα κλικ. Το heatmap της αρχικής διαφέρει από αυτό μιας σελίδας προϊόντος.
Εντόπισε χαμένες ευκαιρίες
Ένα κουμπί δεν παίρνει κλικ. Γιατί; Ίσως είναι ασαφές. Ίσως είναι σε λάθος θέση. Ίσως οι επισκέπτες δεν το διαβάζουν. Ένα heatmap κλικ δείχνει το κουμπί μπλε. Μηδενική δραστηριότητα. Αυτό σου λέει ότι το κουμπί δεν δουλεύει.
Άλλοτε η απάντηση είναι η ορατότητα. Ένα κουμπί κάτω από την πρώτη οθόνη παίρνει λιγότερα κλικ από ένα πάνω από αυτήν. Αν το μετακινήσεις πιο πάνω, ίσως βοηθήσει. Άλλοτε η απάντηση είναι η σαφήνεια. Ένα κουμπί με την ένδειξη "Μάθε περισσότερα" παίρνει λιγότερα κλικ από το "Δες τις τιμές". Η διατύπωση μετράει.
Άλλοτε η απάντηση είναι ο ανταγωνισμός. Πολλά κουμπιά διεκδικούν την προσοχή. Οι επισκέπτες πατούν το ένα αλλά όχι τα άλλα. Ίσως τα άλλα πρέπει να φύγουν. Ίσως πρέπει να τονίζονται λιγότερο.
Βρες κλικ σε στοιχεία που δεν πατιούνται
Οι επισκέπτες πατούν κείμενο που δεν είναι σύνδεσμος. Πατούν εικόνες που δεν είναι κουμπιά. Προσπαθούν να αλληλεπιδράσουν με στοιχεία που δεν είναι διαδραστικά. Αυτά τα λανθασμένα κλικ αποκαλύπτουν προσδοκίες.
Ένας επισκέπτης βλέπει μια εικόνα και προσπαθεί να την πατήσει. Περίμενε να ανοίξει μεγαλύτερη ή να τον πάει κάπου. Δεν πατιέται όμως. Αυτή η αναντιστοιχία δείχνει μια ευκαιρία σχεδιασμού. Ίσως η εικόνα πρέπει να πατιέται. Ίσως χρειάζεται μια ένδειξη ότι δεν πατιέται.
Τα λανθασμένα κλικ είναι χρυσά δεδομένα. Δείχνουν τι θέλουν να κάνουν οι επισκέπτες αλλά δεν μπορούν. Όταν τα υλοποιείς, η συμμετοχή συχνά βελτιώνεται.
Κατάλαβε την πρόθεση του χρήστη από τα κλικ
Το πού πατούν οι επισκέπτες σου λέει τι θέλουν. Πολλά κλικ στις τιμές δείχνουν ότι νοιάζονται για την τιμή. Πολλά κλικ στη φόρμα επικοινωνίας δείχνουν ότι θέλουν να σε βρουν. Τα κλικ αποκαλύπτουν πρόθεση χωρίς να ρωτήσεις.
Αυτά τα δεδομένα πρόθεσης καθοδηγούν αποφάσεις. Αν οι επισκέπτες πατούν πολύ τις τιμές, ίσως οι τιμές πρέπει να είναι πιο προβεβλημένες. Αν πατούν την επικοινωνία, ίσως η φόρμα πρέπει να βρίσκεται πιο εύκολα.
Σύγκρινε τα μοτίβα κλικ ανάμεσα σε σελίδες
Το ίδιο κουμπί σε διαφορετικές σελίδες μπορεί να έχει διαφορετικά μοτίβα κλικ. Ένα κουμπί εγγραφής στην αρχική μπορεί να παίρνει 10 τοις εκατό κλικ. Το ίδιο κουμπί σε σελίδα τιμών μπορεί να παίρνει 30 τοις εκατό. Η διαφορά είναι το πλαίσιο. Οι επισκέπτες της σελίδας τιμών είναι πιο έτοιμοι να εγγραφούν.
Όταν καταλαβαίνεις αυτές τις διαφορές, βελτιστοποιείς κάθε σελίδα. Η αρχική χρειάζεται περισσότερη προετοιμασία. Η σελίδα τιμών μπορεί να είναι πιο άμεση.
Δοκίμασε αλλαγές με heatmaps κλικ
Αφού αλλάξεις μια σελίδα, χρησιμοποίησε heatmaps κλικ για να μετρήσεις την επίδραση. Μετακίνησες το κουμπί; Δες αν αυξήθηκαν τα κλικ. Άλλαξες το κείμενο του κουμπιού; Δες αν άλλαξαν τα κλικ. Τα heatmaps κλικ δείχνουν αν η αλλαγή δούλεψε.
Τα heatmaps πριν και μετά λένε μια ιστορία. Το πριν δείχνει το πρόβλημα. Το μετά δείχνει τη διόρθωση. Αυτά τα δεδομένα στηρίζουν αποφάσεις για δοκιμές A/B.
Συχνές ερωτήσεις
Σημαίνει ο μεγάλος αριθμός κλικ ότι το κουμπί είναι καλό;
Όχι απαραίτητα. Τα πολλά κλικ μπορεί να σημαίνουν ότι το κουμπί είναι δύσκολο να βρεθεί και οι επισκέπτες το πατούν πολλές φορές. Ή ότι πολλοί επισκέπτες θέλουν αυτή την ενέργεια. Μετράει το πλαίσιο. Συνδύασέ το με άλλα δεδομένα. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Να αφαιρέσουμε κουμπιά που δεν παίρνουν κλικ;
Όχι αμέσως. Ψάξε πρώτα. Το κουμπί είναι ασαφές; Είναι σε λάθος θέση; Δοκίμασε να το βελτιώσεις πριν το αφαιρέσεις. Άλλοτε μια καλύτερη ένδειξη ή θέση το διορθώνει.
Μπορούμε να δούμε ποιος επισκέπτης πάτησε τι;
Τα heatmaps κλικ δείχνουν τη συνολική συμπεριφορά, όχι μεμονωμένες διαδρομές. Για τη συμπεριφορά ενός επισκέπτη χρησιμοποίησε καταγραφές συνεδριών. Τα heatmaps δείχνουν το δάσος. Οι καταγραφές τα δέντρα.
Παραμορφώνουν τα τυχαία κλικ τα heatmaps;
Λίγο. Ένα τυχαίο κλικ εμφανίζεται κι αυτό ως κλικ. Συνήθως όμως τα τυχαία κλικ είναι σπάνια σε σχέση με τα εσκεμμένα. Τα μοτίβα φαίνονται παρ' όλα αυτά καθαρά.
Να κάνουμε πιο προβεβλημένα όλα τα στοιχεία που πατιούνται;
Όχι απαραίτητα. Κάποια κλικ είναι λάθη. Κάποια είναι εξερευνητικά. Τα πολλά κλικ δεν σημαίνουν πάντα σημασία. Χρησιμοποίησε τα κλικ μαζί με άλλα δεδομένα για να αποφασίσεις τι θα τονιστεί.
Τι κάνουμε με τα κλικ σε στοιχεία που δεν πατιούνται;
Είναι ευκαιρίες. Είτε κάνε το στοιχείο να πατιέται είτε κάνε σαφές ότι δεν πατιέται. Τα λανθασμένα κλικ δείχνουν τι περιμένουν οι επισκέπτες. Όταν τις εκπληρώνεις, η εμπειρία βελτιώνεται.