4 Βασικοί κανόνες UX που διδάσκονται από Eye-Tracking Research
Οι σχεδιαστές ιστοσελίδων χρησιμοποιούν πολλά εργαλεία για να κάνουν τους ιστότοπους που σχεδιάζουν το καλύτερο δυνατό για τους επισκέπτες του ιστότοπου. ένας από τους καλύτερους τρόπους επίτευξης αυτού είναι η ενσωμάτωση της πραγματικής επιστήμης και της έρευνας στο σχεδιασμό για τη μεγιστοποίηση της ικανοποίησης των χρηστών.
Η έρευνα Eye-tracking παρέχει στους σχεδιαστές ένα σχέδιο για να τους καθοδηγήσει στις προτεραιότητες με τις οποίες οι επισκέπτες της ιστοσελίδας γενικά απορροφούν τις πληροφορίες σε κάθε δεδομένη τοποθεσία.
Η έρευνα για την παρακολούθηση των οφθαλμών μας λέει επίσης μια καλή διαπραγμάτευση σχετικά με τον τρόπο με τον οποίο οι επισκέπτες της ιστοσελίδας διαβάζουν τις ιστοσελίδες. Αυτές οι πληροφορίες μπορούν να χρησιμοποιηθούν από καταλαβαίνους σχεδιαστές ιστοσελίδων για να προσαρμόσουν-κάνουν μια περιοχή για το μέσο άτομο. Όταν οι χρήστες έχουν μεγάλη εμπειρία από την επίσκεψη στον ιστότοπό σας, θα επιστρέψουν και οι πιθανότητες είναι ότι θα μετατραπούν ακόμη και σε κανονικούς επισκέπτες του ιστότοπου. Αυτό έχει επιπτώσεις ανεξάρτητα από το είδος του ιστότοπου που σχεδιάζετε.
Λοιπόν, τι μας λέει αυτή η διορατική έρευνα σχετικά με τον μέσο επισκέπτη του ιστότοπου; Πώς μπορούν οι σχεδιαστές να αξιοποιήσουν αυτές τις πολύ ισχυρές πληροφορίες για να δημιουργήσουν ιστότοπους που δεν είναι τίποτε λιγότερο από εξαιρετικό; Θα εκπλαγείτε από το τι έχει αποκαλύψει η έρευνα.
Σχεδιάστε τα μάτια των επισκεπτών με λαμπερά πρωτοσέλιδα - όχι εικόνες!
Σε αντίθεση με τη δημοφιλή πεποίθηση, είναι στην πραγματικότητα λαμπερό τίτλους που προσελκύουν την προσοχή των επισκεπτών του δικτυακού τόπου και όχι eye-popping εικόνες. Αυτό το εύρημα ισχύει για τις διατάξεις αρχικής σελίδας, ειδικά εάν εργάζεστε στη διάταξη ενός ιστοτόπου ειδήσεων. Αυτό εξηγεί επίσης γιατί τόσες πολλές ιστοσελίδες ειδήσεων χρησιμοποιούν συχνά εντυπωσιακά και συγκλονιστικά πρωταθλήματα, όλα στην προσπάθεια να προσελκύσουν πολύτιμη προσοχή των επισκεπτών.
Σε μια γνωστή μελέτη από λίγα χρόνια πριν, την ονόμασαν Eyetrack III μελέτη, ανακαλύφθηκε ότι οι επισκέπτες του δικτυακού τόπου έχουν την τάση να περιμένουν σε πρωτοσέλιδα, ειδικά αν είναι κυρίαρχοι. Επιπλέον, η συγκεκριμένη τοποθέτηση αυτών των τίτλων στην αρχική σελίδα επηρεάζει την ταχύτητα με την οποία ένας επισκέπτης του ιστότοπου κατοικεί σε αυτά. Τοποθετήστε τους τίτλους σας στο επάνω αριστερό μέρος της αρχικής σελίδας και θα πάρετε περισσότερους επισκέπτες της σελίδας που δίνουν προσοχή στο περιεχόμενό σας από ό, τι εάν τοποθετήσετε τους τίτλους οπουδήποτε αλλού στην αρχική σελίδα.
Έτσι, εάν είστε σχεδιαστής που εργάζεται για έναν ιστότοπο ειδήσεων, κρατήστε αυτό το μυαλό. Το κείμενο προσελκύει το μάτι πιο γρήγορα σε μια οθόνη υπολογιστή απ 'ό, τι μια εικόνα - και πάλι, σε αντίθεση με αυτό που μπορεί κανείς να ονομάσει συμβατική σοφία. Οι σχεδιαστές στο Fox News, Η 173η πιο δημοφιλής περιοχή στον κόσμο και η 36η πιο δημοφιλής στις ΗΠΑ, γνωρίζουν καλά αυτήν την πραγματικότητα. Παρατηρήστε πώς ο κύριος τίτλος στην αρχική του σελίδα βρίσκεται ακριβώς στο επάνω αριστερό τμήμα της σελίδας, αισθητά εκτός κέντρου.
Σχεδιάστε τον ιστότοπό σας σε σχήμα σχήματος F
Πριν από μερικά χρόνια, υπήρξε μια πολύ αποκαλυπτική μελέτη διαδικτυακών χρηστών που τέθηκε από τον Όμιλο Nielsen Norman. ο μελέτη διαπίστωσε ότι οι καθημερινοί επισκέπτες του ιστότοπου διαβάζουν συνήθως μια δεδομένη ιστοσελίδα σε ένα λεγόμενο μοτίβο σχήματος F.
Στην ουσία, οι επισκέπτες του ιστότοπου συνήθως απορροφούν τις πληροφορίες μιας ιστοσελίδας με μια αρχική οριζόντια κίνηση, πάνω από το πάνω μέρος της σελίδας. Αυτό αναφέρεται ως η κορυφαία μπάρα του ΣΤ. Στη συνέχεια, οι επισκέπτες συνήθως μετακινούν τα μάτια τους στη σελίδα λίγο πριν διαβαστούν απέναντι σε ένα άλλο οριζόντιο κίνημα που είναι μικρότερο από το αρχικό. Αυτό αντιπροσωπεύει τη δεύτερη και συντομότερη ράβδο στο F. Τέλος, εξετάζουν το περιεχόμενο της σελίδας στην αριστερή πλευρά με κατακόρυφο τρόπο, σχηματίζοντας έτσι το στέλεχος του F.
Γνωρίζοντας αυτό το συνεχές πρότυπο ανάγνωσης του μέσου χρήστη του διαδικτύου, θα πρέπει να σας παρακινήσει να σχεδιάσετε έναν ιστότοπο που να είναι προσανατολισμένος στον τρόπο με τον οποίο οι επισκέπτες διαβάζουν περιεχόμενο ιστού. Με αυτόν τον τρόπο θα βελτιωθεί η εμπειρία των χρηστών τους και θα σας δώσουν περισσότερους πιστούς επισκέπτες της τοποθεσίας.
Ορισμένες ιστοσελίδες έχουν ήδη θέσει αυτή την έρευνα σε ορθή πρακτική. Παιχνίδια φάντασμα είναι ένα από τα νέα στούντιο της EA στη δυτική ακτή της Σουηδίας. Σημειώστε πως η αρχική της σελίδα μιμείται τέλεια το σχέδιο σχήματος F. Αυτό βελτιώνει την εμπειρία του χρήστη και διευκολύνει την πλοήγηση, ειδικά αφού το στέλεχος του F στο μοτίβο συνδέεται με πληροφορίες σχετικά με τον ιστότοπο του στούντιο.
Μην χάσετε χρόνο με τις διαφημίσεις - οι επισκέπτες της ιστοσελίδας σας σίγουρα δεν θα!
Πολλοί άνθρωποι βρίσκουν ενοχλητικές διαφημίσεις προβολής, πράγμα που εξηγεί γιατί πολλοί επισκέπτες του ιστότοπου απλώς τους αγνοούν και αντ 'αυτού επικεντρώνονται στο χρήσιμο περιεχόμενο μιας ιστοσελίδας. Ο συνεταιριστικός και τεχνικός όρος για αυτό είναι η τύφλωση banner. Αλλο μελέτη από τον Όμιλο Nielsen Norman έδειξε ότι οι περισσότεροι χρήστες του διαδικτύου απλώς δεν σταθεροποιούν τις διαφημίσεις όταν απορροφούν περιεχόμενο ιστού.
Γνωρίζετε ότι είναι απλά χάσιμο χρόνου αν σχεδιάζετε έναν ιστότοπο που βασίζεται κυρίως σε διαφημίσεις προβολής για να δημιουργήσει χρήματα. Υπό το πρίσμα της μελέτης, θα πρέπει να επανεκτιμήσετε τους βασικούς σας τρόπους να κερδίζετε χρήματα στον ιστότοπό σας. Καταργήστε τις διαφημίσεις και μεταβείτε σε ένα μοντέλο που βασίζεται στη συνδρομή και χρεώνει τους επισκέπτες της ιστοσελίδας με μια συνδρομή μέλους. Ορισμένοι ιστότοποι εφαρμόζουν ήδη αυτήν τη στρατηγική, αναγνωρίζοντας την αδυναμία των διαφημίσεων προβολής.
Ένα καλό παράδειγμα αυτού είναι Club Penguin, που είναι ένα MMO (μαζικά multiplayer online παιχνίδι) που ανήκει στην Disney. Ο ιστότοπος είναι απολύτως απαλλαγμένος από οποιεσδήποτε ενοχλητικές διαφημίσεις προβολής, γι 'αυτό και οι επισκέπτες ενθαρρύνονται να αγοράσουν μέλη για να παίξουν το παιχνίδι.
Αποφύγετε φανταχτερά λόγια και μορφοποίηση
Και πάλι, ο μινιμαλισμός κυβερνά την ημέρα, ειδικά εάν θέλετε οι επισκέπτες του ιστότοπου που μπορούν να βρουν αποτελεσματικά τις πληροφορίες στον ιστότοπό σας. Σύμφωνα με την αμερικανική υπηρεσία υγιεινής και χρηστικότητας των υπηρεσιών των ανθρώπων blog, το πιο περίεργο (διαβάστε: πολύπλοκο) τη μορφοποίηση μιας ιστοσελίδας και οι λέξεις είναι, τόσο περισσότεροι επισκέπτες της ιστοσελίδας θα μπερδευτούν και αποτύχουν βασικές δοκιμές πλοήγησης. Το blog αναφέρεται σε μια μελέτη Nielsen πριν από μερικά χρόνια που ζήτησε από τα θέματα δοκιμής να βρουν ένα βασικό κομμάτι πληροφοριών από την ιστοσελίδα του Bureau of US Census Bureau. Οι περισσότεροι απέτυχαν θεαματικά το τεστ.
Οι συμμετέχοντες κλήθηκαν να βρουν τον τότε πληθυσμό των ΗΠΑ, ο οποίος βρέθηκε στην αρχική σελίδα του Γραφείου Απογραφής. Εντυπωσιακά, μόνο ένα αξιολύπητο 14 τοις εκατό των συμμετεχόντων μπόρεσε να εντοπίσει αυτές τις πληροφορίες στη σελίδα, παρόλο που κυριολεκτικά τις κοίταζε με τεράστια κόκκινα γράμματα στη δεξιά πλευρά της σελίδας. Υπήρχε υποψία ότι αυτό το άσχημα χαμηλό ποσοστό επιτυχίας οφειλόταν στην παρουσία των πληροφοριών στη δεξιά πλευρά της σελίδας, σε άμεση παραβίαση της μορφής ανάγνωσης σε σχήμα F τόσο καλά εδραιωμένη.
Ωστόσο, η περαιτέρω εξέταση αποκάλυψε ότι η μεγάλη πλειοψηφία των συμμετεχόντων στη μελέτη απλώς αγνόησε τις πληροφορίες παρόλο που ήταν σε μεγάλη, κόκκινη και δεν ήταν εύκολη να χάσει την εμφάνισή της. Το αγνόησαν επειδή η φανταχτερή μορφοποίηση και η παρουσίασή τους έμοιαζαν με μια προβολή ή διαφήμιση κάποιου είδους! Δεδομένου ότι πολλοί χρήστες του διαδικτύου δεν δίνουν προσοχή στην προβολή των διαφημίσεων, το συμπέρασμα αυτό δεν θα πρέπει να αποτελεί έκπληξη για κανέναν με γνώμονα αυτό που γνωρίζουμε.
Αυτή η μελέτη Nielsen ήταν πριν από 6 χρόνια, οπότε θα ήταν ενδιαφέρον να δούμε αν η ομοσπονδιακή κυβέρνηση των ΗΠΑ μάθει κάτι εκείνη την εποχή και βελτίωσε την αρχική της σελίδα για χρηστικότητα! Μιλάμε για την ομοσπονδιακή κυβέρνηση εδώ, επομένως η αποτελεσματικότητα δεν είναι η δύναμή της. Ωστόσο, κοιτάζοντας την τρέχουσα τοποθεσία απογραφής, βλέπουμε ότι έχει κάνει τουλάχιστον μια σημαντική αλλαγή σε ότι ο αριθμός του πληθυσμού δεν μοιάζει με μια προφανής προώθηση πλέον με φανταχτερό μορφοποίηση. Ωστόσο, ο αριθμός του πληθυσμού έχει μετακινηθεί μέχρι το κάτω αριστερό μέρος της αρχικής σελίδας, αναγκάζοντας τους επισκέπτες της τοποθεσίας να μετακινηθούν προς τα κάτω στο κάτω μέρος για να το δουν. Αυτό δεν είναι ούτε μια καλή εναλλακτική λύση!
Κατανοήστε την παρακολούθηση των ματιών, κατανοήστε τον αποτελεσματικό σχεδιασμό ιστοσελίδων
Οι μελέτες παρακολούθησης οφθαλμών υπάρχουν για έναν λόγο: Καταρτίζουν ουσιαστικά ένα σχέδιο για το τι οι χρήστες του ιστού τους αρέσει και δεν τους αρέσει σε κανένα δεδομένο ιστότοπο, με βάση τη συμπεριφορά τους. Οι σχεδιαστές ιστοσελίδων που αγνοούν αυτή την άφθονη έρευνα το κάνουν με δική τους απειλή. Γιατί δεν θα θέλατε να σχεδιάσετε έναν ιστότοπο που οι επισκέπτες σας βρίσκουν εύκολο να περιηγηθείτε; Κάντε έξυπνη χρήση αυτής της έρευνας και οι χρήστες του διαδικτύου θα βρουν τον ιστότοπό σας εξαιρετικά ευχάριστο για να πλοηγηθεί ... που θα οδηγήσει μόνο σε περισσότερους επισκέπτες και μεγαλύτερη δημοτικότητα.
Να θυμάστε ότι σε κάθε δεδομένη τοποθεσία, πάντα οι τίτλοι που τραβούν τα μάτια του χρήστη και, συνεπώς, την προσοχή τους, όχι εικόνες. Πάντα να έχετε κατά νου το περίφημο μοτίβο σχήματος F που αντιπροσωπεύει το γενικό πρότυπο προβολής πολλών επισκεπτών του ιστότοπου. Θα σας φάνηκε καλό να σχεδιάσετε τουλάχιστον μια διάταξη αρχικής σελίδας που μιμείται αυτό το σχέδιο από κάποια άποψη.
Τέλος, απενεργοποιήστε τις διαφημίσεις προβολής. Όχι μόνο φαίνονται κακοί, αλλά πολλοί επισκέπτες του ιστότοπου δεν τους πληρώνουν ούτε το μυαλό και τους αγνοούν εντελώς. Εξερευνήστε άλλους τρόπους για να λάβετε έσοδα για τον ιστότοπό σας, ίσως μέσω συνδρομών μελών και άλλων προσεγγίσεων. Και ό, τι κι αν κάνετε, μην κάνετε το χρήσιμο περιεχόμενο ιστού να μοιάζει με προώθηση ή διαφήμιση, επειδή οι επισκέπτες του ιστότοπου τείνουν να το αγνοούν. Κρατήστε όλα αυτά υπόψη, και θα σχεδιάσετε έναν ιστότοπο σε αρμονία με τη συμπεριφορά των επισκεπτών σας.
Σχεδιάζετε το μοτίβο 'F'; Τι άλλες συμβουλές χρηστικότητας θα μοιραστείτε; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα των ματιών μέσω Shutterstock.