Σχεδιάστε τους πόρους του συστήματος

Και τι μπορείτε να περιμένετε να μάθετε από το καθένα

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

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

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

ΒΙΝΤΕΟ

Design Systems, πότε και πόσο;

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

Εξέλιξη της γλώσσας σχεδιασμού στο Big Blue

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

Σχεδιαστικά συστήματα στο Zendesk

Τα συστήματα σχεδιασμού είναι τέλεια τοποθετημένα ώστε να οδηγούν σε ευρεία υιοθέτηση προσβάσιμου σχεδιασμού. Σε 17 λεπτά 35 δευτερόλεπτα, ο συνάδελφός μου Austin Green αρχίζει να μιλά για την πλευρά μηχανικής του συστήματος σχεδιασμού μας. Αυτό είναι το αγαπημένο μου μέρος της ομιλίας, καθώς ο Austin πηγαίνει στο πώς χτίζουμε την προσβασιμότητα σε κάθε ένα από τα συστατικά του συστήματος σχεδιασμού μας. Αυτό που αγαπώ για την εξήγησή του είναι ότι το καθιστά απόλυτα προσπελάσιμο (να το πάρει;) και για τους μη μηχανικούς.

Βιώσιμα συστήματα σχεδιασμού

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

ΒΙΒΛΙΑ

Εγχειρίδιο σχεδιασμού συστημάτων

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

Διαβάστε αυτό αν ...

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

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

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

Τοποθετώντας τα θεμέλια

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

Διαβάστε αυτό αν ...

... ψάχνετε για μια νέα προοπτική, χωρίς προκατάληψη εργαλείων ή εταιρείας. Μου αρέσει ιδιαίτερα το βιβλίο αυτό να επικεντρώνεται σε σήματα στα συστήματα σχεδιασμού. Είναι γραμμένο από τον Andrew Couldwell, ο οποίος έχει εμπειρία που ασχολείται με συστήματα σχεδιασμού για όσους αγαπούν την Adobe και τη WeWork. Ομοίως με το Εγχειρίδιο Σχεδιασμού Συστήματος παραπάνω, αυτό το βιβλίο είναι μια μεγάλη θεμελιακή ανάγνωση για όσους επιθυμούν να αρχίσουν να εργάζονται στο σύστημα σχεδιασμού τους.

ΑΡΘΡΑ

Γιατί τα συστήματα σχεδιασμού αποτυγχάνουν

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

Διαβάστε αυτό αν ...

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

Η βιβλιοθήκη σκίτσων σας δεν είναι σύστημα σχεδιασμού

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

Διαβάστε αυτό αν ...

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

Άτομα πάνω από εικονοστοιχεία

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

Διαβάστε αυτό αν ...

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

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

Τα πιο συναρπαστικά συστήματα σχεδιασμού είναι βαρετά

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

Διαβάστε αυτό αν ...

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

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

AirBnB: Δημιουργία οπτικής γλώσσας

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

Διαβάστε αυτό αν ...

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

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

Σχεδιασμός συστημάτων σχεδιασμού σύνθετων προϊόντων

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

Διαβάστε αυτό αν ...

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

Κινούμενα σχέδια στα συστήματα σχεδιασμού

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

Διαβάστε αυτό αν ...

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

Ατομική σχεδίαση

Διαβάστε αυτό αν ...

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

Ατομικός σχεδιασμός: πώς να σχεδιάσετε συστήματα των εξαρτημάτων

Διαβάστε αυτό αν ...

... θέλετε να δείτε πώς ένας σχεδιαστής έβαλε το Atomic Design στην πράξη

Ποιοι είναι οι αγαπημένοι σας πόροι συστήματος σχεδιασμού;

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

Ελέγξτε το design.zendesk.com για περισσότερη σκέψη ηγεσία, διαδικασία σχεδιασμού και άλλες δημιουργικές σκέψεις.

Ακολουθήστε μας: Team Instagram | Ομάδα Dribbble | Το Instagram μου | Το Twitter μου