Μέσα σε μια Κριτική Σχεδιασμού με το Facebook

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

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

Έχουμε προσκαλέσει σχεδιαστές από όλο τον κόσμο να συμμετάσχουν σε αυτό το πείραμα, μοιράζοντας τη δουλειά τους μαζί μας χρησιμοποιώντας το hashtag #FacebookDesignCrit. Η πρώτη μας κριτική συνεργασίας ήταν μια επιτυχία (μπορείτε να διαβάσετε ένα άρθρο παρακολούθησης από τον συμμετέχοντα σε ό, τι έμαθε από την κριτική με εμάς).

Σχεδιαστής / προγραμματιστής Steve Saul

Για τη δεύτερη κριτική μας, συναντηθήκαμε με τον προγραμματιστή και σχεδιαστή του Bay Area, Steve Saul, περνώντας από τα σχέδιά του για ένα συνεργατικό εκπαιδευτικό εργαλείο online που ονομάζεται MixLink.

Έξι μέλη του οργανισμού Facebook - Ryan McLaughlin, Holly Hagen, Pierre Marly, Geoff Teehan, Tanner Christensen και Sara Getz - κάθισαν μαζί με τον Steve για να συζητήσουν το έργο του.

Ο Ryan McLaughlin, ο Holly Hagen, ο Pierre Marly, ο Geoff Teehan, ο Tanner Christensen και η Sara Getz

Ξεκινήσαμε αναθεωρώντας το προϊόν του Steve MixLink, περνώντας από την ιστορία του πώς έγινε αυτό.

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

Η σελίδα ανάθεσης MixLink επικρίναμε.

"Ήθελα πραγματικά να φανεί και να νιώθω ότι οι μαθητές ολοκληρώνουν αυτό που θα εξοικειωθούν με αυτό, το οποίο είναι ένα φυλλάδιο", εξήγησε ο Steve. "Αυτή είναι η εξήγηση για το τι συμβαίνει στη δεξιά πλευρά της οθόνης. Η ανατροφοδότηση που ψάχνω είναι: πώς σχεδιάζετε μια διεπαφή που είναι απλή και εύκολη στην παρακολούθηση; "

Με μια σταθερή διαμόρφωση του MixLink και μια σαφή κατανόηση των προκλήσεων που αντιμετώπισε, πήγαμε να δουλέψουμε.

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

Geoff: Μπορώ να κάνω μια ερώτηση σχετικά με τον δείκτη προόδου μπλε κύκλου μέχρι την κορυφή; Τι προσπαθείτε να πετύχετε με τον κύκλο, είναι οι μέρες που απομένουν ή η ημερομηνία λήξης;

Steve: Η αρχική μου σκέψη ήταν ότι ο κύκλος θα μετριόταν από τη στιγμή που ανατέθηκε στην ημερομηνία λήξης. Σκέφτηκα για τους φοιτητές που μπορεί να το κάνουν αυτό ως εργασία στο σπίτι. Σε αυτή την περίπτωση, σκέφτηκα ότι θα ήταν σημαντικό να έχουν κάποια ένδειξη "Πόσο καιρό έχω αφήσει για να ολοκληρώσω αυτό;" Η ερώτηση που δεν είχα απαντήσει όταν σχεδίασα αυτό ήταν εάν οι μαθητές θα έρχονταν ή όχι πίσω σε αυτή τη σελίδα συχνά, αυτό μπορεί να μην είναι μια κανονική περίπτωση χρήσης. Ίσως έρχονται εδώ μια φορά και να ολοκληρώσουν την αποστολή σε μια συνεδρίαση, δεν ξέρω.

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

Pierre: Το άλλο πράγμα που πρέπει να θυμάστε είναι ότι μοιάζει να μιλάτε μια μεταφορά για ένα ημερολόγιο με ένα για ένα ρολόι. Χρησιμοποιείτε πραγματικά έναν κύκλο, έτσι για μένα υπάρχει μια οπτική ένταση ανάμεσα στην έννοια που προσπαθείτε να εκπροσωπήσετε και το πράγμα που θέλετε να μεταφέρετε.

Tanner: Μπορείτε να μας περάσετε από το πώς προσγειώθηκε στο διάγραμμα πίτας για αυτό το πρόβλημα;

Steve: Αρχικά ήθελα να κάνω μια αντίστροφη μπάρα. Υπήρξε μια παλαιότερη έκδοση που είχα όταν, καθώς προχωράτε μέσα από το μάθημα, το μπαρ συρρικνώνεται μέχρι να ολοκληρωθεί. Το βρήκα αυτό να προκαλεί σύγχυση, διότι τότε υπήρχαν δύο παρόμοιες ενδείξεις για την πρόοδο σε μια εργασία [η μία ήταν η πρόοδος που έχετε κάνει σε μια ανάθεση και η άλλη για το πόσο χρόνο έμεινε μέχρι να λήξει). Έτσι έφτασα στον κύκλο.

Αρχικό σχεδιασμό του Steve για δείκτη ολοκλήρωσης.

Pierre: Ίσως είναι ενδιαφέρον να σκεφτούμε την έννοια του πώς ένας μαθητής ανταποκρίνεται στην πίεση με αυτήν την προσέγγιση. Όταν σχεδιάζετε αυτό, εάν διατηρήσετε το αίσθημα της πίεσης στο μυαλό, μια οπτική αντίστροφη μέτρηση ενός χρονόμετρου μπορεί να σας κάνει να αισθανθείτε κάποιο τρόπο σε σχέση με κάτι πιο στατικό. Μιλάτε για το πώς υπάρχουν μερικές διαφορετικές μετρήσεις για να ολοκληρωθεί εδώ, αλλά έχετε σκέφτονται να αφαιρέσετε περιττά στοιχεία; Δεν είμαι έτοιμος να υποβάλετε στο δάσκαλο μέχρι να ολοκληρωθεί η εργασία, οπότε πρέπει να δω ένα κουμπί "Υποβολή στο Δάσκαλο" που ξεθωριάζει;

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

Ryan: Μπορώ να θέσω μια ερώτηση σχετικά με τη διάταξη της ίδιας της σελίδας; Ποια είναι η αξία της ικανότητας σάρωσης ολόκληρης της εργασίας πριν την ξεκινήσετε;

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

Tanner: Για να είμαστε σαφείς, Ryan, ρωτάς αν υπάρχει ακόμη και ένα πλήκτρο Begin Assignment;

Sara: Ναι, αν δεν υπήρχε κουμπί Start Assignment και μόλις ξεκίνησε η πρώτη φορά που ένας μαθητής έκανε κλικ σε μια απάντηση. Αυτό θα βοηθούσε να καθαρίσετε μερικές από αυτές τις απόψεις επίσης γιατί θα μπορούσατε να αφαιρέσετε αυτό το κουμπί.

Steve: Λοιπόν, πρέπει να γνωρίζω πριν ένας φοιτητής ξεκινήσει την αποστολή ποιοι είναι. Από τεχνική άποψη, αυτό το πλήκτρο Begin Assignment μπορεί να τις συνδέσει αν δεν έχουν συνδεθεί ακόμα. Ο λόγος που το έκανα με αυτόν τον τρόπο ήταν επειδή αφαιρεί ένα βήμα μεταξύ της εγγραφής στον ιστότοπο, της καταγραφής και της υποχρέωσης των εκπαιδευτικών να προσθέσουν μαθητές σε μια εργασία.

Holly: Μου αρέσει η ιδέα ενός κουμπιού "Get Started". Ως δάσκαλος, αυτό θα μπορούσε να είναι πολύ χρήσιμο. Μπορώ να δω ποιος ξεκίνησε και πραγματικά ξεκίνησε εναντίον των ανθρώπων που δεν έχουν ή που ίσως κολλήσει, τότε μπορώ να πάω και να μιλήσω μαζί τους για την πρόοδό τους.

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

Πλοήγηση για αναθέσεις σε εξέλιξη / υποβολή.

Steve: Σε μια προηγούμενη έκδοση προσπάθησα να βάλω μια λίστα από συνδέσμους εκεί, και αυτό ήταν πραγματικά πρακτικό, επειδή όταν τα στοιχεία είχαν ένα πολύ μακρύ όνομα δεν υπήρχε τρόπος να μετακινηθείτε σε ολόκληρη τη λίστα. Αποφάσισα να το αφήσω ανοιχτό, επειδή ήθελα οι μαθητές να βλέπουν πάντα πού βρίσκονται για οπτική αναφορά. Δεν είχα σκεφτεί πραγματικά να το κρύψω ή να καταρρεύσω, αλλά προσπαθούσα να το μοντελοποιήσω γύρω από κάποιες δοκιμές που είχα δει online.

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

Geoff: Κάπως σχετικό, και αυτό είναι μικρό, αλλά έχετε πάρει οποιαδήποτε ανατροφοδότηση σχετικά με τα πράσινα checkmarks. Μήπως αυτό προκαλεί σύγχυση στους μαθητές; Έχετε πάρει οποιαδήποτε σχόλια σχετικά με το αν νομίζουν ότι είναι επικύρωση του να πάρει το τμήμα απάντησε σωστά ή όχι;

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

Geoff: Μου αρέσει πολύ το ωφέλιμο αυτό, αλλά νομίζω ότι μπορεί να είναι ενδιαφέρον να εξερευνήσεις τρόπους να κάνεις κάτι τέτοιο λίγο πιο διασκεδαστικό, έτσι ώστε τα παιδιά να αρέσουν πραγματικά. Βλέποντας μια γραμμή προόδου, ή όταν εισέρχονται ετικέτες ελέγχου. Νομίζω ότι αυτά είναι ωραία συνθήματα ως αίσθηση ολοκλήρωσης. Τι άλλες μικρές στιγμές χαράς ή ολοκλήρωσης μπορείτε να εργαστείτε σε αυτό για να συνεχίσετε να παρακινήσετε τους ανθρώπους; Αυτές είναι σχετικά σύντομες αποστολές, αλλά μπορείτε να φανταστείτε σε μερικές μακρύτερες αυτές που θα μπορούσαν να γίνουν ξεχασμένες ή ξηρές. Ποιοι άλλοι τρόποι θα μπορούσατε να κάνετε αυτό πιο ελκυστικό; Όπως και με άλλα ενδιαφέροντα σχεδιαστικά στοιχεία όταν τα πράγματα έχουν ολοκληρωθεί ή χρησιμοποιώντας κινούμενα σχέδια όταν ολοκληρώσετε κάτι. Αυτά τα μικρά κομμάτια χαράς και απόλαυσης. Νομίζω ότι από τη στιγμή που θα καρφώσετε μερικά πιο θεμελιώδη πράγματα που θα ήταν ένα πραγματικά ενδιαφέρον μέρος για να κοιτάξετε δίπλα.

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

Steve: Όπως ένα χρυσό αστέρι;

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

Tanner: Είμαστε σχεδόν από το χρόνο. Οποιεσδήποτε υπόλοιπες σκέψεις ή ερωτήσεις; Αισθάνεσαι ότι έκανες κάποιες καλές απαντήσεις από τον Steve; Έχετε κάποια ιδέα τώρα τι πρέπει να κάνετε όταν απομακρύνεστε από αυτό;

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

Βασικές τακτικές

Συνολικά, αυτή ήταν μια επιτυχημένη κριτική. Είχαμε μια σπουδαία συνομιλία με τον Steve που δημιούργησε κάποιες ευκαιρίες για να προσθέσει σαφήνεια στην πρόοδο του προϊόντος, τόσο από άποψη χαμηλών δεσμών όσο και από μεγαλύτερες ιδέες.

Από την άποψη των άμεσων αποτελεσμάτων, ο Steve ανταποκρίθηκε γρήγορα στην πρόκλησή μας να εισαγάγει περισσότερη απόλαυση στην ολοκλήρωση του μαθήματος προσθέτοντας ένα κινούμενο μπλε σημάδι.

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

1. Να είναι πραγματικά ανοιχτό σε ανατροφοδότηση

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

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

2. Γνωρίστε τι θέλετε να ξεφύγετε από την κριτική

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

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

3. Το πλαίσιο στην κριτική είναι το κλειδί

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

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

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

Ευχαριστώ ιδιαιτέρως τη Sara Getz για τη δημιουργία του πρώτου σχεδίου αυτής της θέσης.