GitHub για συνεργασία προϊόντων και σχεδιασμού

Πώς η GitHub μας βοηθά να οικοδομήσουμε μια διαφανή και ολοκληρωμένη κουλτούρα σχεδιασμού για την ομάδα προϊόντων μας

Πριν από μερικά χρόνια, η Microsoft εξαγόρασε δύο εταιρείες: Acompli (μια εφαρμογή ηλεκτρονικού ταχυδρομείου) και Sunrise (μια εφαρμογή ημερολογίου). Διατηρήσαμε τις μοναδικές διαδικασίες και τις πολιτιστικές ιδιότητες που συνέβαλαν στη δημιουργία αυτών των εξαιρετικών προϊόντων. Στον πυρήνα της ήταν μια ισχυρή χρήση του GitHub.

Το Microsoft Outlook για Android & iOS έχει εκατομμύρια χρήστες σε όλο τον κόσμο. Με μια μικρή ομάδα σχεδιασμού, γίνεται πραγματικά δύσκολο, αν όχι αδύνατο, να παρακολουθείτε τις εργασίες σχεδιασμού, να προβάλλετε την τρέχουσα πρόοδο του χαρακτηριστικού και να παρέχετε σε όλους την ομάδα ίσες ευκαιρίες να παρουσιάσουν νέες ιδέες. Επιπλέον, σε κάθε δεδομένο σημείο, η ομάδα εργάζεται σε πολλαπλά χαρακτηριστικά και συνεργάζεται με ανθρώπους σε διάφορες πόλεις. Το GitHub συνδέει άψογα ανθρώπους και έργα σε χρονικές ζώνες και δίνει τη δυνατότητα σε όλους να συμμετέχουν και να μοιράζονται τις ιδέες τους.

Γιατί το GitHub λειτουργεί για εμάς

Το GitHub είναι καθιερωμένο ως πλατφόρμα ονείρου μηχανικού για συνεργασία στην ανάπτυξη με μια κοινότητα 28 εκατομμυρίων * ανθρώπων σε όλο τον κόσμο. Με την επανάληψη αυτών των ροών εργασίας, το GitHub μπορεί να χρησιμοποιηθεί ως πρωταρχικός χώρος για συνεργασία μεταξύ όλων των κλάδων, συμπεριλαμβανομένων των διαχειριστών προϊόντων (PMs), των μηχανικών, του μάρκετινγκ, του σχεδιασμού και της έρευνας και υποστήριξης.

Το GitHub μας δίνει την ευελιξία και μια ισχυρή δομή για να διατηρήσουμε τις ομάδες προϊόντων (σχεδιασμός, PM και μηχανική) που εμπλέκονται στη διαδικασία σχεδιασμού και επικεντρώνονται σε σημαντικές συνομιλίες γύρω από συγκεκριμένα χαρακτηριστικά.

Γιατί το χρησιμοποιούμε:

  1. Παρέχει μια ισχυρή δομή για την οργάνωση της εργασίας
  2. Συλλαμβάνει ένα πλούσιο ιστορικό αποφάσεων
  3. Συνδέει ανθρώπους και έργα
  4. Συμπεριλαμβανομένων των απομακρυσμένων εργαζομένων και διαφορετικών προσωπικοτήτων
  5. Δημιουργεί χώρο για ιδιοκτησία και καινοτομία

1. Παρέχει μια ισχυρή δομή για την οργάνωση της εργασίας

Κάθε τρίμηνο, η ομάδα του Outlook Mobile στοχεύει σε πολλά νέα χαρακτηριστικά και εμπειρίες, γυαλίζει τις παλιές ή βελτιώνει τις υπάρχουσες εμπειρίες μέσα στην εφαρμογή. Για κάθε ένα από αυτά τα προγραμματισμένα καθήκοντα σχεδιασμού, δημιουργούμε ένα νέο "ζήτημα σχεδίου". Όλα αυτά τα ζητήματα διατίθενται στο iOS ή το αποθετήριο Android στο GitHub.

Πώς οργανώνονται τα θέματα από τα αποθετήρια

Κάθε θέμα σχεδιασμού έχει μερικά βασικά στοιχεία:

  • Σύντομη περιγραφή και πεδίο εφαρμογής που καθορίζονται σε συνεργασία με τους υπεύθυνους διαχείρισης και τους μηχανικούς.
  • Ένα πλήρωμα χαρακτηριστικών αποτελούμενο από έναν αρχιτέκτονα, έναν ερευνητή, έναν μηχανικό και ένα PM. Η προσθήκη των εντολοδόχων στο GitHub δείχνει σαφώς ποιος κατέχει αυτή τη λειτουργία.
  • Ένας σχεδιαστής μολύβδου που μοιράζεται τους τόνους των οπτικών, όπως τα wireframes και τα mockups υψηλής πιστότητας, τα στατικά πρωτότυπα, τα ευρήματα από τις μελέτες χρηστών και ακόμα και τις ανέλιες εξερευνήσεις του σχεδιασμού κίνησης.
  • Ετικέτες όπως το App Polish, Define, Ready-for-dev, αναθεώρηση, μάρκετινγκ, ηλεκτρονικό ταχυδρομείο, ημερολόγιο και ούτω καθεξής. Αυτό καθιστά εξαιρετικά εύκολο να αναζητήσουμε σχετικά ζητήματα τα οποία επί του παρόντος επεξεργάζονται.

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

2. Συλλέγει ένα πλούσιο ιστορικό αποφάσεων

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

Δημιουργούμε νέα θέματα σχεδιασμού με βάση τα χαρακτηριστικά που χτίζουμε κάθε τρίμηνο και το GitHub λειτουργεί ως ο κύριος κόμβος επικοινωνίας για όλους στη διαδικασία.

  • Σύντομη περιγραφή: Για να ξεκινήσουμε τα θέματα, δημιουργήσαμε μια σύντομη παρουσίαση σε συνεργασία με το πλήρες πλήρωμα. Καθορίζουμε σαφώς τις δηλώσεις προβλημάτων, τα σενάρια χρηστών, την υπόθεση, τα σχόλια των χρηστών, την ανταγωνιστική ανάλυση, τα δεδομένα και τις γνώσεις από ερευνητικές μελέτες για αναφορά.
  • Οπτικά, όχι λόγια: Οι εικόνες αξίζουν χίλιες λέξεις και τα πρωτότυπα αξίζουν πολύ περισσότερα. Τα θέματα σχεδιασμού μας είναι πλούσια σε οπτικά εφέ, γεμάτα με συρματοπλέγματα, σχέδια χαμηλής πιστότητας, διαδραστικά πρωτότυπα, υψηλής πιστότητας και σχέδια κίνησης που η ομάδα μπορεί να βιώσει στις κινητές συσκευές τους. Αυτό μας βοηθά να εξετάσουμε τα ζητήματα και να πάρουμε την ουσία του μέσα σε λίγα λεπτά.
  • Μια ιδιαίτερα επαναληπτική διαδικασία: Κάθε χαρακτηριστικό γνώρισμα περνάει από πολυάριθμες επαναλήψεις, αυστηρές δοκιμές και ερευνητικές μελέτες πριν από τη ναυτιλία. Δοκιμάζουμε τα χαρακτηριστικά μας στο προϊόν πολύ πριν τα σχέδια είναι έτοιμα για αποστολή. Επίσης, δοκιμάζουμε τα πρωτότυπά μας με τους χρήστες στο διαδίκτυο και συναντάμε τους χρήστες στο πρόσωπο για να λάβουμε σχόλια σχετικά με συγκεκριμένα χαρακτηριστικά. Αυτό μας βοηθά να συλλέξουμε πολύτιμα ποιοτικά και ποσοτικά δεδομένα για να επαναλάβουμε.
  • Η διαδικασία αποστολής: Η αποστολή ενός στοιχείου είναι μόνο η αρχή του ταξιδιού. Τα χαρακτηριστικά αποστέλλονται σε φάσεις σε διάφορα τμήματα κοινού, εσωτερικά και εξωτερικά. Οι κάρτες αποτελεσμάτων και οι μετρήσεις μας βοηθούν να παρακολουθούμε την επίδραση ενός χαρακτηριστικού στη συμπεριφορά των χρηστών. Ζούμε το προϊόν που κατασκευάζουμε πριν το αποσταλεί στους τελικούς χρήστες μας. Στη συνέχεια το στέλνουμε και μάθουμε να το κάνουμε ακόμα καλύτερα.

Κάθε θέμα σχεδίασης στο GitHub δείχνει ένα πλούσιο ιστορικό των αποφάσεων της ομάδας και παρέχει ένα ουσιαστικό πλαίσιο για κάθε δεδομένο χαρακτηριστικό.

Ο κύκλος ζωής ενός προβλήματος GitHub

3. Συνδέει ανθρώπους και έργα

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

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

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

Αν κάποιος ζητήσει λεπτομέρειες σχετικά με ένα συγκεκριμένο χαρακτηριστικό, είναι τόσο εύκολο όσο στέλνετε ένα σύνδεσμο στο θέμα όπου θα δουν ολόκληρη την ιστορία - από το σχεδιασμό έως το PM στη μηχανική. Οι νέοι σχεδιαστές της ομάδας μπορούν να εξοικειωθούν με το τρέχον λειτουργικό χαρακτηριστικό εντός λίγων ημερών από την είσοδό τους στη Microsoft.

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

4. Συμπεριλαμβανομένων των απομακρυσμένων εργαζομένων και των προσωπικοτήτων

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

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

5. Δημιουργεί χώρο για ιδιοκτησία και καινοτομία

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

Ο καθένας μας οδηγεί επίσης ειδικά θέματα όπως τα πακέτα UI, τις παλέτες χρωμάτων, την προσβασιμότητα, τον εντοπισμό, την copywriting, την επιβίβαση σε νέους υπαλλήλους κ.ο.κ.

Σας ευχαριστώ, GitHub!

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

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

Χρησιμοποιείτε επίσης το GitHub για συνεργασία προϊόντων και σχεδιασμού; Θα θέλαμε να ακούσουμε την ιστορία σας.

Περισσότερα για το Microsoft Design

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

Ακολουθήστε το Microsoft Design σε Dribbble, Twitter και Medium.

Αυτό το άρθρο συντάχθηκε από τους Siddhant Mehta, Miles Fitzgerald, Charles Riccardi, Μιχαήλ Παλμερμίτη, Τάλι Ροθ και Κλαίρ Άντερσον. Δεν θα μπορούσε να συμβεί χωρίς τη βοήθεια όλων των συνεργατών του Outlook. ️

Για να παραμείνετε ενημερωμένοι με τη Microsoft Design, ακολουθήστε μας στο Dribbble, στο Twitter και στο Facebook ή να συμμετάσχετε στο πρόγραμμα Windows Insider. Και αν σας ενδιαφέρει να συμμετάσχετε στην ομάδα μας, κατευθυνθείτε στο aka.ms/DesignCareers.