Εικονογράφηση από την Freepik. Photoshopped από μένα

Χαβιάρι: μια μελέτη περίπτωσης ευχρηστίας

Το Caviar είναι μια δημοφιλής εφαρμογή που προσφέρει παράδοση τροφίμων από τοπικά εστιατόρια.

Αποποίηση: Δεν εργάζομαι για το Caviar. Αυτή η περιπτωσιολογική μελέτη χρησιμοποιήθηκε καθαρά ως εργαλείο για μάθηση και κάνοντάς μου έναν καλύτερο σχεδιαστή.

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

Ερευνα

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

Ενώ πολλά εστιατόρια σίγουρα προσφέρουν τις δικές τους υπηρεσίες παραλαβής και παράδοσης και υπάρχουν λίγοι μικρότεροι παίκτες στην αγορά, υπάρχουν τέσσερις ακόμη βασικοί ανταγωνιστές με την παράδοση Caviar: Uber Eats, Postmates, Grubhub και DoorDash.

Πηγή: Δεύτερο μέτρο

Κριτικές χρηστών

Υπάρχουν περίπου 9.000 συνδυασμένες κριτικές μεταξύ του iTunes και του Google Play, ενώ η εφαρμογή Caviar είχε μέση βαθμολογία περίπου 4,4 αστέρων. Εντοπίσα τις πιθανές τάσεις από τις αναθεωρήσεις των χρηστών που δεν έχουν επισημάνει σχετικά ζητήματα σχετικά με τη χρηστικότητα ή τις λειτουργικές δυνατότητες. Έχω κατηγοριοποιήσει τις καταγγελίες σε 4 κατηγορίες:

  1. Φιλτράρισμα
  2. Σελίδα Καλάθι / Checkout
  3. Παραγγελία από τα αγαπημένα
  4. Θέματα λειτουργικότητας
Μια επισκόπηση των κακών αναθεωρήσεων πελατών για την εφαρμογή Caviar

Οι στόχοι μου

  1. Εξετάστε μεθόδους έρευνας UX για να αποκαλύψετε προβλήματα χρηστών
  2. Προτείνετε για να βοηθήσετε στη δημιουργία ενεργών λύσεων βασισμένων σε παρατηρήσιμα δεδομένα
  3. Διερευνήστε πώς μπορείτε να συνδέσετε τους χρήστες με την εμπειρία της παραγγελίας πιο απρόσκοπτα
  4. Πρωτότυπο και δοκιμαστικές λύσεις με τους χρήστες για την ενίσχυση της εμπειρίας του Caviar

Πεδίο εφαρμογής

  1. Αρχική οθόνη- Οι χρήστες δυσκολεύονταν να βρουν κάτι, ειδικότερα φίλτρα ή αγαπημένα.
  2. Καλάθι τροφών - Οι χρήστες δυσκολεύτηκαν να βρουν πώς να προσθέσουν περισσότερα στοιχεία από τη σελίδα καλαθιού / καλαθιού.
  3. Σελίδα "Αγαπημένα" - Οι χρήστες δεν κατάφεραν να βρουν αυτή τη σελίδα που είναι απροσδιόριστη.

ΒΗΜΑ 1 Δοκιμές ευχρηστίας αντάρτικων

Η διεξαγωγή δοκιμής ευχρηστίας με 5 άτομα θα σας βοηθήσει να αποκαλύψετε το 93% του τι είναι δυνατόν να ανακαλύψετε (αναφορά). Επέστρεψα στο Ferry Building του Σαν Φρανσίσκο και προσεγγίσαμε τους ξένους στους δρόμους του Σαν Φρανσίσκο για να διεξάγουμε 5 δοκιμές χρηστικότητας αντάρτικων. 3 συμμετέχοντες ήταν τρέχοντες χρήστες Caviar και 2 δεν είχαν χρησιμοποιήσει ποτέ το προϊόν πριν.

Σενάριο 1 - Ας πούμε ότι ζείτε στη Μαρίνα και τρώτε μόνο γλουτένη. Νιώθεις να τρώτε μια Σαλάτα Παπάγια από μια κοντινή Ταϊλάνδη. Καταχωρίστε τη σχετική σας προτίμηση μέσω φίλτρων και επιλέξτε το εστιατόριο για να προσθέσετε το στοιχείο στο καλάθι.
SCENARIO 2-Πείτε ότι πριν από μία ώρα προσθέσατε ένα πιάτο στο καλάθι σας και δεν αγοράσατε για κάποιο λόγο. Τώρα θέλετε να προσθέσετε ένα στοιχείο στο ίδιο καλάθι και τοποθετήστε την εντολή παράδοσης. Θα μπορούσατε να μου δείξετε πώς θα κάνατε μια παραγγελία από το ημιτελές καλάθι.
SCENARIO 3-Φανταστείτε ότι έχετε μια μεγάλη προθεσμία στην εργασία και μένετε αργά στο γραφείο για να ολοκληρώσετε το έργο. Θέλετε να παραγγείλετε κάποιο φαγητό για εσάς και την ομάδα σας. Παρακαλώ να μου δείξετε πώς θα πάτε γρήγορα στη σελίδα των αγαπημένων σας για να επιλέξετε το ίδιο μέρος για να παραγγείλετε μια πίτσα που είχατε την περασμένη εβδομάδα.

ΒΗΜΑ 2 Σύνθεση

Προτίμησα ποια προβλήματα ήταν πιο σημαντικά για την επίλυση. Χρησιμοποίησα μια μέθοδο χαρτογράφησης συγγένειας για να βρω μοτίβα στις παρατηρήσεις μου και να τις ομαδοποιήσω. Παρακολούθησα κάθε εγγραφή οθόνης και κατέγραψα τις ιδέες για την (εικονική) δημοσίευση σημειώσεων. Έχω κατακερματιστεί κάθε χρήστη σε διαφορετικές στήλες, έπειτα έγραψα τα σημαντικότερα σημεία πόνου σε μια κολλώδη σημείωση. Στη συνέχεια, εστιάζω στις πιο σημαντικές 3 δυνατότητες για επανάληψη.

"Κάποια στιγμή ξοδεύω περισσότερα από 30 λεπτά με κύλιση στη λίστα εστιατορίων, απλώς να αποφασίσω να μην διατάξω γιατί δεν μπορούσα να βρω πράγματα που θέλω" - Melanie

Το παραπάνω είναι το 2by2 matrix μου, το οποίο χρησιμοποίησα για να δώσω προτεραιότητα στα σημεία πόνου. Πήρα τα ευρήματα και συνθέσαμε τους κύριους στόχους των χρηστών και των επιχειρήσεων.

#Important to Business: Έκανα κάποια έρευνα και έμαθα ότι τα τρέχοντα εφέ της εφαρμογής είναι ελκυστικά και έχουν καθαρή αισθητική

# Σημαντικό για τους χρήστες: Τα ζητήματα χρηστικότητας που προκάλεσαν απογοήτευση από τους χρήστες θεωρήθηκαν σημαντικά σημεία πόνου στους χρήστες.

ΒΗΜΑ 3 Εμπιστευθείτε

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

ΒΗΜΑ 4 Ροή χρηστών

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

ΒΗΜΑ 5 | Σκίτσα

Έπειτα ήρθε η ώρα να αρχίσουμε να σχεδιάζουμε. Έφτασα με αρκετές πιθανές λύσεις σε κάθε ένα από τα σημεία πόνου και έκανα μερικά τραχιά σκίτσα UI. Έκανα κάποια προκαταρκτική επικύρωση στα σκίτσα Lo-Fi UI και χρησιμοποίησα τα σχόλια για να βελτιώσω τα σκίτσα μου και να περιορίσω τις λύσεις μου για τις mockups του Hi-Fi.

Αλλά η ροή εργασιών δεν ήταν αρκετά σαφής, γι 'αυτό συνένωσα τη διαδικασία με μια ροή εργασιών lo-fi για να προωθήσω τις εξερευνήσεις. Λαμβάνοντας αυτό υπόψη, δημιούργησα τη ροή εργασιών ως ψηφιακό σκίτσο των οθονών μεσαίας γραμμής για να αφαιρέσω όλους τους περιττούς αποκλειστές. Επέλεξα να συρρικνωτώ τα περισσότερα από τα σκίτσα μου, κατόπιν μείωσαν τις κορυφαίες μου λύσεις βασισμένες στην ανατροφοδότηση από ομότιμους.

ΒΗΜΑ 6 | Επικύρωση

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

ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ 1 ΝΕΑ ΟΘΟΝΗ HOME

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

Νέα γραμμή πλοήγησης

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

Χαρακτηριστικό 2 | ΝΕΑ ΣΕΛΙΔΑ ΚΑΡΤΩΝ

Η οθόνη του νέου καροτσιού βοηθά τους χρήστες να έχουν ομαλότερη εμπειρία checkout.

ΒΗΜΑ 7 Αναδρομές

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

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

"Οι χρήστες δεν κάνουν ποτέ αυτό που αναμένεται και τα πρότυπα αποκαλύπτονται αφού δοκιμάσουν ένα προϊόν μόνο μερικοί χρήστες".

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

ΠΛΟΗΓΗΣΗ: Αρχική σελίδα | Φίλτρα οθόνης | ΑγαπημέναΣΕΛΙΔΑ CART: Επιλογή φαγητού Σελίδα μενού | Σελίδα ελέγχου

Ευχαριστώ για την ανάγνωση!

Όπως μπορείτε να φανταστείτε, όταν πρόκειται για την «καλύτερη» υπηρεσία online διανομής τροφίμων, είναι όλα σχετικά με εσάς. Αν και μερικές από τις λύσεις μου μπορεί να φαίνονται σαν μικρές αλλαγές, είναι σημαντικό να σημειώσω ότι έκανα τις μικρότερες αλλαγές που θα μπορούσαν να επιτρέψουν το μέγιστο ποσοστό επιτυχίας εργασιών.

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

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

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

Ευχαριστώ ιδιαιτέρως τον Nick deWilde και τον Dylan Riessen για το εποικοδομητικό σας σχόλιο και όλους όσοι με βοήθησαν και βοήθησαν κατά την εργασία σε αυτό το έργο!