Πώς να κτυπήσετε το "παράδοξο επιλογής" στο UI Design
Το "Less is more" είναι μία από τις σημαντικότερες αρχές μινιμαλιστικής σχεδίασης που κάθε σχεδιαστής μαθαίνει: διαβάζετε πολλά για αυτό, ξέρετε ότι είναι πραγματικά σημαντικό, αλλά ίσως να μην πάρετε κανένα λάθος. Το σημαντικό είναι να έρθουν γύρω, να μάθουν από αυτό και να εξελιχθούν. Και το κάναμε.
Με την κυκλοφορία του Todoist Next τον Ιανουάριο του τρέχοντος έτους, παρουσιάσαμε ένα νέο σχέδιο μαζί με νέα χαρακτηριστικά. Από την αρχή, η εστίασή μας ήταν να εκσυγχρονίσουμε την εφαρμογή και να βελτιώσουμε την εμπειρία του χρήστη σε όλους τους τομείς. Η αναβολή των εργασιών ήταν ένα από τα πράγματα που θέλαμε ειδικά να βελτιώσουμε. Αλλά δεν ήταν τόσο εύκολο όσο περιμέναμε ...
Έξω από το παλιό
Η προηγούμενη έκδοση της εφαρμογής μας είχε μόνο δύο επιλογές όταν αφορούσε ανασχεδιασμό εργασιών. Είτε επιλέξατε "Κάνετε το σήμερα" είτε "Αναβάλλετε" (αυτό θα μπορούσε να είναι είτε αύριο είτε επόμενο για επαναλαμβανόμενες εργασίες). Κάθε φορά που χρειάζεστε λίγο περισσότερο έλεγχο χρειάζεστε να χρησιμοποιήσετε ολόκληρο το ημερολόγιο ή πληκτρολογήστε μια νέα ημερομηνία. Στις ιστοσελίδες και στους υπολογιστές-πελάτες επιφάνειας εργασίας, είναι πραγματικά εύκολο να πληκτρολογήσετε μια νέα ημερομηνία και ώρα, αφού έχετε το φυσικό πληκτρολόγιο και το ποντίκι. Αλλά στο κινητό, η εμπειρία ήταν λίγο σπασμένη. Θα μπορούσατε να πληκτρολογήσετε μια νέα ημερομηνία, αλλά δεν ήταν πολύ βολικό, ειδικά όταν βρίσκεστε στη λειτουργία "one eyeball and one thumb".
Με το νέο
Δεδομένου ότι το παλιό σύστημα ήταν τόσο περιορισμένο, θέλαμε πραγματικά να δώσουμε στους χρήστες μας περισσότερες επιλογές και να το κάνουν πιο οπτικό ώστε να είναι πιο ευέλικτο και ευκολότερο στη χρήση σε κινητές συσκευές, αλλά και σε άλλες πλατφόρμες. Τη συγκεκριμένη στιγμή, η επιλογή ήταν περισσότερο.
Επειδή θέλαμε να κάνουμε μια μεγάλη εμπειρία κινητής τηλεφωνίας, χρησιμοποιήσαμε την προσέγγιση "κινητού πρώτου" στην ανάπτυξη: αν λειτουργεί σε κινητά, είναι ευκολότερο να καταστήσει την εργασία στην επιφάνεια εργασίας όπου έχετε περισσότερο χώρο στην οθόνη και πιο ακριβείς μεθόδους εισαγωγής.
Με αυτά τα δεδομένα, ξεκινήσαμε να διερευνάμε πώς θα μπορούσε να λειτουργήσει και ποια κατεύθυνση θα βοηθούσε περισσότερο τους χρήστες μας. Ερευνήσαμε άλλες λύσεις που προσπαθούσαν να αντιμετωπίσουν παρόμοια ζητήματα με δικά μας, αλλά θεωρήσαμε ότι οι περισσότεροι από αυτούς ήταν περιορισμένοι και ότι θα μπορούσαμε να τις βελτιώσουμε, αν και μερικές από αυτές είναι πραγματικά καλές λύσεις.
Ένας "έξυπνος" χρονοπρογραμματιστής ήταν η μεγάλη μας ιδέα. Ένα έξυπνο σύστημα που θα εξετάσει τα καθήκοντά σας και θα προτείνει τις καλύτερες ημερομηνίες μαγικά. Για παράδειγμα, όταν αναπροσαρμόζετε μια εργασία για την επόμενη εβδομάδα, το σύστημα θα εξετάσει τις τρέχουσες εργασίες σας και θα επιλέξει μια ημέρα την επόμενη εβδομάδα χωρίς καθήκοντα. Και θα ήταν τρομερό! Για τον χρήστη αυτό θα ήταν ένα όχι brainer, με μια πραγματικά ωραία διεπαφή που τροφοδοτείται από έναν ισχυρό αλγόριθμο για να φέρω τις καλύτερες ημερομηνίες. Για την ομάδα, θα ήταν ένα μεγάλο επίτευγμα που αναμίχθηκε μια τρομερή διεπαφή με στερεά κωδικοποίηση σε ένα στερεό προϊόν.
Τα πρώτα στάδια ανάπτυξης: από τα κυκλικά μενού μέχρι τα πραγματικά πολύπλοκα σύνολα επιλογών με τις προτάσεις ημερομηνίας που σημειώνονται στο ημερολόγιο και την πρόσθετη ανατροφοδότηση σχετικά με τη βρύση.
Όλα τα πράγματα έπεφταν με τις αρχικές εξελίξεις και τα πρώτα mockups έδειχναν πολλά υποσχόμενα. Έχουμε αρχίσει ακόμη να βγαίνουμε με νέες ιδέες για το πώς να το κάνουμε ακόμα πιο ισχυρό. Προσθέσαμε μια πρώτη ομάδα επιλογών (σήμερα, αύριο, την επόμενη εβδομάδα, κάποια μέρα), μια κλασική επιλογή προβολής ημερολογίου και "προτάσεις ημερομηνίας" που θα έφεραν όλη τη μαγεία στην οθόνη. Προσπαθήσαμε διαφορετικές διατάξεις, ακόμη και ένα κυκλικό μενού, και επαναλήφθησαν γρήγορα στο εύρος επιλογών (από 6 έως 9 επιλογές στην οθόνη κάθε φορά).
Σύντομα αρχίσαμε να σκεφτόμαστε πώς να κόψουμε τα βήματα αλληλεπίδρασης, πώς να αυξήσουμε τις επιλογές επιλογής και να μειώσουμε τις βρύσες. Μία από τις επιλογές θα έδειχνε το κλασικό ημερολόγιο αλλά αυτό φάνηκε σαν μια περιττή επιπλέον βρύση, διότι θα μπορούσαμε να χωρέσουμε τα πάντα στην ίδια οθόνη. Και έτσι δοκιμάσαμε. Και δοκιμάστηκε.
Η στιγμή του uh-oh
Ένα από τα πρώτα προβλήματα που εντοπίσαμε με τη "μαγεία" ήταν η έλλειψη ανατροφοδότησης σχετικά με τις ημερομηνίες. Εάν ο χρήστης επέλεξε την επόμενη εβδομάδα, το σύστημα πρόσθεσε την ημερομηνία, αλλά ο χρήστης δεν είχε λόγο σε αυτό. Ακόμα κι αν ήταν μια ελεύθερη μέρα, ίσως ήθελε το έργο να προγραμματιστεί για άλλη μια μέρα. Χρειαζόμασταν ένα επιπλέον βήμα για να δείξουμε την ημερομηνία που θα μπορούσε να επιβεβαιώσει ο χρήστης.
Ένα άλλο πρόβλημα έγινε προφανές: δεν είχαμε αρκετές πληροφορίες σχετικά με τους χρήστες για να κάνουμε τις καλύτερες δυνατές προτάσεις. Για να γίνει αυτό, θα χρειαζόταν πιθανώς πολλή εισροή από τον χρήστη ή, πράγματι, κατασκοπεία σε ό, τι κάνουν. Πάνω από όλα αυτά, η κωδικοποίηση ενός τέτοιου συστήματος ήταν πολύ περίπλοκη.
Επίσης, η διασύνδεση ήταν πραγματικά γεμάτη με πολλές επιλογές, και πάρα πολλές βρύσες απαιτούνται για κάποιες απλές επιλογές. Σε αυτό το σημείο είχαμε φτάσει σε ένα "παράδοξο επιλογής" - έναν όρο που επινοήθηκε από Barry Schwartz - είχαμε τόσες πολλές επιλογές που στην πραγματικότητα η επιλογή ενός ήταν ένα αποθαρρυντικό έργο από μόνο του.
Η πρώτη λύση που ξεκινήσαμε ήταν μια αλγοριθμική λύση που θα έκανε υπολογισμούς για σας. Η ιδέα είναι έξυπνη σε χαρτί, αλλά ένας εφιάλτης για την εφαρμογή, αφού δεν έχουμε αρκετές πληροφορίες για να την κάνουμε πραγματικά έξυπνη. - Todoist ιδρυτής, Amir Salihefendic.
Με την πολύτιμη βοήθεια του Khoi Vinh (εκπληκτικός σχεδιαστής και γκουρού UX), αρχίσαμε να συνειδητοποιούμε ότι δεν επιτύχαμε τον στόχο μας απλοποίησης, καθιστούσαμε την εφαρμογή πιο περίπλοκη.
Τελικά ξεπερνώντας το παράδοξο της επιλογής
Κατά την ανάπτυξη μιας εφαρμογής, τις περισσότερες φορές η φαντασία σας είναι το όριο. Αυτό σημαίνει ότι είναι εύκολο να πάτε εντελώς εκτός του σκάφους. Εμείς οπαδούς έπεσε σε αυτή την παγίδα. Από εκεί, έπρεπε να κάνουμε ένα βήμα πίσω και να ξανασκεφτούμε ολόκληρο το σύστημα.
Υποστηρίζουμε έντονα την απλότητα στις διεπαφές χρήστη, οπότε ο νέος οπτικός προγραμματιστής δεν θα μπορούσε να είναι περίπλοκος. Εδώ, ξεκινήσαμε χρησιμοποιώντας ένα από τα Η Sheena Iyengar αρχές από την "Τέχνη της επιλογής": περικοπή. Το σύνολο των επιλογών περιορίστηκε και οι προτάσεις ημερομηνίας καταργήθηκαν εντελώς.
Αν και οι εκδόσεις Android και iOS λειτουργούν με τον ίδιο τρόπο, ο διεπαφή χρήστη προσαρμόστηκε ώστε να ταιριάζει καλύτερα σε κάθε πλατφόρμα. Αν και είναι η τελική διάταξη, οι επιλογές που θα ρυθμιστούν θα εξακολουθούν να προσαρμόζονται πριν από την απελευθέρωση.
Η διάταξη ήταν επίσης απλοποιημένη. Η τελική λύση είναι ένα πλέγμα επιλογών 3 × 2, με πρόσβαση σε ένα πλήρες ημερολόγιο ως μία από τις επιλογές, οπότε είναι εύκολο να γνωρίζουμε τι να περιμένουμε σε οποιοδήποτε σημείο. Κάποιες από τις άλλες λύσεις ίσως ήταν καλές επιλογές, αλλά μετά από δοκιμές, θεωρήσαμε ότι ήταν πιο δύσκολες στη χρήση και απαιτούσαν μια πιο απότομη καμπύλη μάθησης. Μερικές φορές είναι καλύτερα να το κρατά απλό.
Καταβλήθηκε μεγάλη προσπάθεια για την ανάπτυξη του συστήματος και, τελικά, αποφασίσαμε μια εύληπτη ομάδα επιλογών. Όλα αυτά για να προσφέρουν μια μεγάλη εμπειρία χρήστη που πραγματικά βοηθά τον χρήστη να λαμβάνει αποφάσεις σχετικά με τις ημερομηνίες λήξης και τελικά να κάνει τα πράγματα.