Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

landing pages

landing pages

· Με δύο λόγια

Πώς σχεδιάζονται σωστά οι landing pages; Δείτε ροή περιεχομένου, τίτλους, φόρμες, προσβασιμότητα και κριτήρια ουσιαστικής επιτυχίας..

Landing pages: πώς σχεδιάζουμε μια σελίδα με έναν σαφή σκοπό

Οι landing pages είναι σελίδες προορισμού σχεδιασμένες ώστε ο επισκέπτης να καταλάβει γρήγορα μια συγκεκριμένη πρόταση και να αποφασίσει αν θα συνεχίσει. Μπορούν να υποστηρίξουν εγγραφή, αίτημα επικοινωνίας, λήψη υλικού ή παρουσίαση υπηρεσίας. Η επιτυχία τους δεν βασίζεται μόνο σε έντονα κουμπιά και εντυπωσιακές εικόνες. Βασίζεται στη συμφωνία ανάμεσα σε αυτό που υποσχέθηκε η προηγούμενη διαφήμιση ή σύνδεσμος και σε αυτό που πράγματι προσφέρει η σελίδα.

Πριν τον σχεδιασμό: μία υπόσχεση, ένα κοινό, μία απόφαση

Ορίζουμε πρώτα την επιθυμητή ενέργεια με συγκεκριμένους όρους: «να ζητήσει ενημέρωση για την υπηρεσία» είναι σαφέστερο από το «να έχει αλληλεπίδραση». Καταγράφουμε ποιος επισκέπτεται τη σελίδα, τι ήδη γνωρίζει, ποια αβεβαιότητα έχει και ποια στοιχεία χρειάζεται για να αισθανθεί έτοιμος να προχωρήσει. Αν απευθυνόμαστε ταυτόχρονα σε δύο κοινά με αντιφατικές ανάγκες, εξετάζουμε αν χρειάζονται διαφορετικές διαδρομές.

Η πρώτη οθόνη πρέπει να εξηγεί με απλή γλώσσα τι προσφέρουμε, σε ποιον απευθύνεται και ποιο είναι το επόμενο βήμα. Δεν κρύβουμε περιορισμούς, υποχρεωτικές προϋποθέσεις ή βασικές εξαιρέσεις χαμηλά στη σελίδα. Μια πειστική παρουσίαση δεν χρειάζεται υπερβολές· χρειάζεται αντιστοίχιση της υπόσχεσης με τα πραγματικά χαρακτηριστικά.

Τα βασικά στοιχεία και η αποστολή καθενός

Τίτλος: ονομάζει την ανάγκη και το αποτέλεσμα που εξετάζει ο επισκέπτης. Εισαγωγή: αποσαφηνίζει το πλαίσιο χωρίς προλογικές γενικότητες. Κύρια οφέλη: εξηγούν τι αλλάζει στην πράξη, όχι απλώς ότι η υπηρεσία είναι «ποιοτική». Τεκμηρίωση: παρουσιάζει πραγματικά στοιχεία, διαδικασία ή παραδείγματα που έχουμε δικαίωμα να χρησιμοποιήσουμε. Κουμπί ενέργειας: περιγράφει τι ακολουθεί. Διευκρινίσεις: απαντούν σε εύλογες ενστάσεις πριν την απόφαση.

Η σειρά αυτών των στοιχείων δεν είναι άκαμπτος κανόνας. Ένας επισκέπτης που αγοράζει απλό ψηφιακό προϊόν ίσως χρειάζεται σύντομη παρουσίαση. Κάποιος που εξετάζει σύνθετη υπηρεσία πιθανόν χρειάζεται αναλυτικότερη περιγραφή παραδοτέων, επικοινωνίας και εξαρτήσεων. Η έκταση προκύπτει από την αβεβαιότητα της απόφασης, όχι από συγκεκριμένο αριθμό ενοτήτων.

Υπόδειγμα ροής για αίτημα προσφοράς υπηρεσίας

  1. Μία πρόταση που αναγνωρίζει το πρόβλημα του συγκεκριμένου επαγγελματία.
  2. Μικρή περιγραφή του τι ακριβώς περιλαμβάνει η υπηρεσία και για ποιους δεν ενδείκνυται.
  3. Τρία ουσιαστικά αποτελέσματα της διαδικασίας, χωρίς μη επαληθευμένες υποσχέσεις.
  4. Πρακτική εξήγηση των σταδίων επικοινωνίας και των στοιχείων που απαιτούνται.
  5. Φόρμα που ζητά μόνο όσα χρειάζονται για τον προσδιορισμένο σκοπό.
  6. Απαντήσεις για χρόνο απόκρισης, επόμενα βήματα και διαχείριση πληροφοριών, μόνο όπου μπορούν να επιβεβαιωθούν.

Ο στόχος της ροής είναι να περιορίσει τα περιττά βήματα χωρίς να παραλείψει κρίσιμες πληροφορίες. Αν ζητάμε πολλά στοιχεία στην πρώτη επαφή, πρέπει να μπορούμε να εξηγήσουμε γιατί χρειάζονται. Αν υπόσχεται η σελίδα άμεση προσφορά αλλά η διαδικασία δεν το επιτρέπει, αλλάζουμε τη διατύπωση, όχι τις προσδοκίες του επισκέπτη.

Σχεδιασμός για κινητό και προσβασιμότητα

Το περιεχόμενο πρέπει να παραμένει αναγνώσιμο σε μικρή οθόνη, με σαφή ιεραρχία, επαρκή διαστήματα και εμφανή κατάσταση στα στοιχεία της φόρμας. Δεν βασίζουμε την κατανόηση μόνο στο χρώμα ή σε κίνηση. Ελέγχουμε την πληκτρολόγηση, τη σειρά μετακίνησης με πληκτρολόγιο, τα ονόματα πεδίων και την περιγραφή σφαλμάτων. Μια καλαίσθητη σελίδα που δεν μπορεί να συμπληρωθεί αξιόπιστα αποτυγχάνει στον βασικό σκοπό της.

Οι εικόνες έχουν λόγο ύπαρξης όταν αποσαφηνίζουν προϊόν, χώρο, λειτουργία ή βήμα. Τα διακοσμητικά στοιχεία δεν πρέπει να καθυστερούν την εμφάνιση του κύριου μηνύματος ούτε να καλύπτουν το κουμπί. Αξιολογούμε τη συμπεριφορά της σελίδας σε πραγματικές διαστάσεις οθονών, όχι μόνο σε μια προεπισκόπηση σχεδίασης.

Σελίδα προορισμού ή πλήρης σελίδα υπηρεσίας;

Η ειδική σελίδα προορισμού εξυπηρετεί συνήθως έναν προσδιορισμένο δρόμο εισόδου και μία κεντρική απόφαση. Η κλασική σελίδα υπηρεσίας μπορεί να καλύπτει περισσότερα ερωτήματα και να συνδέεται με το συνολικό μενού. Δεν χρειάζεται πάντοτε να δημιουργηθούν και οι δύο. Αν προσφέρουν το ίδιο μήνυμα στο ίδιο κοινό, εξετάζουμε συνένωση ή σαφή διαφοροποίηση σκοπού.

Η αναλυτική προσέγγιση σχεδιασμού σελίδας προορισμού βοηθά στην οργάνωση στοιχείων και διαδρομών. Όταν υπάρχει πραγματική τοπική ανάγκη, μια τοπική σελίδα προορισμού χρειάζεται αυθεντικά στοιχεία εξυπηρέτησης περιοχής και όχι απλή αλλαγή του ονόματος της πόλης.

Πώς μετράμε επιτυχία χωρίς να παραπλανιόμαστε

Πριν δημοσιεύσουμε συμφωνούμε ποια ενέργεια αποτελεί ολοκλήρωση στόχου και ποια βήματα την προηγούνται. Ελέγχουμε αν οι υποβολές είναι έγκυρες, αν οι επισκέπτες καταλαβαίνουν την προσφορά και αν η ομάδα μπορεί να εξυπηρετήσει τα αιτήματα. Το ποσοστό ολοκλήρωσης είναι χρήσιμο μόνο μαζί με την ποιότητα των αποτελεσμάτων. Περισσότερες φόρμες με ακατάλληλα αιτήματα δεν αποτελούν απαραίτητα βελτίωση.

Όταν αλλάζουμε τίτλο, διάταξη ή μήκος φόρμας, κρατάμε σαφή σημείωση της αλλαγής και του σκοπού της. Ελέγχουμε πρώτα ότι δεν υπάρχει τεχνικό πρόβλημα και έπειτα αξιολογούμε πιθανές αλλαγές στη συμπεριφορά. Η παρακολούθηση πρέπει να συμμορφώνεται με τις επιλογές ιδιωτικότητας του χρήστη.

Πίνακας απόφασης: ποια πληροφορία χρειάζεται η δική μας σελίδα;

Για προσφορά απλής υπηρεσίας, βασικές ερωτήσεις είναι «τι περιλαμβάνει;», «ποιος μπορεί να τη χρησιμοποιήσει;» και «πώς ξεκινά η επικοινωνία;». Για σύνθετη συνεργασία προσθέτουμε στάδια, προϋποθέσεις και περιορισμούς. Για ψηφιακό προϊόν είναι σημαντικά το ακριβές περιεχόμενο της αγοράς, η πρόσβαση και η υποστήριξη που πράγματι παρέχεται. Για μια εγγραφή ενημέρωσης προέχει το τι θα λαμβάνει ο επισκέπτης και πώς μπορεί να αλλάξει προτίμηση, όταν η δυνατότητα αυτή προσφέρεται.

Οι απαντήσεις μετατρέπονται σε μικρό πίνακα σχεδιασμού με στήλες: ερώτηση επισκέπτη, θέση απάντησης, διαθέσιμο αποδεικτικό στοιχείο και έλεγχος πριν τη δημοσίευση. Έτσι εντοπίζουμε έγκαιρα υποσχέσεις χωρίς τεκμηρίωση και σημεία όπου ο χρήστης θα χρειαστεί να εγκαταλείψει τη σελίδα για να αναζητήσει βασική πληροφορία αλλού.

Έλεγχος της συμφωνίας με τη διαφήμιση ή τον σύνδεσμο εισόδου

Η ίδια σελίδα μπορεί να δέχεται ανθρώπους με διαφορετικές προσδοκίες. Ελέγχουμε αν το μήνυμα που προηγείται περιγράφει την ίδια υπηρεσία, τους ίδιους ουσιαστικούς όρους και την ίδια ενέργεια. Αν προαναγγέλλεται ενημέρωση τιμών αλλά η σελίδα προσφέρει μόνο γενική περιγραφή, ο επισκέπτης δικαιολογημένα απογοητεύεται. Η λύση είναι ακριβέστερο μήνυμα ή κατάλληλη σελίδα, όχι πιο έντονο κουμπί.

Η τελική ανασκόπηση γίνεται με μια απλή δοκιμή: δίνουμε σε άνθρωπο που δεν συμμετείχε στον σχεδιασμό την πρώτη οθόνη και ζητούμε να περιγράψει τι προσφέρεται και τι θα συμβεί αν προχωρήσει. Αν απαντήσει διαφορετικά από αυτό που πράγματι ισχύει, η σελίδα χρειάζεται αποσαφήνιση. Επαναλαμβάνουμε τη δοκιμή σε κινητό και με τη φόρμα ανοιχτή. Μικρές ασάφειες στα σημεία αυτά μπορούν να μετατρέψουν μια λειτουργική παρουσίαση σε απογοητευτική εμπειρία, ακόμη κι όταν όλα τα τεχνικά στοιχεία φορτώνουν σωστά.

Πριν από την τελική έγκριση ελέγχουμε και την κατάσταση αποτυχίας. Αν η υποβολή δεν ολοκληρωθεί, ο επισκέπτης πρέπει να γνωρίζει τι συνέβη, τι μπορεί να διορθώσει και αν τα στοιχεία του διατηρήθηκαν. Η εμπειρία δεν τελειώνει στην εμφάνιση του κουμπιού. Περιλαμβάνει επιτυχία, σφάλμα και συνέχιση, με μηνύματα που περιγράφουν την πραγματική λειτουργία.

Πέντε πρακτικά ερωτήματα

Χρειάζεται η σελίδα μεγάλο κείμενο;

Μόνο όσο χρειάζεται για τεκμηριωμένη απόφαση. Οι σύνθετες υπηρεσίες θέλουν περισσότερες διευκρινίσεις από μια απλή ενέργεια εγγραφής.

Πρέπει να αφαιρέσω κάθε σύνδεσμο;

Όχι αναγκαστικά. Κρατάμε όσους βοηθούν την απόφαση ή προσφέρουν απαραίτητες πληροφορίες, χωρίς να διασπούν αδικαιολόγητα την προσοχή.

Πόσα πεδία να έχει μια φόρμα;

Όσα είναι αναγκαία για το συγκεκριμένο αίτημα. Η μείωση δεν έχει νόημα αν αργότερα δεν μπορούμε να εξυπηρετήσουμε σωστά την επικοινωνία.

Τι γράφουμε στο κουμπί;

Μια κατανοητή φράση για την πραγματική ενέργεια, όπως «Ζητώ ενημέρωση». Αποφεύγουμε υποσχέσεις που δεν πραγματοποιούνται αμέσως.

Πότε χρειάζεται επανασχεδιασμός;

Όταν οι επισκέπτες παρερμηνεύουν την πρόταση, η φόρμα δυσκολεύει τη χρήση ή η μετρούμενη ενέργεια δεν αντανακλά ουσιαστική πρόοδο.