Ένα Έτος Σχεδιασμός στο WhatsApp

Σκέψεις σχετικά με το πώς σχεδιάζεται το WhatsApp και το Facebook σε κλίμακα

Είμαι σχεδιαστής προϊόντων στο Facebook σχεδόν τέσσερα χρόνια. Έχω εργαστεί σε διάφορες ομάδες όπως Ομάδες, Κοινή χρήση και Προστασία προσωπικών δεδομένων. Αυτή τη στιγμή πέρυσι, έχω μια συναρπαστική ευκαιρία να ξεκινήσω τις εργασίες για το WhatsApp.

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

Έχω μάθει πολλά κατά το παρελθόν έτος και θέλω να μοιραστώ αυτό που έχω παρατηρήσει σχεδιάζοντας για το WhatsApp και το Facebook.

Ισχυρές αρχές

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

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

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

Συνήθως κάθε σχεδιαστής Facebook λέω αυτό να αποσύρει. Λένε πράγματα όπως: Θα το μισούσα αυτό! Ποιος αποφασίζει την κατεύθυνση του προϊόντος; Μήπως νιώθετε ότι δεν έχετε τον έλεγχο; Μπορείτε να εισαγάγετε νέες ιδέες;

Η λήψη αποφάσεων της WhatsApp είναι σημαντικά πιο πάνω από το Facebook όταν πρόκειται για οδικό χάρτη. Προσωπικά διαπιστώνω ότι μου δίνεται περισσότερη προσοχή στο έργο που κάνω. Επιδρά στο προϊόν μέσω των σχεδίων μου, κάτι που μου έχει νόημα ... Είμαι σχεδιαστής.

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

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

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

Κατάσταση κατάστασης στο Android

Βοηθητική οδήγηση χρησιμότητας έναντι χρησιμότητας οδήγησης εμπλοκής

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

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

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

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

Για μένα, η εκμάθηση εδώ ήταν ότι δεν υπάρχει ούτε ένας τύπος σχεδιασμού για την καλλιέργεια του προϊόντος σας. Μπορείτε να βοηθήσετε τον χρήστη να δοκιμάσει νέα πράγματα (NUXs, popovers κ.λπ.), αλλά μπορείτε επίσης να ενθαρρύνετε παθητικά τον χρήστη (ανακάλυψη, από στόμα σε στόμα, κ.λπ.). Η εύρεση τρόπων σεβασμού της πρόθεσης ενός ατόμου σε αυτές τις αποφάσεις για προϊόντα είναι επωφελής και δημιουργεί μια σεβαστή εμπειρία προϊόντος.

Κατάσταση κειμένου

Σχεδιαστικά εργαλεία και δεξιότητες σχεδιασμού

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

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

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

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

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

Φίλτρα φωτογραφίας

Μοναδικά προβλήματα

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

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

Στο Facebook, η πραγματική ταυτότητα καταλήγει να είναι ένα θεμελιώδες δομικό στοιχείο των σχεδίων. Στο WhatsApp, δεν απαιτούμε από τους ανθρώπους να έχουν εικόνα προφίλ. Δεν απαιτούμε από τους ανθρώπους να χρησιμοποιούν το όνομά τους! Η ταυτότητα είναι κάτι που θεωρώ δεδομένο στα σχέδιά μου στο Facebook, αλλά ορισμένα προβλήματα γίνονται πολύ πιο άμορφα όταν δεν μπορείτε να βασιστείτε στα οφέλη της ταυτότητας.

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

Αναζήτηση συνομιλίας στο iOS

Μετακίνηση αργή και σκόπιμη

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

Στο WhatsApp, ξεκινάτε με ένα πρόβλημα. Εργάζεστε σε ένα φάσμα λύσεων. Ξεκινάτε να το χτυπάτε στις λύσεις που φαίνεται να το λύουν καλύτερα και να τηρούν τις αρχές της εφαρμογής. Αλέθετε την καλύτερη λύση μέχρι να νομίζετε ότι τίποτα δεν είναι λάθος με αυτό. Στη συνέχεια, συνεχίζετε να λερώνετε τη λύση μέχρι να μην υπάρχει τίποτα λάθος. Οι προγραμματιστές χτίζουν τη λύση και το εξάγετε σε όλους σε μια ενημέρωση εφαρμογής. Η διαδικασία είναι επίσης επαναληπτική σε κάποιο βαθμό, αλλά κυρίως στο τμήμα σχεδιασμού. Υπάρχει πρόσθετη πίεση στο σχεδιασμό για να το βγείτε ακριβώς έξω από την πύλη.

Το Facebook έχει την αξία του "Move Fast." Η απόκτηση ενός έργου που πηγαίνει στο Facebook μπορεί να είναι εξαιρετικά γρήγορη, αλλά η πλήρης διαδικασία εκκίνησης ενός προϊόντος μπορεί πραγματικά να πάρει αρκετό χρόνο. Εάν η WhatsApp είχε ένα παρόμοιο σύνθημα, θα ήταν "να κινηθεί αργά και σκόπιμα." Χάρημε πολύ περισσότερο χρόνο μπροστά στη φάση του σχεδιασμού, κυρίως επειδή είμαστε πιο δυσμενείς στην περιστροφή στη φάση ανάπτυξης. Όταν παραδίδουμε το σχεδιασμό στους μηχανικούς, προσπαθούμε πραγματικά να παραδώσουμε όσο το δυνατόν περισσότερο ένα ολοκληρωμένο spec και να κάνουμε ψεύδη. Το πλεονέκτημα αυτού είναι ότι προκαλεί λιγότερα προβλήματα στη μηχανική, τα οποία οι μηχανικοί εκτιμούν. Το πιθανό μειονέκτημα είναι ότι οι μηχανικοί μπορούν να αισθάνονται λιγότερο εμπλεκόμενοι στη διαδικασία σχεδιασμού του προϊόντος και να αισθάνονται πιο απομονωμένοι από τις αποφάσεις του προϊόντος.

Υπάρχουν πλεονεκτήματα και μειονεκτήματα και στις δύο αυτές μεθόδους εργασίας, αλλά η πραγματική μάθηση για μένα είναι ότι λειτουργούν και οι δύο μέθοδοι. Κανείς δεν είναι ιδιαίτερα ταχύτερος από τον άλλον, είναι περισσότερο θέμα προτίμησης για το στυλ εργασίας. Το στυλ Facebook επιτρέπει περισσότερη αλληλεπικάλυψη μεταξύ των ρόλων και το στυλ WhatsApp έχει μια ροή εργασίας με πιο εστιασμένους ρόλους.

Προβολές κατάστασης και ενημέρωση κατάστασης στο iOS

Τυλίγοντας

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

Το έγραψα επίσης με την ελπίδα να ευαισθητοποιηθώ για το WhatsApp Design. Είμαστε μια αυξανόμενη ομάδα και ψάχνουμε για περισσότερους ανθρώπους να βοηθήσουν. Εάν αυτές οι αξίες ή οι τρόποι εργασίας σας ενδιαφέρουν για εσάς, θα πρέπει να ελέγξετε τις ανοικτές θέσεις μας, ειδικά τον ρόλο του Σχεδιαστή Προϊόντων.