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

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

Τι καθορίζει γραμμικό περιεχόμενο; Διαβάζετε κάποια τώρα: τα άρθρα είναι παρόμοια με τα ρεύματα σκέψης που παρουσιάζονται με κάποια σειρά. Η γραπτή λέξη δεν είναι μόνη. Παρόλο που οι χρήστες μπορούν να μεταπηδήσουν πέρα ​​δώθε σε βίντεο και αρχεία ήχου, αυτά τα μέσα περιορίζουν το κοινό τους σε ένα χρονοδιάγραμμα.

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

Πώς λειτουργεί;

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

Οι χρήστες θα έχουν πάντα την επιλογή να φύγουν. Μπορούν να κάνουν κλικ στους σελιδοδείκτες ή στο κουμπί επιστροφής του προγράμματος περιήγησης ή να χρησιμοποιούν το πεδίο αναζήτησης του προγράμματος περιήγησης. Ή κάντε κλικ σε εκείνο το σύνδεσμο σε αυτό το βίντεο αστεία γάτα φίλος τους μόνο IM'd. Ίσως κλείσουν το παράθυρο του προγράμματος περιήγησης. Το να πειστούν οι χρήστες να κολλήσουν σε ένα κομμάτι απαιτεί ασυνήθιστη σκέψη.

Η εστίαση των χρηστών είναι ένα πρόβλημα. Η γραμμική παρουσίαση είναι μια λύση.

Χρησιμοποιήστε έναν ιστότοπο μιας σελίδας

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

Content structure

Έλεγχος εμπειρίας

  • Σε έναν ιστότοπο πολλαπλών σελίδων, οι χρήστες ελέγχουν ποιες σελίδες επισκέπτονται.
  • Σε έναν ιστοτόπο μιας σελίδας, οι σχεδιαστές ασκούν περισσότερο έλεγχο στον τρόπο προβολής του περιεχομένου από τους χρήστες.

Βελτιστοποίηση μηχανών αναζήτησης

Οφέλη απόδοσης

  • Οι τοποθεσίες πολλών σελίδων φορτώνουν περιεχόμενο κατόπιν αιτήματος (καθώς οι χρήστες κάνουν κλικ σε κάθε σελίδα).
  • Οι τοποθεσίες μιας σελίδας έχουν ελάχιστη καθυστέρηση μεταξύ των τμημάτων (μία σελίδα, ένα φορτίο).

Επιβαρυντικές επιδόσεις

  • Πολλαπλή σελίδα: οι χρήστες πρέπει να περιμένουν να φορτωθεί κάθε σελίδα.
  • Μονο-σελίδα: μπορεί να φορτώνει περιεχόμενο που δεν ενδιαφέρει τους χρήστες.

Καλύτερο για ιστότοπους

  • Τοποθεσίες πολλών σελίδων που θα προσθέτουν περιεχόμενο με την πάροδο του χρόνου.
  • Τοποθεσίες μιας σελίδας που πρέπει να ανταγωνίζονται για την προσοχή των χρηστών ή να έχουν ένα συνοπτικό μήνυμα.

Καλύτερο για τους χρήστες

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

Διατηρήστε ξεχωριστά τμήματα

Όπως και οι εκτελέσιμες προτάσεις, οι μεγάλες σελίδες μπορούν να συντρίψουν και να συγχέουν τους χρήστες. Μια μακρά πορεία σκέψης είναι δύσκολο να απορροφηθεί. Το να σπάσει μια μακρά σελίδα σε ξεχωριστές ενότητες, το καθένα με τη δική του κεφαλίδα και υποσέλιδο, επιτρέπει στους ανθρώπους να "hop" από σκέψη σε σκέψη.

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

Above the fold

Χρησιμοποιήστε την πλοήγηση στη σελίδα

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

Αφαιρέστε τις περισπασμούς

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

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

Θήκες κατάλληλες για μια γραμμική εμπειρία ιστού

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

Η γρήγορη πίσσα πωλήσεων

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

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

Ερευνες

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

Ηλεκτρονικά δελτία ηλεκτρονικού ταχυδρομείου

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

Περιγράψτε μια διαδικασία

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

BBC Ocean Depths

ο Βαθιά Θάλασσας του BBC ενθαρρύνει τους χρήστες να μετακινηθούν προς τα κάτω στα βαθύτερα σημεία της Γης.

Living with nest

Ζώντας με την Nest παίρνει τους ανθρώπους μέσα από ένα χρόνο χρήσης του θερμοστάτη Nest καθώς μετακινούνται προς τα κάτω.

Evolution of the web

Εξέλιξη του Ιστού επίσης περιστρέφεται για να ακολουθήσει το χρόνο, αλλά κινείται οριζόντια και όχι κάθετα.

Experimental web comics

Πειραματικά διαδικτυακά κόμικς από τον Scott McCloud μετατρέψτε τα παράθυρα του προγράμματος περιήγησης των χρηστών σε έναν τρέχοντα κόμικ.

The dangers of fracking

Κίνδυνοι από τη Fracking ακολουθεί μια σταγόνα νερού, χρησιμοποιώντας κάθετη κύλιση για να ενεργοποιήσει τα γεγονότα κατά μήκος της διαδρομής.

Ignition creative

Δημιουργία ανάφλεξης χρησιμοποιεί την κύλιση ως εργαλείο για να οργανώσει τμήματα της μοναδικής υπερπαρατάξεως.

Είναι η γραμμική εμπειρία χρήστη το σωστό εργαλείο για την εργασία σας;

Οι γραμμικές εμπειρίες, μονής σελίδας ή με άλλο τρόπο, δεν είναι ιδανικές για κάθε έργο. Εάν η βαθμολογία με τις μηχανές αναζήτησης είναι προτεραιότητα, θυμηθείτε αυτό Η Google αρέσει στους εσωτερικούς συνδέσμους . Λένε επίσης " Κάντε σελίδες πρωτίστως για χρήστες, όχι για μηχανές αναζήτησης . "Ωστόσο, οι ιστότοποι με απλούς σχεδιαστές δύναμης παρουσίασης και συντάκτες για να καθαρίζουν το περιεχόμενό τους χωρίς εξωτερικό υλικό. Περιοριστικές παράμετροι μπορούν να οδηγήσουν σε καινοτόμες λύσεις.

Στο τέλος έχουν πάντα την εξουσία να φύγουν, γεγονός που κάνει τους χρήστες να ακολουθούν μια πορεία, προκλητική σε οποιοδήποτε web project.