Σχεδιασμός για όλες τις συσκευές! Anna dahlström θα μιλήσει για τη σημασία του Συσκευές οικοδόμησης-agnostic UX στο Δημιουργία Λονδίνου , 21-23 Σεπτεμβρίου. Θα περπατήσει μέσα από το γιατί η συσκευή-αγνωστικός σχεδιασμός έχει σημασία, τι σημαίνει και πώς το κάνουμε γι 'αυτό. κάνετε κράτηση τώρα !
Άρχισα να μπερδεύομαι με αρχεία καταγραφής http και χορδές πράκτορα χρήστη πριν από 15 χρόνια, αναλύοντας και προσπαθώντας να κατανοήσουμε όλες τις διαφορετικές συσκευές που κουνιστούν στις πρώτες ιστοσελίδες του John Lewis Ecomommerce. Τι συμβουλές θα δώσω τον εαυτό μου, αν θα μπορούσα να επιστρέψω εγκαίρως;
Θα ήταν αυτό: κάθε ιστοσελίδα ή προϊόν που εργάζεστε από τώρα και στο εξής θα σπάσει - απλά δεν ξέρετε πού, σε ποια συσκευή ή πρόγραμμα περιήγησης ή πόσο σοβαρά. Εάν κυνηγήσετε αυτά τα ελαττώματα κάτω, θα κάνετε ευκολότερα χρήματα για τους πελάτες σας παρά σχεδόν όλη την άλλη εργασία σας μαζί.
Με πήρε 15 χρόνια για να συνειδητοποιήσετε ότι παρά την τάση των πελατών να διαμαρτυρηθούν γρήγορα, η συντριπτική πλειοψηφία δεν θα αναφέρει σφάλματα στις εμπειρίες της συσκευής σας. Εάν λάβετε ένα μικρό αριθμό καταγγελιών, πιθανότατα έχετε μια μεγάλη καταστροφή στα χέρια σας. Εάν δεν πάρετε καταγγελίες, είναι πιθανό να σπάσει.
Δεν μπορούμε να βασιζόμαστε στους επισκέπτες της ιστοσελίδας να είναι ο «καναρίνι μας στο ανθρακωρυχείο» για προβλήματα συσκευών και προγράμματος περιήγησης - πρέπει να αναλάβουμε την ευθύνη και να γίνουμε πιο έξυπνοι και πιο ενεργοί στο πώς δοκιμάζουμε. Η συμβατότητα της συσκευής είναι ένα δικαίωμα όχι ένα προνόμιο και το λάθος είναι μια μορφή παραμελημένων διακρίσεων.
Αυτό το άρθρο περιγράφει τους βασικούς κανόνες που να θυμούνται για βελτιστοποίηση διασταυρούμενων συσκευών και δοκιμή A / B. Αντιμετωπίστε πρώτα τις συμβουλές βελτιστοποίησης. Εάν κάνετε βασικά λάθη με συμβατότητα συσκευής, απόδοση και χρηστικότητα, δεν υπάρχει σημείο να ενοχλεί με δοκιμή A / B. Βρείτε και διορθώστε πρώτα τα σπασμένα πράγματα. Στη συνέχεια, όταν έχετε αρκετή επισκεψιμότητα για να εκτελέσετε δοκιμές A / B (τουλάχιστον 500 μετατροπές ή checkouts το μήνα) - μπορείτε να κάνετε κάποια νέα λάθη.
Κάποτε έχτισα ένα μικροσκοπικό κινητό ιστότοπο που δεν ανταποκρίνεται, αλλά τώρα έχει τώρα το καλύτερο μέρος ενός δισεκατομμυρίου ευρώ στα έσοδα κάθε χρόνο. Για τις απαιτούμενες εργασίες, είναι τέλεια. Δεν ανταποκρίνεται σε όρους διάταξης υγρών, αλλά ανταποκρίνεται στις ανάγκες σχεδόν όλων που το χρησιμοποιεί. Γνωρίστε τη διαφορά.
Μερικές φορές οι άνθρωποι το σκέφτονται σχεδιασμός ιστοσελίδων προσαρμοζόμενος σε συσκευές είναι ένα σημάδι της ψηφιακής κυριαρχίας. Είναι απλώς ένα χαρακτηριστικό που μεταφέρει τίποτα από την ποιότητα - όπως λέγοντας «Έχουμε έναν ιστότοπο» ή «ο ιστότοπός μας σας επιτρέπει να κάνετε κλικ στα πράγματα». Δεν είναι καμία εγγύηση για μια μεγάλη εμπειρία διασταυρούμενης συσκευής.
Βλέπω πολλούς ανταποκρινόμενους ιστότοπους που έχουν μια επιφανειακή δίαυτη αλλά αποτυγχάνουν στη χρηστικότητα επειδή η ομάδα αγνοεί τη γνώση των πελατών. Ένα καλό παράδειγμα είναι ένα Ιστοσελίδα ηλεκτρονικού εμπορίου που προχώρησαν και έχασαν το 40 τοις εκατό των εσόδων του. Είχε χτίσει μια μεγάλη κινητά εμπειρία, αλλά η έκδοση της επιφάνειας εργασίας αναρροφάται, και εκεί προέρχονται το 80 τοις εκατό των χρημάτων. Γνωρίζοντας πού η χρυσή χήνα βοηθάει αν θέλετε να αποφύγετε τη δολοφονία!
Η βελτιστοποίηση ενός ιστότοπου δεν ξεκινά με hacking στο περιεχόμενο της σελίδας. Ξεκινάει με την πραγματοποίηση της έρευνάς σας, όταν τα χείλη σας λένε «το ταξίδι του πελάτη», αυτό που βγαίνει δεν είναι παραμύθι. Είναι ζωτικής σημασίας να γνωρίζουμε τους επισκέπτες, τα καθήκοντα και τους στόχους τους, τα σημεία εισόδου, το μίγμα συσκευών, τα μονοπάτια, τις ροές και τις περιοχές εγκατάλειψης. Είναι πολύ δύσκολο να λύσετε ένα πρόβλημα που δεν καταλαβαίνετε.
Χρησιμοποιώντας δεδομένα ανάλυσης με εμπειρία χρήστη Η έρευνα, οι έρευνες ή η ανατροφοδότηση είναι ένας γρήγορος και ελαφρύς τρόπος για την απομάκρυνση των μαλακιών, του εγώ και των υποθέσεων σχετικά με το «ταξίδι». Μια ώρα ενημερωμένων δεδομένων αξίζει χιλιάδες ώρες μη αμφισβητούμενης γνώμης.
Περαιτέρω ανάγνωση: ' Έρευνα μετατροπής σε μία ώρα '; ' Εργαλεία αναπαραγωγής περιόδου σύνδεσης για έρευνα '.
Εκτός αν χρησιμοποιείτε μια ρύθμιση αναλύσεων που παρακολουθούν τους χρήστες, απλά θα καταλήξετε τις συσκευές παρακολούθησης. Οι εταιρείες παραπονιούνται ότι η κυκλοφορία τους κινητού τηλεφώνου τους δεν μετατρέπεται - και διαπιστώνουμε ότι η κυκλοφορία μετατρέπεται στην πραγματικότητα, ακριβώς σε μια εντελώς διαφορετική συσκευή.
Οι άνθρωποι μπορούν να χρησιμοποιήσουν το τηλέφωνό τους για να περιηγηθούν και να προσθέσουν ένα προϊόν στο καλάθι τους, αλλά βρίσκουν ότι είναι δύσκολο να περάσουν από το ταμείο, έτσι τελειώστε την πώληση στο φορητό υπολογιστή τους. Ο ιστότοπος σκέφτεται αυτά ως δύο άτομα: έναν κινητό πελάτη και έναν πελάτη επιφάνειας εργασίας.
Έτσι, το πρόβλημα μετατροπής σας είναι στην πραγματικότητα ένα ζήτημα από κατανάλωση. Πώς μπορείτε να πιστώσετε την πώληση σε μια εμπειρία συσκευής εάν ο πελάτης χρησιμοποιεί περισσότερες από μία συσκευές; Το Google Analytics έχει μια προβολή χρήστη, μπορείτε να ενεργοποιήσετε (για συνδεδεμένους χρήστες) που σας επιτρέπει να παρακολουθείτε τους ανθρώπους, όχι συσκευές και υπάρχουν πολλά εργαλεία αναλύσεων για να σας βοηθήσουν να το κάνετε αυτό.
Σε αυτόν τον κόσμο της συσκευής Hyper-Mobile, το πλαίσιο είναι όλα. Αυτό που χρειάζεστε από μια εφαρμογή αεροπορικής εταιρείας μπορεί να είναι πολύ διαφορετική 48 ώρες πριν από την πτήση σας σε σύγκριση με όταν τρέχετε για την πύλη. Για το άτομο αυτό με το τηλέφωνο, πρέπει να εξετάσετε τους παράγοντες που επηρεάζουν την εμπειρία. Αυτά μπορεί να περιλαμβάνουν τα καθήκοντα, τους στόχους, τη συσκευή, την τοποθεσία, το ρυθμό δεδομένων, το προβολές, το επείγον, τα κίνητρα, τα έξοδα δεδομένων, το κόστος κλήσεων ή ακόμα και τον καιρό κατά τη στιγμή της επίσκεψής τους!
Η κατασκευή καλύτερων προϊόντων δεν πρέπει να περιλαμβάνει μεγάλες μέρες που δαπανώνται στο γραφείο. Γιατί να μην σπάσετε την ημέρα εργασίας με επισκέψεις σε καφενεία και παμπ; Αυτός είναι ένας από τους φθηνότερους τρόπους για να βρείτε πελάτες για έρευνα UX. Η προσφορά μπύρας ή καφέ σε αντάλλαγμα για ανατροφοδότηση σχετικά με το πρωτότυπο ή το σχεδιασμό σας είναι μια ανεκτίμητη απόδοση της επένδυσης. Και μην ξεχνάτε τον ιστότοπο - αν έχετε κυκλοφορία, μπορείτε να προσλάβετε ανθρώπους και να εκτελέσετε δοκιμές μαζί τους online.
Περαιτέρω ανάγνωση: ' UX εργαλεία για να τους κυβερνήσετε όλα '.
Στις περισσότερες αναλυτικές ρυθμίσεις, τα μοντέλα iPhone συγκεντρώνονται μαζί, υποδηλώνοντας ότι είναι οι κύριες συσκευές πελατών. Εάν κοιτάξετε μόνο τα μοντέλα στα δεδομένα σας, αυτό θα κουνήσει τη σκέψη σας. Πρέπει να χωρίσετε συσκευές μέσω OS ή πλατφόρμα για να δείτε την πραγματική εικόνα. Το Google Analytics μπορεί να πει το κορυφαίο μοντέλο μου είναι το «iPhone», αλλά ακόμα και μια χούφτα κορυφαία μοντέλα Samsung μπορεί να προσθέσει μέχρι ένα πολύ μεγαλύτερο κοινό.
Κάθε φορά που κάποιος μπαίνει στον πειρασμό να επικεντρωθεί στη δική τους προσωπική προτίμηση της συσκευής αντί του μείγματος πελάτη, κατευθύνει τα στο διάγραμμα πάνω από δεξιά (αξίζει να το κολλήσει στο Wall Town) για να τους υπενθυμίσετε τι λένε τα δεδομένα.
Περαιτέρω ανάγνωση: ' Ο τελικός οδηγός για τη χρήση του Google Analytics για βελτιστοποίηση διασταυρούμενης συσκευής '.
Μια αναφορά για μια ελεύθερη και σπάνια χρησιμοποιούμενη τεχνική. Εάν έχετε συσκευές επαφής που μπορούν να κάνουν τηλεφωνικές κλήσεις, μπορείτε να παρακολουθήσετε κλήσεις. Απλώς προσθέστε ένα συμβάν (ή προβολή σελίδας) στα δεδομένα αναλύσεων κάθε φορά που κάποιος βγάζει έναν αριθμό τηλεφώνου για να σας καλέσει. Τότε θα ξέρετε πόσες κλήσεις παίρνετε, ακριβώς ποιες ιστοσελίδες οι άνθρωποι καλούνται από και ποιες καμπάνιες μάρκετινγκ ή πηγές οδήγησαν τις περισσότερες κλήσεις.
Χρησιμοποίησα αυτά τα δεδομένα για να αναλύσω ένα λογαριασμό PPC για μια μεγάλη εταιρεία. Όταν παρατηρήσαμε στις πωλήσεις που προέρχονται από τηλεφωνικές κλήσεις, άλλαξε εντελώς την προσφορά μας. Η εξοικονόμηση ήταν 40-70% χαμηλότερος λογαριασμοί για τη ΔΕΗ, αλλά το ίδιο ποσό των εσόδων.
Πολλοί άνθρωποι δεν γνωρίζουν ότι το Google Analytics συλλέγει τις μετρήσεις των πραγματικών επισκεπτών για το πόσο αργή είναι οι σελίδες σας, κάθε μέρα. Αντί να φανταστείτε την απόδοση (καθώς περιηγείστε στον ιστότοπό σας σε Wi-Ficonlection), μπορείτε να αφήσετε τα δεδομένα να σας πω πού απορροφά. Κοιτάξτε την έκθεση Timings DOM: Αυτό καταγράφει πόσο καιρό χρειάζεται η δομή και το περιεχόμενο της ιστοσελίδας και το περιεχόμενο. Κάνοντας τους ιστότοπους ταχύτερα είναι ένας αλλαγής παιχνιδιών.
Υπάρχει μια τεράστια συσχέτιση μεταξύ του ποσοστού απόδοσης και μετατροπής, οπότε αν είναι αργή, ξοδεύετε χρήματα μάρκετινγκ μόνο για να στείλετε ανθρώπους στους ανταγωνιστές σας!
Περαιτέρω ανάγνωση: ' Ερμηνεύστε την ταχύτητα του ιστότοπου '.
Όταν κοιτάζετε τις δοκιμές, άλλες εταιρείες έχουν τρέξει, δεν έχετε ιδέα αν μπερδεύουν εντελώς τη δοκιμή ή όχι. Τα δεδομένα, η μέθοδος, η μέθοδος, η QA ή το δείγμα μπορεί να δείξει ότι έκαναν στοιχειώδη λάθη. Μπορεί να έχουν εκτελέσει τη δοκιμή για πολύ σύντομη χρονική περίοδο ή δεν ελέγχεται αν συλλέξει με ακρίβεια τα δεδομένα. Απλά δεν ξέρετε.
Και ακόμα κι αν έχετε όλες τις πληροφορίες του φόντου, εξακολουθείτε να μην μπορείτε να προβλέψετε εάν η μέθοδος τους θα λειτουργούσε για εσάς. Οι πελάτες, το μάρκετινγκ, η ιστοσελίδα και οτιδήποτε άλλο είναι εντελώς διαφορετικές. Εν ολίγοις, οι κανόνες βέλτιστης πρακτικής για τις δοκιμές είναι κυρίως για την αντιγραφή της μεθόδου και όχι το δημιουργικό.
Περαιτέρω ανάγνωση: ' Το ατελείωτο πιπίλισμα των εμπειρογνωμόνων βέλτιστης πρακτικής και βελτιστοποίησης '; ' Όταν οι βέλτιστες πρακτικές βελτιστοποίησης μετατροπής αποτυγχάνουν '.
Υπάρχουν εκατομμύρια πράγματα που θα μπορούσατε να δοκιμάσετε σε μέρη σε όλο τον ιστότοπό σας. Εάν απλά ξεκινήσετε, ίσως τελικά να πάρετε έναν βέλτιστο ιστότοπο - αλλά ο θάνατος θερμότητας του σύμπαντος θα σας πάρει πρώτα. Εάν υπάρχουν πράγματα σπασμένα στις εμπειρίες σας, πρέπει να διορθώσετε το πρώτο (πριν από τη δοκιμή), καθώς διαφορετικά θα σύρει τα πάντα. Μόλις έχετε τα βασικά στοιχεία της συμβατότητας απόδοσης και συσκευής, χρησιμοποιήστε το Analytics για να εντοπίσετε τις ευκαιρίες.
Το «απλά μεταβαλλόμενο υλικό» δεν είναι ένας καλός λόγος για τη δοκιμή. Χρειάζεστε αποδεικτικά στοιχεία ή διορατικότητα για να οδηγήσετε μια καλή δοκιμή. Η καλύτερη μάθηση έρχεται από την ύπαρξη μεγάλων ερωτήσεων για να διοχετεύσετε τις δοκιμές σας.
Το κιτ υποθέσεων είναι ένα από τα πιο χρήσιμα πράγματα που διδάσκω:
Επειδή είδαμε [Δεδομένα / Feedback] Αναμένουμε ότι η [Αλλαγή] θα προκαλέσει [Impact]. Θα μετρήσουμε αυτό χρησιμοποιώντας [Μετρικό Δεδομένα].
Ζητώντας από τους ανθρώπους να πλαισιώσουν την ερώτησή τους ή τη δοκιμή A / B με αυτόν τον τρόπο τους αναγκάζουν να σκεφτούν γιατί τρέχουν τη δοκιμή και πώς θα μετρηθεί η επιτυχία.
Περαιτέρω ανάγνωση: Κιτ υποθέσεων 3 .
Είναι πραγματικά καλή πρακτική να εκτελέσετε έναν αριθμομηχανή δοκιμής πριν από τη δοκιμή A / B. Εάν λέει ότι θα χρειαστούν περίπου εννέα εκατομμύρια χρόνια για να τελειώσει, μπορείτε να κάνετε κάτι πιο χρήσιμο με τη ζωή σας.
Είναι ένα πολύ συνηθισμένο λάθος noob να κάνει με δοκιμές A / B. Θα πρέπει να αποφασίσετε εκ των προτέρων ο χρόνος δοκιμής σας, στη συνέχεια να το εκτελέσετε για εκείνη την εποχή, να το σταματήσετε και να το αναλύσετε. Οι περισσότερες από τις δοκιμές που διεξάγονται στον πραγματικό κόσμο είναι εντελώς φανταστικά - και γι 'αυτό οι άνθρωποι απογοητεύονται όταν ο υποσχόμενος «ανελκυστήρας» στη μετατροπή δεν φτάνει. Οι δοκιμές κλήσης λανθασμένα ή περιμένουν πολύ καιρό για τα αποτελέσματα είναι κοινά προβλήματα που πρέπει να αποφευχθούν.
Περαιτέρω ανάγνωση: ' Η στατιστική σημασία δεν ισοδυναμεί με ισχύ '; ' Γιατί κάθε έμπορος Διαδικτύου πρέπει να είναι στατιστική '.
Εάν έχετε διαφορετικές συσκευές ή σημεία διακοπής στο σχεδιασμό σας, η δοκιμή A / B θα φανεί εντελώς διαφορετική. Εάν δεν είστε σίγουροι πώς το σχέδιο σας εξετάζει όλες τις συσκευές, πώς μπορείτε να είστε σίγουροι ότι λειτουργεί καθόλου; Εάν δεν αναλύσετε και ταξινομήσετε τα δεδομένα από τις διαφορετικές κατηγορίες συσκευών ή τα «σημεία διακοπής», πώς θα γνωρίζετε τη μετατόπιση της συμπεριφοράς; Ένας από τους πελάτες μου αποθηκεύει το ακριβές σχέδιο που ο πελάτης είδε το στρώμα δεδομένων τους, το οποίο είναι πολύ χρήσιμο.
Κατανοήστε πάντα τον τρόπο με τον οποίο απευθύνεστε ή η κατάτμηση των ανθρώπων σε κλάσεις κινητών, tablet και επιτραπέζιων συσκευών. Δεν υπάρχει "μέσος επισκέπτης" - όχι όταν η εμπειρία της συσκευής ποικίλλει τόσο μεγάλη.
Εάν δεν έχετε επεξεργαστεί το μίγμα της συσκευής σας, πιθανότατα δεν δοκιμάζετε τα δοκιμή A / B. Αυτό σημαίνει αρκετά από αυτά πιθανότατα σπασμένα - και αν οι δοκιμές A / B είναι σπασμένες, τα δεδομένα και η λήψη αποφάσεων σας είναι πιθανώς λανθασμένα. Περίπου 30-40 τοις εκατό όλων των δοκιμαστικών σχεδίων μου αποτυγχάνουν Basic QA, ακόμη και με υψηλής ποιότητας προγραμματιστές - αυτό είναι javascript για σας! Υποθέστε ότι είναι σπασμένο μέχρι να αποδειχθεί διαφορετικά.
Εδώ έχω καλύψει μια σειρά συμβουλών για τη βελτίωση των εμπειριών της διασταυρούμενης συσκευής σας. Όταν ξεκινάτε, γνωρίζετε τη συσκευή σας και η κατανόηση των πελατών πίσω από αυτές τις συσκευές είναι ζωτικής σημασίας. Το επόμενο στάδιο είναι να συνεργαστείτε με τα δεδομένα για να σας βοηθήσει να δώσετε προτεραιότητα στις προσπάθειές σας. Κάνοντας μια καλή λίστα δοκιμών (με τη βοήθεια του Google Analytics) κόβει την προσπάθεια για τους προγραμματιστές, αλλά θα αυξήσει τον αριθμό των ελαττωμάτων που καταργείτε σε δημοφιλείς συσκευές.
Ο σχεδιασμός μεγάλων εμπειριών διασταυρούμενης συσκευής είναι μια προσεκτική ισορροπία δεδομένων, διαίσθησης, ενσυναίσθησης και πειραματισμού. Εάν επιτρέπετε αυτά να καταλάβετε το χώρο που συνήθως γεμίζει από το εγώ και τη γνώμη, η καλή δουλειά θα ανθίσει. Όπως είπε ο Stephen Hawking: "Ο μεγαλύτερος εχθρός της γνώσης δεν είναι η άγνοια, είναι η ψευδαίσθηση της γνώσης".
Μάθετε για τη σημασία της συσκευής-αγνωστικού σχεδιασμού με Anna dahlström στο Δημιουργία Λονδίνου ! Σε Συσκευές οικοδόμησης-agnostic UX , Θα εξηγήσει γιατί θα πρέπει να αφήσετε τις διατάξεις του οδηγού περιεχομένου και να απομακρυνθείτε από το σχεδιασμό σελίδων για να εστιάσετε στις ενότητες που αποτελούνται από αυτές τις απόψεις. Κάντε κράτηση τώρα στο εισιτήριό σας !
Αυτό το άρθρο εμφανίστηκε αρχικά στο καθαρό περιοδικό Τεύχος 279; Εγγραφείτε τώρα !
(Credit Image: Joseph Foley στο Instagram) Κατεβάστε εικόνες Instagram - ..
(Credit Image: Ryan Kingslien) Αναδημιουργία της ανθρώπινης φιγούρας είναι έ�..
Τα πλαίσια όπως αντιδρά μόνο στέλνουν javascript σε πελάτες, οι οποίες στη σ..
Όλο και πιο συχνά, οι σχεδιαστές και οι προγραμματιστές αναγνωρίζουν τ..
Σπούδασα εξαιρετική τέχνη και Τεχνικές ζωγραφικής Και για μεγ..
Ο Blue Zoo's Bader Badruddin θα είναι στην κορυφή στις 13 Μαρτίου που συζητεί πώς να ..
Σελίδα 1 από 2: Σελίδα 1 Σελίδα 1 ..
Η λήψη του σωστού ονόματος για την υπηρεσία σας δεν είναι εύκολη. Πολλο..