Εικονογράφηση από τον Fanny Luor

Πώς σχεδιάζετε ένα έγγραφο σχεδιασμού;

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

Σε μια περιστασιακή δημοσκόπηση Twitter, 1 στους 3 σχεδιαστές προϊόντων ανέφεραν ότι ξοδεύουν τουλάχιστον το 25% του χρόνου τους για την ανασκόπηση ή την εγγραφή τεκμηρίωσης. Το αστείο είναι ότι πολλές τάξεις σχεδιασμού δεν μιλούν ούτε καν για την τεκμηρίωση.

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

Όταν γίνει καλά, ένα καλό έγγραφο σχεδιασμού μπορεί:

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

Στο Dropbox, κάνουμε σχέδια για κάθε έργο. Όλα τα έργα πρέπει να ξεκινήσουν κάπου, και για εμάς ξεκινά συχνά σε ένα έγγραφο Dropbox Doc.

Αλλά πώς σχεδιάζετε ένα design doc; Ζήτησα από μερικούς σχεδιαστές της ομάδας μας συμβουλές για τη δημιουργία τεκμηρίωσης. Εδώ έχω πάρει από αυτούς.

Συνδέστε τα έγγραφα

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

Έτσι ένα πράγμα που κάνει η Emily Miller να κρατήσει τα docs της είναι να δημιουργήσει ένα ευρετήριο στην κορυφή των εγγράφων της. Ο δείκτης εμφανίζει τα σχετικά έγγραφα έργου και όλα αυτά τα έγγραφα έχουν τον ίδιο ευρετήριο στην κορυφή. "Είναι σαν ένα mini website nav," εξηγεί η Emily.

Ένας δείκτης διατηρεί όλα συνδεδεμένα

Ας υποθέσουμε ότι το έγγραφο σχεδίασης της αποκαλείται "Project Popup [Design]". Το έγγραφο μηχανικής και το αντίγραφο doc θα ακολουθήσουν ένα παρόμοιο μοτίβο ονοματοδοσίας: "Project Popup [Eng]" και "Project Popup [Copy]".

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

Αγκαλιάστε το emoji

Πολλοί άνθρωποι χρησιμοποιούν emoji σήμερα στις εφαρμογές ανταλλαγής μηνυμάτων. Στο Dropbox, χρησιμοποιούμε το emoji αρκετά λίγο - στα δικά μας έγγραφα σχεδιασμού

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

Για παράδειγμα, η Sheta Chatterjee και η ομάδα της χρησιμοποιούν ένα emoji pin για να δείξουν την τρέχουσα εβδομάδα ενός σπριντ. Χρησιμοποιούν επίσης ένα κινούμενο emoji σκάψιμο για να δείξει αν μια ενότητα εξακολουθεί να εργάζεται. Εάν άλλοι βλέπουν το κινούμενο σκάκι, ξέρω ότι αυτά τα σχέδια δεν έχουν τεθεί ακόμα σε πέτρα.

Το Emoji δεν είναι μόνο για διακόσμηση

Ορισμένοι σχεδιαστές της ομάδας μας χρησιμοποιούν επίσης emoji στον τίτλο των εγγράφων τους. Στο χαρτί, αν προσθέσετε ένα emoji στην αρχή του τίτλου σας, το emoji θα γίνει το favicon στην καρτέλα του προγράμματος περιήγησης. Το emoji καθιστά ευκολότερο να εντοπίσετε αυτό το doc - το οποίο είναι χρήσιμο αν έχετε ένα εκατομμύριο καρτέλες ανοικτό ταυτόχρονα

Α, είναι ο δικός μου δικός μου!

Ξαναζήστε την εμπειρία

Πολλές φορές, οι σχεδιαστές δεν δημιουργούν νέα προϊόντα από την αρχή. Αντ 'αυτού, κάνουν τσιμπήματα στις υπάρχουσες ροές για να τους κάνουν καλύτερο.

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

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

Τεκμηρίωση του καλού και του κακού σε ένα έγγραφο ελέγχου

Η Sara λέει ότι ο έλεγχος της βοηθά να μπει στη νοοτροπία του χρήστη και αυτό βοηθά στην ανάπτυξη της ενσυναίσθησης του χρήστη. Αυτοί οι έλεγχοι μου θυμίζουν τον χρήστη του Samuel Hulick, ο οποίος επιβιβάζει τα teardowns, αλλά φανταστείτε να το κάνετε στο δικό σας προϊόν - όπου μπορείτε να είστε ο δικός σας χειρότερος κριτικός.

Γυρίστε μια ιστορία

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

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

Για να γίνουν τα πράγματα πιο ενδιαφέροντα, η Laura καρυκεύει τα πράγματα με μερικές αναφορές ποπ κουλτούρας εδώ και εκεί.

Μια ιστορία σας βοηθά να κάνετε το σχέδιό σας πιο πειστικό

Η Laura χρησιμοποιεί ιστορίες όπως αυτό για να εξηγήσει τα σχέδιά της. Δεν πρόκειται για το Χρήστη Α με το Πρόβλημα Χ. Πρόκειται για ένα πρόσωπο σε μια πραγματική κατάσταση με πραγματικά προβλήματα. Η ιστορία βοηθάει να γίνει πιο πειστικό το πρόβλημα και η λύση.

Πάρτε τους προωθούνται

"Τα έγγραφα μπορούν να βοηθήσουν τους ανθρώπους να ενθουσιαστούν για μια ιδέα", λέει ο Ryhan Hassan.

Όταν τον ρωτάμε τι σημαίνει με αυτό, ο Ryhan εξηγεί πως χρησιμοποιεί μερικές φορές σχεδιαστικά έγγραφα ως εργαλείο παρουσίασης. Αυτός μου δείχνει μερικά έγγραφα που είναι ελαφριά για τα λόγια και βαριά για τα οπτικά.

Σε αυτά τα έγγραφα θα βρείτε όλα τα είδη οπτικών αντικειμένων: φωτογραφίες σημειώσεων, εικόνες στιγμιότυπων συνομιλιών, σκίτσα, βίντεο κλιπ, ακόμα και πρωτότυπα Framer. Είναι όλα ενσωματωμένα στο έγγραφο του εγγράφου - για να βοηθήσουν τις ιδέες του να ζωντανέψουν.

Συνενώνει διάφορους τύπους γραφικών για να δημιουργήσει μια αφήγηση που μπορεί να περπατήσει κατά τη διάρκεια μιας παρουσίασης.

Οι φωτογραφίες, οι συζητήσεις συνομιλίας και τα σκίτσα βοηθούν στην ιστορία

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

Αφήστε ένα ίχνος χαρτιού

Ανεξάρτητα από το πόσο εκπληκτικό είναι τα κομψά σχέδια σας, άλλοι θα έχουν πάντα ερωτήσεις σχετικά με την εργασία σας. Γιατί χρησιμοποιήσατε αυτό το στοιχείο; Έχετε θεωρήσει το Χ και το Υ; Πώς αλληλεπιδρά αυτό με αυτό το άλλο χαρακτηριστικό;

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

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

Δείξτε τη σκέψη πίσω από το έργο σας

"Αφιερώστε λίγο περισσότερο χρόνο για να τεκμηριώσετε τις αποφάσεις σχεδιασμού σας. Θα είναι πάντοτε ευκολότερο να συζητάμε και να εξετάζουμε τις αποφάσεις ", επισημαίνει η Melissa.

Κατασκευάστε ένα νεκροταφείο

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

Ο Kyle Decker ανασκάπτει ένα έγγραφο που ονομάζεται "Design Graveyard." Στο νεκροταφείο υπάρχουν δεκάδες παλιά σχέδια από το παρελθόν του έργο, μαζί με σημειώσεις για τον εαυτό του. Οι σημειώσεις εξηγούν γιατί ορισμένες εξερευνήσεις δεν έκαναν την περικοπή.

Το νεκροταφείο σχεδιασμού - όπου κάποιες από τις καλύτερες ιδέες σας ήταν για να ξεκουραστούν

Ο Kyle κρατά αυτές τις παλιές εξερευνήσεις ξεχωριστές από τον κύριο σχεδιασμό του εγγράφου για να κρατήσει τον κύριο doc του χωρίς clutter-free. Αλλά οι παλιές του εξερευνήσεις είναι μόνο ένα κλικ μακριά σε περίπτωση που χρειάζεται να τους φέρει πίσω στη ζωή κάποια μέρα.

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

Βρείτε συνεργάτη

Ένα μεγάλο πράγμα για ένα ντοκιμαντέρ σχεδιασμού είναι ότι γίνεται ένα μέρος όπου μπορείτε εύκολα να συλλέξετε ανατροφοδότηση σχετικά με τα σχέδιά σας. Οι συμπαίκτες μπορούν να αφήσουν ερωτήσεις (και φιλοφρονήσεις!) Χρησιμοποιώντας σχόλια εσωτερικά.

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

Σε αυτές τις περιπτώσεις, ο Wes O'Haire συνιστά να βρεθεί πρώτα ένας συνεργάτης. Πριν να μοιραστείτε το έγγραφό σας με μια μεγαλύτερη ομάδα, μοιραστείτε πρώτα ένα άτομο σε αυτήν την ομάδα. Περπατήστε αυτό το άτομο μέσω του doc σας για να βεβαιωθείτε ότι όλα έχουν νόημα. Έτσι, όταν είστε έτοιμοι να το μοιραστείτε με την μεγαλύτερη ομάδα για έγκριση, έχετε ήδη ένα άτομο στο πλευρό σας.

Πάρτε ένα άτομο για να ελέγξετε το έγγραφό σας πριν από όλους τους άλλους

Χάρη στον Wes, γνωρίζω τώρα ότι ο τρόπος με τον οποίο μοιράζεστε το έγγραφό σας μπορεί να είναι εξίσου σημαντικός με το περιεχόμενο μέσα σε αυτό.

Πώς κάνετε την τεκμηρίωση;

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

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

Και αν ενδιαφέρεστε να συνδεθείτε με τους σχεδιαστές που αναφέρονται παραπάνω, μπορείτε να τις βρείτε εδώ:

  • Εμίλι Μίλερ
  • Sheta Chatterjee
  • Σάρα Λιν
  • Laura Barbera
  • Ryhan Hassan
  • Melissa Mandelbaum
  • Kyle Decker
  • Wes O'Haire

Θέλετε περισσότερα από την ομάδα Dropbox Design; Ακολουθήστε τη δημοσίευσή μας, το Twitter και το Dribbble. Θέλετε να κάνετε μαγεία μαζί; Προσλαμβάνουμε!