Πώς να μετατρέψετε την εμπειρία χρήστη σε UX Design
Ο έλεγχος ευχρηστίας δεν χρειάζεται να είναι περίπλοκος. Υπάρχουν δεκάδες επιλογές για μια ομάδα σχεδιαστών που θέλει να δοκιμάσει εξ αποστάσεως τις λύσεις τους. Για να το αποδείξουμε, έχουμε επανασχεδιάσει Ούρλιασμα , με τη βοήθεια δοκιμών απομακρυσμένης χρηστικότητας.
Πραγματοποιήσαμε δοκιμές απομακρυσμένης χρηστικότητας επειδή είναι γρήγορες και προσιτές. Όλες αυτές οι δοκιμασίες δεν ήταν μοντέρνες, πράγμα που σημαίνει ότι οι χρήστες τους έτρεξαν στην άνεση των σπιτιών τους. Ενώ αυτό μας δίνει λιγότερο έλεγχο, παρέχει πιο φυσικά αποτελέσματα. Επειδή οι αντιδράσεις τους καταγράφηκαν, τους ενθαρρύνουμε να σκεφτούν δυνατά.
Είναι σημαντικό να καταλάβουμε ότι δεν υπάρχει ενιαία μαγεία. Υπάρχει μια ευρεία επιλογή τακτικών που κυμαίνονται από τις μελέτες εργαστηριακής ευχρηστίας έως τις απλές έρευνες ηλεκτρονικού ταχυδρομείου και όλοι έχουν το χρόνο και τον τόπο τους. Πήγαμε με ένα απομακρυσμένο τεστ ευχρηστίας, διότι επιτυγχάνει μια ωραία ισορροπία μεταξύ ταχύτητας, ακρίβειας και κόστους.
Σε αυτό το άρθρο θα εξηγήσουμε γιατί η ποιοτική έρευνα έχει σημασία, εξηγεί τις ιδέες και δείχνει πώς ενσωματώθηκαν στο νέο σχέδιο.
Πώς να προσεγγίσετε ποιοτική ανάλυση
Όταν πρόκειται για ποιοτική ανάλυση, δεν μπορείτε απλώς να ζητήσετε από τους χρήστες να μιλήσουν για τις εμπειρίες τους.
Όπως ο Jakob Nielsen, εταίρος του ομίλου Nielsen Norman, επισημαίνει , δεν πρέπει ποτέ να ακούτε μόνο τι λένε οι χρήστες. Η λανθασμένη προσέγγιση θα ήταν η δημιουργία μερικών σχεδίων και, στη συνέχεια, η ερώτηση των χρηστών ποια από αυτές τους αρέσουν περισσότερο - οι χρήστες δεν έχουν δοκιμάσει το σχέδιο, οπότε μπορούν μόνο να σχολιάσουν αυτό που βλέπουν στην επιφάνεια.
Η σωστή προσέγγιση παρακολουθεί τι κάνουν οι χρήστες και στη συνέχεια τους ζητάει το ελάχιστο Ενιαία Ερώτηση Ερώτηση , το οποίο είναι: "Πόσο εύκολο ή δύσκολο ήταν το καθήκον;" Αυτό βοηθά στη μείωση της μεροληψίας και παίρνει την κατώτατη γραμμή της ανάλυσης UX: πώς οι χρήστες πραγματοποίησαν τα καθήκοντά τους και πόσο εύκολο ή δύσκολο ήταν; Η καταγραφή της οθόνης μας συνέλαβε επίσης τον ήχο (αφού ενθαρρύνουμε τους ανθρώπους να σκέφτονται δυνατά), διότι διαφορετικά είναι εύκολο να χάσετε γιατί συνέβη κάποια συμπεριφορά.
Πώς αναλύσαμε τα βίντεο των χρηστών
Διακεκριμένα μοτίβα εμφανίστηκαν στα βίντεο των αλληλεπιδράσεων των χρηστών με τον ιστότοπο Yelp. Δεν εκπλήσσει το γεγονός ότι μάθαμε ότι η γραμμή αναζήτησης ήταν μία από τις πιο ουσιαστικές και εύχρηστες. Φυσικά, αυτό έχει νόημα, επειδή το Yelp είναι ουσιαστικά μια μηχανή αναζήτησης επιχειρήσεων με κάποια πρόσθετα κοινωνικά χαρακτηριστικά. Ωστόσο, άλλα χαρακτηριστικά δεν ήταν τόσο έξυπνα, όπως θα δείτε παρακάτω.
Μάθημα 1: Η γραμμή αναζήτησης ήταν το προτιμώμενο σημείο εκκίνησης
Και οι πέντε συμμετέχοντες στη δοκιμή βασίστηκαν σε μεγάλο βαθμό στη γραμμή αναζήτησης, ακόμα και για εργασίες που θα μπορούσαν εύκολα να ολοκληρωθούν με την περιήγηση στις κατηγορίες (όπως την εύρεση ενός ωραίου εστιατορίου ή μπαρ χωρίς συγκεκριμένα κριτήρια). Στην πραγματικότητα, τέσσερις από τους πέντε συμμετέχοντες πήγαν κατευθείαν στη γραμμή αναζήτησης για να βρουν ένα εστιατόριο. Μόνο ένας χρήστης ξεκίνησε την περιήγηση στις κατηγορίες και γρήγορα τους βρήκε "συντριπτική" και κατέληξε να πέσει πίσω στη γραμμή αναζήτησης.
Είναι σημαντικό να αναφέρουμε ότι στις οδηγίες δοκιμής ζητήσαμε από τους χρήστες να "βρουν" ένα εστιατόριο, όχι να "ψάξουν" για ένα εστιατόριο, επειδή θέλαμε να παρατηρήσουμε πώς φυσικά θα ολοκληρώσουν αυτό το έργο χωρίς να τους προκαλέσουν κάποια συγκεκριμένη λειτουργία.
Είναι ενδιαφέρον ότι όταν οι χρήστες έλαβαν συγκεκριμένες παραμέτρους (όπως ο προϋπολογισμός, η ατμόσφαιρα και ο τύπος του εστιατορίου ή το όνομα μιας μεμονωμένης επιχείρησης), σχεδόν πάντα αγνόησαν τα πάντα στην αρχική σελίδα εκτός από τη γραμμή αναζήτησης. Στον επανασχεδιασμό μας, διασφαλίσαμε ότι η γραμμή αναζήτησης ήταν το πιο οπτικά χαρακτηριστικό.
Μάθημα 2: Τα γεγονότα δεν είναι πολύ αισθητά
Σε μια εργασία, ζητήσαμε από τους δύο χρήστες χωρίς λογαριασμούς Yelp να βρουν ένα ενδιαφέρον γεγονός στην περιοχή τους αυτό το Σαββατοκύριακο. Θέλαμε να μάθουμε αν θα χρησιμοποιούσαν την καρτέλα συμβάντων στο επάνω μέρος της σελίδας.
Παραδόξως, κανείς δεν χρησιμοποίησε την καρτέλα συμβάντων . Όταν τους ζητήθηκε να βρουν ένα ενδιαφέρον γεγονός στην περιοχή τους αυτό το Σαββατοκύριακο, ένας δοκιμαστικός συμμετέχων χρησιμοποίησε τη γραμμή αναζήτησης ενώ ο άλλος πλοηγός μέσω της κατηγορίας τέχνες & ψυχαγωγία στο καλύτερο τμήμα του Yelp .
Επειδή τα γεγονότα που κατέχουν είναι ένα σημαντικό κομμάτι της επιχείρησης του Yelp, ο επανασχεδιασμός μας θα τραβήξει την ενότητα συμβάντων έξω από την πλαϊνή μπάρα και θα γίνει μέρος του πρωτεύοντος κύλινδρου.
Μάθημα 3: Η δημιουργία σελιδοδεικτών ήταν συγκεχυμένη και κανείς δεν χρησιμοποιούσε λίστες
Ήμασταν περίεργοι να δούμε πώς οι χρήστες θα επέλεγαν να αποθηκεύσουν τοποθεσίες για μεταγενέστερη αναφορά. Στο Yelp, υπάρχουν δύο τρόποι για να γίνει αυτό: οι χρήστες με υπάρχοντες λογαριασμούς μπορούν είτε να τοποθετήσουν σελιδοδείκτη σε μια τοποθεσία είτε να δημιουργήσουν μια λίστα. Ζητήσαμε απλώς στην ομάδα 1 (τρεις χρήστες με λογαριασμούς Yelp) να "αποθηκεύσουν" ορισμένες τοποθεσίες για να εξετάσουν αργότερα, ώστε η διατύπωσή μας να μην αναφέρει χαρακτηριστικά που θα μπορούσαν να προκαλέσουν τις ενέργειές τους.
Από τους τρεις χρήστες στους οποίους δόθηκε αυτό το καθήκον:
- Κάποιος αποθηκεύει τις επιχειρήσεις χρησιμοποιώντας σελιδοδείκτες, αλλά παραπονέθηκε ότι η διαδικασία πήρε πολύ χρόνο
- Κάποιος άρχισε να αποθηκεύει επιχειρήσεις με τη χρήση σελιδοδεικτών, αλλά εγκατέλειψε επειδή πήρε πολύ χρόνο
- Κάποιος δεν κατάφερε να καταλάβει πώς να σώσει τις επιχειρήσεις και να εγκαταλείψει το έργο
Οι δύο χρήστες που χρησιμοποίησαν σελιδοδείκτες και οι δύο παρατήρησαν ότι θα ήταν ωραίο να μπορέσετε να προσθέσετε σελιδοδείκτη μιας επιχείρησης από τη σελίδα αποτελεσμάτων αναζήτησης, αντί να χρειάζεται να μεταβείτε στη σελίδα κάθε επιχείρησης χωριστά.
Θα ήταν ωραίο να επιτρέψουμε στους χρήστες να έχουν μια ευκολότερη και πιο έξυπνη μέθοδο αποθήκευσης των επιχειρήσεων για να επιστρέψουν αργότερα, οπότε προσθέσαμε ένα χαρακτηριστικό εξοικονόμησης με ένα κλικ στον επανασχεδιασμό. Αυτή η νέα λειτουργία σάς επιτρέπει να αποθηκεύσετε μια επιχείρηση απευθείας από τη σελίδα αποτελεσμάτων χωρίς να καταδύεστε βαθύτερα.
Μάθημα 4: Είναι γρήγορη και εύκολη η αναζήτηση ενός συγκεκριμένου χώρου
Και οι πέντε χρήστες έλαβαν το καθήκον να βρουν μια συγκεκριμένη επιχείρηση και να μάθουν εάν ήταν ανοικτή σε μια συγκεκριμένη χρονική στιγμή. Όλοι ολοκλήρωσαν με επιτυχία αυτό το έργο και αξιολόγησαν την εργασία ως «πολύ εύκολη». Όπως αναφέρθηκε προηγουμένως, και τα πέντε χρησιμοποίησαν τη γραμμή αναζήτησης για να ολοκληρώσουν αυτό το έργο.
Εφόσον η αναζήτηση για μια συγκεκριμένη επιχείρηση λειτουργεί τόσο καλά, αποφασίσαμε ότι η λειτουργικότητα δεν χρειαζόταν καμία αλλαγή.
Μάθημα 5: Οι φωτογραφίες είναι η κορυφαία επιλογή για τον προσδιορισμό της ατμόσφαιρας
Όταν ρωτήθηκε να βρει ένα εστιατόριο με μια συγκεκριμένη ατμόσφαιρα, κανένας από τους πέντε χρήστες δεν προσπάθησε να χρησιμοποιήσει τη γραμμή αναζήτησης. Αντ 'αυτού, τρεις οι χρήστες κοίταξαν φωτογραφίες του εστιατορίου στο Yelp, ένας επισκέφθηκε τον ιστότοπο του εστιατορίου και ο τελευταίος ανέφερε ότι τα σύμβολα τιμών ($, $$, $$$, $$$$) αρκούσαν για να δείξουν εάν το εστιατόριο είχε τη σωστή ατμόσφαιρα.
Αυτό έφερε δύο ιδέες:
- Οι φωτογραφίες αποτελούν ουσιαστικό μέρος της εμπειρίας Yelp και είναι κρίσιμες για τους χρήστες να επιλέξουν μια επιχείρηση.
- Για να αποφευχθεί η συσσώρευση της διασύνδεσης, η λύση θα μπορούσε να είναι τόσο απλή όσο η μεγέθυνση των φωτογραφιών όταν φτάσετε στη σελίδα αποτελεσμάτων αναζήτησης.
Μάθημα 6: Οι χρήστες βασίστηκαν στα φίλτρα, αλλά πρέπει να ανανεωθούν
Και οι πέντε χρήστες κλήθηκαν να βρουν ένα εστιατόριο για μια ομάδα 15, τρεις από τους πέντε συμμετέχοντες χρησιμοποίησαν το φίλτρο καλών για ομάδες , ενώ το ένα χρησιμοποίησε το να κάνει ένα χαρακτηριστικό κράτησης και να κυλήσει μέχρι να βρει ένα εστιατόριο που θα μπορούσε να καθίσει την ομάδα.
Σε ένα άλλο σημείο, επιχειρήθηκε ένας χρήστης για να επιλέξετε δύο κατηγορίες για να φιλτράρετε τα αποτελέσματά του, αλλά μία από τις επιλογές του εξαφανίστηκε όταν έκανε κλικ στο άλλο.
Ενώ τα φίλτρα είναι σημαντικά, μάθαμε ότι θα μπορούσαν να βελτιωθούν σημαντικά. Για να σκάψουμε βαθύτερα, αποφασίσαμε να τρέξουμε ένα είδος κάρτας σε όλες τις τρέχουσες επιλογές φιλτραρίσματος του Yelp για να προσδιορίσετε ποιες είναι πραγματικά χρήσιμες για τους χρήστες.
Για τον επανασχεδιασμό, αποφασίσαμε να κατηγοριοποιήσουμε τις κατηγορίες φίλτρων σε ομάδες των τεσσάρων με βάση τον τρόπο με τον οποίο οι χρήστες τους είχαν προτεραιότητα. Για παράδειγμα, μάθαμε ότι τα "Άνοιγμα τώρα" και "Αποδοχή Πιστωτικών Καρτών" ήταν μερικά από τα πιο σημαντικά φίλτρα, αλλά μπορεί να χρειαστούν αρκετά κλικ για να έχουν πρόσβαση σε αυτά.
Μάθημα 7: Οι κατηγορίες τιμών δεν ήταν σαφείς
Όταν οι χρήστες αναζητούσαν το εστιατόριο με συγκεκριμένες παραμέτρους, μία από τις απαιτήσεις ήταν να βρεθεί εστιατόριο με προϋπολογισμό 20 $ / άτομο. Δύο από τους πέντε χρήστες μπερδεύτηκαν από το αν ο προϋπολογισμός τους για εστιατόρια $ 20 θα πέσει στην κατηγορία $, $$ ή $$$. Ένας χρήστης δήλωσε ότι δεν ήξερε τι σημαίνουν τα σύμβολα και ότι κάποιος άλλος έκανε κλικ σε λάθος κατηγορία. Τα άλλα τρία σωστά επέλεξαν την κατηγορία $$.
Ο ορισμός των συμβόλων δεν εμφανίζεται όταν οι χρήστες επιλέγουν φίλτρα. Εμφανίζεται μόνο όταν ο χρήστης πλοηγείται στη σελίδα συγκεκριμένου εστιατορίου. Δεδομένου ότι οι προσδοκίες για τις τιμές είναι εξαιρετικά υποκειμενικές, δεν ήταν σαφές στους χρήστες ποια κατηγορία πρέπει να επιλέξουν.
Στον επανασχεδιασμό, επιλύσαμε αυτό τοποθετώντας τις ακριβείς τιμές σε παρενθέσεις δίπλα στα σύμβολα. Αυτό είναι ιδιαίτερα χρήσιμο καθώς μετακινείτε μεταξύ κατηγοριών, καθώς το $$ έχει διαφορετική σημασία αν επιλέγετε έναν μηχανικό ή έναν μπιφτέκι.
Σχεδιασμός με γνώμονα τη γνώση χρηστικότητας
Μόλις ήρθε η ώρα να σχεδιάσουμε, ακολουθήσαμε μια προσέγγιση βασισμένη στα τελευταία βήματα της Σχεδιασμός Google Ventures επεξεργάζομαι, διαδικασία. Ο διευθύνων σύμβουλος της UXPin, Marcin Treder, ξεκίνησε με πολυάριθμα ανεπίσημα σκίτσα πριν από μια απόφαση της ομάδας που βοήθησε να το σπάσει στα κορυφαία 2-3 σκίτσα. Για να αποφευχθεί ο σχεδιασμός από την επιτροπή, ο Marcin είχε τον τελευταίο λόγο για το ποια σκίτσα θα προχωρήσουν στην κατασκευή πλαισίων και πρωτοτύπων.
Δημιουργήσαμε ένα wireframe για να ενσωματώσουμε τις περισσότερες από τις αλλαγές του σχεδιασμού, προσθέσαμε κάποιες αλληλεπιδράσεις και κινούμενα σχέδια για να το μετατρέψουμε σε πρωτότυπο χαμηλής πιστότητας. Μόλις εξομαλυνθούν τα κινούμενα σχέδια, προσθέσαμε λεπτομέρειες για ένα πρωτότυπο υψηλής πιστότητας.
Προγράμματα χαμηλής πιστότητας
Υψηλή πιστότητα πρωτότυπα
Προσδιορισμός όλων των διαστάσεων χρηστικότητας
Αυτό που λένε οι χρήστες και τι κάνουν οι χρήστες πρέπει να χρησιμεύουν ως έλεγχοι και ισορροπίες κατά τη διάρκεια των δοκιμών των χρηστών. Παρόλο που δεν χρειάζεται να βρίσκεστε απαραιτήτως κατά τη διάρκεια της δοκιμής, μια οπτικοακουστική εγγραφή είναι υποχρεωτική, διαφορετικά μπορεί να χάσετε το πλαίσιο των ενεργειών. Όταν συνδυάζετε ποιοτική ανάλυση με ποσοτική ανάλυση, θα έχετε μια ακόμη σαφέστερη ιδέα για το γιατί και πώς να διορθώσετε ένα πρόβλημα, καθώς και πόσα προβλήματα χρηστικότητας σας σχεδιάζει να λύσει.