Το UX Design 10 Things Travel Sites μπορεί να σας διδάξει

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

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

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

Η διαφορά μεταξύ UI και UX

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

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

Η χρηστικότητα είναι μια πτυχή μιας πιο περίπλοκης έννοιας που ονομάζεται εμπειρία χρήστη (UX). Εμπειρία χρήστη περιλαμβάνει όλα όσα επηρεάζουν την εμπειρία του χρήστη - είτε αρνητικά είτε θετικά. Ένα καλό UX ικανοποιεί κάθε ανάγκη των υποψήφιων πελατών - καλή χρηστικότητα και πολλά άλλα πράγματα.

Σύμφωνα με την ερευνητική εταιρεία χρήστη Nielsen-Norman Group:

1. Δώστε στους χρήστες μια θέση για να ξεκινήσετε

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

Επομένως πρέπει να προσφέρουν ένα ενδιαφέρον περιεχόμενο και διάταξη στην αρχική σελίδα αν θέλετε να κρατήσετε τους επισκέπτες σας στον ιστότοπό σας.

Η αρχική σελίδα της Booking.com αποδεικνύει ότι κατανοεί καλά τις ανάγκες των πελατών της. Απλά σκέψου το. Τι θέλετε να κάνετε σε έναν ταξιδιωτικό ιστότοπο; Ξέρετε είτε θέλετε να πάτε και θέλετε να αναζητήσετε τις δυνατότητες όσο πιο γρήγορα μπορείτε, ή δεν είστε σίγουροι για τη θέση του ταξιδιού σας και χρειάζεστε έμπνευση.

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

Ο υπόλοιπος χώρος στην οθόνη πάνω από την πτυχή δίνει μεγάλη έμπνευση για τους λιγότερο αποφασισμένους: τρεις μεγάλες εικόνες από δημοφιλείς τοποθεσίες (Αμπού Ντάμπι, Νέα Υόρκη και Ντουμπάι) παρέχουν προτάσεις, μια ροή AJAX για το “Απλά Κρατήσεις” τα ταξίδια δείχνουν σε τι τρέχουν οι υπόλοιποι χρήστες και υπάρχει ακόμη και ένα μικρό τμήμα που εξασφαλίζει στους υποψήφιους πελάτες την πολιτική δωρεάν ακύρωσης.

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

2. Κάντε την πλοήγησή σας προφανή

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

Η πλοήγηση του TimeOut.com είναι σαν μια έξυπνη οικοδέσποινα: δίνει στους επισκέπτες πολύτιμη βοήθεια όταν το χρειάζονται, αλλά δεν τους ενοχλεί. Εάν ρίξετε μια ματιά στην παρακάτω εικόνα, μπορείτε να δείτε ότι το σύστημα πλοήγησης έχει τέσσερα διαφορετικά στοιχεία: μια τεράστια, εύκολα αναγνωρίσιμη γραμμή αναζήτησης, ένα κεντρικό μενού με σαφώς καθορισμένα στοιχεία (City Guides, Κινηματογράφος, Μουσική, Τέχνες & Πολιτισμός, Food & Drink, Σχετικά με μας, Time Out Shop), ένα καλά σχεδιασμένο bar breadcrumbs, λίστα των δημοφιλέστερων πόλεων.

Το TimeOut σχεδίασε το σύστημα πλοήγησής του με έναν τόσο διαισθητικό τρόπο, ο οποίος δίνει στους επισκέπτες περαιτέρω κίνητρα για να εξερευνήσετε το site. Η μικρή μικρογραφία ακριβώς δίπλα σε κάθε στοιχείο της πλευρικής εργαλειοθήκης δίνει ένα οπτικό κλειδί, τη σύντομη περιγραφή κάτω από την επικεφαλίδα του Food & Drink εξασφαλίζει στους επισκέπτες ότι βρίσκονται στο σωστό σημείο, οι breadcrumbs το καθιστούν εξαιρετικά εύκολο να προχωρήσουμε και η κορυφαία γραμμή αναζήτησης βοηθά τους χρήστες να μεταβούν στην επόμενη τοποθεσία αν βαρεθούν με την τρέχουσα.

Κάθε στοιχείο υποστηρίζει τα άλλα - ένα ξεκάθαρο σημάδι εξαιρετικής σχεδίασης UX.

3. Χρησιμοποιήστε εικόνες υψηλής ανάλυσης

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

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

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

Η πίεση από τους συμμαθητές είναι τελικά ένα από τα ισχυρότερα κίνητρα. Το TripAdvisor επίσης διατηρεί το οπτικό του περιεχόμενο φρέσκο προσθέτοντας φωτογραφίες υψηλής απόδοσης που έχουν τραβηχτεί από τους χρήστες.

4. Κρατήστε το απλό

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

“Κρατήστε το απλό” είναι η αρχή του UX που η Lonely Planet φαινόταν να ακολουθεί στην αρχική της σελίδα. ο πιο σημαντικά θέματα ότι οι ίντριγκες τους είναι οι χρήστες τους τοποθετημένα σε ένα καθαρό πλέγμα ελκυστικών μικρογραφιών υποστηριζόμενο από τίτλους με ένα ή δύο λέξεις.

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

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

5. Χρησιμοποιήστε τα ρήματα δράσης

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

Το δημοφιλές κοινωνικό δίκτυο κατανομής καταλυμάτων, το AirBnB τα χρησιμοποιεί παντού στην περιοχή του. Ανήκω οπουδήποτε, Ενοίκιο, Λίστα τον χώρο σας, Ανακαλύπτω θέσεις, Εξερευνώ ο κόσμος, Βλέπω όπου ταξιδεύουν οι άνθρωποι, Μερίδιο την εμπειρία σας, κλπ.

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

Μετά από όλα τι θυμάσαι περισσότερο; Κάτι που κάνατε μόνος σας ή κάτι που μόλις διαβάσατε σε ένα βιβλίο; Βλέπω? Η αλληλεπίδραση σας εμπλέκει επίσης. Επομένως, αν θέλετε να αυξήσετε την εμπειρία των χρηστών του δικτυακού σας τόπου, μη διστάσετε να χρησιμοποιήσετε τα ρητά της δράσης όπου είναι κατάλληλα.

6. Βελτιώστε τις φόρμες σας

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

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

Οι καρτέλες περιέχουν πέντε διαφορετικές φόρμες αναζήτησης που σχετίζονται με τις πέντε περιοχές (Ξενοδοχεία, Πτήσεις, Αυτοκίνητα, Πακέτα Διακοπών, Κρουαζιέρες) η εταιρεία ασχολείται με.

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

7. Κάντε επιπτώσεις με προσωπικές ιστορίες

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

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

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

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

8. Συμπεριλάβετε σχετικά προϊόντα

Σχετικά, συνιστώμενα και δημοφιλή widget προϊόντων που χρησιμοποιούνται από όλους τους μεγάλους παίκτες ηλεκτρονικού εμπορίου, έτσι δεν είναι μεγάλη έκπληξη ότι τα ταξιδιωτικά sites λαμβάνουν επίσης τη μόχλευση τους.

Το HotelTravel.Com επιλύει το έργο με πολύ δύσκολο και αποτελεσματικό τρόπο. Η μηχανή σύστασης παίρνει τη θέση που αναζητά ο επισκέπτης - στην περίπτωσή μας είναι το Χονγκ Κονγκ - και δείχνει μερικά ακόμα επιλογές ξενοδοχείου που συνιστώνται από άλλους χρήστες. Τα σχετικά ξενοδοχεία είναι επίσης τα συνιστώμενα, μια λύση 2 σε 1 η οποία είναι πάντα μια καλή ιδέα.

Οι σχεδιαστές του HotelTravel.Com έκαναν ένα ακόμη βήμα περαιτέρω και τοποθέτησαν το σχετικών προϊόντων σε ένα εύχρηστο ακορντεόν που επιτρέπει στο χρήστη να συστάσεις της ομάδας σύμφωνα με τέσσερα διαφορετικά κριτήρια (Best Value, Best Service, Best Room Standard, Best Location).

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

9. Συζητήστε για τα οφέλη

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

Στην αρχική σελίδα της Booking.com μπορούμε να δούμε μια έξυπνη αξιοποίηση αυτής της αρχής σχεδιασμού του UX. Στη δεξιά πλευρά της οθόνης μπορείτε να δείτε το “Γιατί να χρησιμοποιήσετε τη Booking.com?” τμήμα που περιλαμβάνει έξι οφέλη οι οποίες είναι όλες σύμφωνες με τις τιμές του μέσου ταξιδιώτη (χαμηλή τιμή, εύρος επιλογών του σκάφους, ευκολία χρήσης της διασύνδεσης, κατοικημένο σύστημα αναθεώρησης, ποιότητα εξυπηρέτησης πελατών και διαθεσιμότητα 24 ώρες το 24ωρο).

Φυσικά αυτές οι αξίες σχεδιάζονται σε περισσότερα ενεργώντας τρόπος και έλα με συνδέσμους όπου οι υποψήφιοι πελάτες μπορούν να προχωρήσουν. ο “Γιατί να χρησιμοποιήσετε τη Booking.com” widget είναι στην πραγματικότητα η βελτιωμένη έκδοση του κανονικού “Χαρακτηριστικά” Ενότητα ενός μέσου ιστότοπου μικρών επιχειρήσεων, αλλά περιλαμβάνει πολλά υποστηρικτικά στοιχεία.

ο τα πολύχρωμα εικονίδια, τους επισημασμένους συνδέσμους και τα συγκεκριμένα δεδομένα (όπως “701,118 ιδιότητες σε όλο τον κόσμο”) όλα κάνουν τους χρήστες να πιστεύουν ότι είναι σε έναν επαγγελματικό ιστότοπο στον οποίο μπορούν να εμπιστευτούν. ο βιτρίνα δημοφιλών τοποθεσιών από το Σύδνεϋ προς το Δουβλίνο στην αριστερή πλευρά και το μικρό γραφικό στοιχείο του τρίτου μέρους του ReviewCentre υποστηρίζουν την εμπειρία και την οικοδόμηση εμπιστοσύνης.

10. Παροχή κοινωνικής απόδειξης

Όταν οι άνθρωποι μιλάνε για κοινωνική απόδειξη, συνήθως σημαίνει widgets για κοινωνικά μέσα όπως το Facebook Likebox, το οποίο είναι επίσης ένα μεγάλο στοιχείο του καλά σχεδιασμένου UX, αλλά η αρχική σελίδα του TripAdvisor αποτελεί ένα εξαιρετικό παράδειγμα πώς λειτουργούν άλλες μορφές κοινωνικής απόδειξης.

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

Σχετικά με το ενδιαφέρον του TripAdvisor το κοινωνικό περιεχόμενο ενσωματώνεται σε μια εύχρηστη πλοήγηση καρτελών με τρία τμήματα: Κριτικές Ξενοδοχείων, Φωτογραφίες από χρήστες και Φόρουμ. Ο τίτλος του widget είναι “Για ποιους ταξιδεύουν οι ταξιδιώτες” το οποίο είναι λιγότερο έντονη από τον μέσο υπότιτλο σε εμπορικούς χώρους. συνεπώς, συλλαμβάνει το μάτι του επισκέπτη αμέσως.

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