Για χρόνια, η συμβουλή ήταν κατηγορηματική: βάλτε ό,τι σημαντικό πάνω από τη γραμμή αναδίπλωσης, εκεί που κόβεται η σελίδα όταν φορτώνει, πριν κανείς κυλήσει. Αυτή η νοητή γραμμή αντιμετωπίστηκε ως τείχος. Ό,τι βρισκόταν κάτω από αυτή μπορούσε να μην υπάρχει. Η πεποίθηση αυτή γεννήθηκε στο πρώιμο web, όταν το κύλισμα ήταν πραγματικά ασυνήθιστο. Επέζησε πολύ περισσότερο από ό,τι έπρεπε.
Τα δεδομένα σήμερα είναι ξεκάθαρα. Μια έρευνα του Nielsen Norman Group το 2018, που ανέλυσε πάνω από 130.000 στοχεύσεις βλέμματος από 120 συμμετέχοντες, διαπίστωσε ότι οι χρήστες αφιερώνουν το 57% του χρόνου προβολής τους πάνω από τη γραμμή αναδίπλωσης, μειωμένο από 80% σε προγενέστερη έρευνα του 2010. Η μείωση είναι σημαντική: το κύλισμα έχει γίνει συνήθεια. Ξεχωριστή ανάλυση της Chartbeat, βασισμένη σε δεδομένα από πάνω από δύο δισεκατομμύρια επισκέψεις, διαπίστωσε ότι το 66% των επισκέψεων περιελάμβανε κύλισμα κάτω από τη γραμμή. Οι χρήστες κυλούν. Όποιος σχεδιάζει σαν να μην υπάρχει κύλισμα, χτίζει για έναν web που δεν υπάρχει πλέον.
Εδώ όμως βρίσκεται η λεπτή διαφορά που συχνά παραλείπεται: η προσοχή εξακολουθεί να συγκεντρώνεται κοντά στην κορυφή, και η κλίση είναι απότομη. Η ίδια έρευνα έδειξε ότι το 74% του χρόνου προβολής εντοπίζεται στις δύο πρώτες οθόνες, και το 81% στις τρεις πρώτες. Περιεχόμενο 100 εικονοστοιχεία πάνω από τη γραμμή αναδίπλωσης λαμβάνει 102% περισσότερες προβολές από περιεχόμενο 100 εικονοστοιχεία κάτω από αυτή. Δεδομένα τοποθέτησης διαφημίσεων της Google δείχνουν ότι διαφημίσεις ακριβώς πάνω από τη γραμμή πετυχαίνουν ορατότητα 73%, ενώ αυτές ακριβώς κάτω μόλις 44%, διαφορά σχεδόν δύο προς ένα, εξαιτίας λίγων εικονοστοιχείων.
Η έρευνα του Nielsen Norman Group περιγράφει τον πραγματικό μηχανισμό ξεκάθαρα: οι χρήστες κυλούν όταν κινητοποιούνται από αυτό που βλέπουν. Το περιεχόμενο πάνω από τη γραμμή αναδίπλωσης δεν είναι δοχείο. Είναι πρόσκληση. Αν είναι ελκυστικό, ο επισκέπτης συνεχίζει. Αν είναι ασαφές, ακατάστατο, ή αποτυγχάνει να απαντήσει στο ερώτημα «γιατί να μείνω;», φεύγει. Ιδιαίτερα επικίνδυνο είναι το λεγόμενο «ψεύτικο πάτωμα»: ένας σχεδιασμός που φαίνεται ολοκληρωμένος με την πρώτη ματιά, χωρίς κανένα οπτικό σήμα ότι η σελίδα συνεχίζεται. Ο επισκέπτης θεωρεί ότι τέλειωσε.
Η λάθος απάντηση σε αυτή την έρευνα είναι να στριμώξεις τα πάντα στην πρώτη οθόνη. Ένα hero section γεμάτο πέντε επικεφαλίδες, bullets, δύο κουμπιά δράσης και ένα grid χαρακτηριστικών δεν λύνει το πρόβλημα. Δημιουργεί άλλο. Οπτικό ανταγωνισμό. Το μάτι δεν ξέρει πού να σταθεί. Τίποτα δεν αποκτά προτεραιότητα. Μια σελίδα που δεν μπορεί να επικοινωνήσει τη μία σημαντικότερη ιδέα της στην πρώτη οθόνη, δεν θα την επικοινωνήσει ποτέ, ανεξαρτήτως πόσες λέξεις περιέχει.
Δεν σχεδιάζουμε για τη γραμμή αναδίπλωσης. Σχεδιάζουμε για την πρόσκληση.
Πάνω από αυτή τη γραμμή, τοποθετούμε μία σαφή επικεφαλίδα, μία υποστηρικτική πρόταση και μία ενέργεια. Ο σχεδιασμός δημιουργεί χώρο αναπνοής, λευκό χώρο που εστιάζει το βλέμμα αντί να το κατανέμει. Ένα οπτικό σήμα στο κάτω μέρος της οθόνης, ένα στοιχείο που φαίνεται εν μέρει, υποδηλώνει ότι η σελίδα συνεχίζεται. Κάτω από τη γραμμή, η σελίδα βαθαίνει: στοιχεία, πλαίσιο, λεπτομέρειες. Η κορυφή κάνει έναν ισχυρισμό. Ό,τι ακολουθεί τον τεκμηριώνει.
Το κύλισμα δεν είναι πρόβλημα που λύνεται. Είναι ανταμοιβή που η σελίδα πρέπει να κερδίσει.