Τι πρέπει να γνωρίζετε για έναν επανασχεδιασμό ιστοτόπου ηλεκτρονικού εμπορίου το 2020

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

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

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

Αποφύγετε μεγάλα βίντεο στην αρχική σελίδα

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

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

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

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

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

Μην γεμίζετε την αρχική σας σελίδα με υπερβολικό περιεχόμενο

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

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

Όποτε σχεδιάζετε, ακολουθείτε τον κανόνα του «μία σελίδα, ένας σκοπός". Ο σκοπός αυτής της σελίδας είναι να εισαγάγει ό, τι πουλάτε και να κάνετε τον χρήστη να αναζητήσει αυτά τα προϊόντα.

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

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

Κάντε τα φίλτρα σας εύκολα προσβάσιμα

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

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

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

επανασχεδιασμός ηλεκτρονικού εμπορίου - επιλογές φίλτρου macy
Ο ιστότοπος του Macy φέρνει μερικές επιλογές φίλτρου στη σελίδα ως κουμπιά. Το Burberry κάνει τις κατηγορίες φίλτρων ορατές στη σελίδα.

 

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

Επανασχεδιάστε τις καταχωρίσεις σας για μεγαλύτερες εικόνες

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

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

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

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

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

Εμφάνιση επιλογών προϊόντος ως κουμπιά

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

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

επανασχεδιασμός ηλεκτρονικού εμπορίου - επιλογές μεγέθους nike
Ο John Lewis (αριστερά) έχει χρώματα προϊόντος ως κουμπιά με οπτικές ενδείξεις. Η Nike (δεξιά) εκθέτει όλες τις επιλογές μεγέθους και απενεργοποιεί τα μεγέθη που δεν είναι διαθέσιμα.

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

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

Αφήστε τα κουμπιά κοινής χρήσης

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Οι χρήστες σας πιθανώς κάνουν παρέα σε ένα ή περισσότερα από αυτά κοινωνικά δίκτυα. Άρα πρέπει να τους δώσετε κουμπιά κοινής χρήσης στις σελίδες λεπτομερειών προϊόντος

Πολλοί ιστότοποι ηλεκτρονικού εμπορίου εξακολουθούν να παρουσιάζουν αυτά τα μικρά εικονίδια με την ελπίδα ότι θα ενθαρρύνουν τους ανθρώπους να προωθήσουν τα προϊόντα τους στον Ιστό. Δυστυχώς, είναι σχεδόν σίγουρα χάσιμο χρόνου.

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

Η άνοδος των «επιρροών» επί πληρωμή σημαίνει ότι ο σύγχρονος χρήστης δεν θέλει πλέον να μεταδίδει για επωνυμίες χωρίς κάτι για αυτούς. Περισσότερα άτομα θα είναι πρόθυμα να μοιραστούν ιδιωτικά με έναν φίλο ή μέλος της οικογένειας. Οι σύνδεσμοι που επιτρέπουν την κοινή χρήση μέσω email ή μιας υπηρεσίας ανταλλαγής άμεσων μηνυμάτων όπως το WhatsApp είναι πιθανό να λειτουργούν καλύτερα.

Ενσωματώστε πορτοφόλια πληρωμής

Υπηρεσίες πορτοφολιών πληρωμής όπως PayPal, Το Apple Pay και το Android Pay αυξάνονται. Είναι όλο και πιο κοινό να τα βλέπουμε ως επιλογές στις ροές αγοράς ηλεκτρονικού εμπορίου. Στην πραγματικότητα μπορεί να εξοντώσουν το τυπικό ταμείο και πιθανώς τη χρήση πιστωτικών καρτών και μετρητών εντελώς.

επανασχεδιασμός ηλεκτρονικού εμπορίου - ενοποίηση pay Amazon
Τα Tamara Mellon (αριστερά) έχουν την επιλογή Apple Pay, PayPal και Amazon Pay στο καλάθι και την ολοκλήρωσή τους. Η Gucci προσφέρει τη δυνατότητα να μεταβείτε στο PayPal από την ειδοποίηση "add to bag".

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

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

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

Επιτρέψτε στους χρήστες να συλλέγουν

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

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

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

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

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

Περισσότερες συμβουλές για το ηλεκτρονικό εμπόριο

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

Το βιβλίο ονομάζεται Σχεδιασμός ιστοσελίδων ηλεκτρονικού εμπορίου, είναι διαθέσιμη στο Amazon σε μια ποικιλία μορφών όπως χαρτόδετο και Kindle. Ή μπορείτε να κρατήσετε το ψηφιακή έκδοση PDF στον ιστότοπό μου, που περιλαμβάνει όλες τις εικόνες από το έντυπο βιβλίο. Μπορείτε επίσης να πάρετε 50% έκπτωση την ψηφιακή έκδοση για περιορισμένο χρονικό διάστημα με τον κωδικό προσφοράς PLATFORMS.