Αν το ίδιο πεδίο φόρμας έχει τρία διαφορετικά μηνύματα λάθους σε τρεις σελίδες, η ομάδα δεν έχει μόνο θέμα συνέπειας. Κάθε νέα αλλαγή θα χρειάζεται τρεις συζητήσεις και τρεις διορθώσεις. Εκεί μπορεί να βοηθήσει ένα design system, δηλαδή μια συλλογή κοινών κανόνων και επαναχρησιμοποιήσιμων στοιχείων. Δεν χρειάζεται να ξεκινήσει ως τεράστια βιβλιοθήκη με κάθε πιθανό κουμπί και κάρτα.
Βρείτε τις επαναλήψεις που ήδη κοστίζουν χρόνο
Καταγράψτε όσα σχεδιάζονται ή υλοποιούνται ξανά: πεδία, κουμπιά, κάρτες, αποστάσεις, αλλά και τι εμφανίζεται όσο κάτι φορτώνει, όταν δεν υπάρχουν αποτελέσματα ή όταν συμβεί σφάλμα. Ξεχωρίστε μια πραγματική κοινή ανάγκη από δύο στοιχεία που απλώς μοιάζουν. Αν η συμπεριφορά τους διαφέρει ουσιαστικά, η βιαστική ενοποίηση μπορεί να κάνει το σύστημα δυσκολότερο στη χρήση.
Εξηγήστε την απόφαση μαζί με το στοιχείο σχεδιασμού
Μια κοινή τιμή χρώματος ή απόστασης μπορεί να οριστεί μία φορά και να χρησιμοποιείται παντού. Τα CSS custom properties της MDN δείχνουν έναν τεχνικό τρόπο υλοποίησης. Το σημαντικότερο όμως είναι να ξέρει η ομάδα γιατί υπάρχει μια επιλογή: πότε χρησιμοποιείται το κύριο κουμπί, πώς φαίνεται όταν δεν είναι διαθέσιμο και πώς εμφανίζεται ένα σφάλμα. Μια συλλογή από εικόνες οθόνης χωρίς κανόνες γρήγορα παύει να είναι κοινό σημείο αναφοράς.
Κρατήστε κοινή βάση χωρίς να ισοπεδώσετε τις σελίδες
Μια παρουσίαση έργου μπορεί να χρειάζεται διαφορετικό ρυθμό εικόνων από μια σελίδα υπηρεσίας. Δεν χρειάζεται να χωρέσουν στην ίδια σύνθεση. Μπορούν όμως να μοιράζονται τυπογραφία, αποστάσεις και συμπεριφορά των βασικών κουμπιών και πεδίων. Το σύστημα προστατεύει την ποιότητα στα σημεία που επαναλαμβάνονται και αφήνει χώρο για σχεδιαστική απόφαση εκεί όπου το περιεχόμενο το απαιτεί.
Ορίστε πώς αλλάζει το σύστημα
Ποιος αποφασίζει ότι μια λύση για μία σελίδα θα χρησιμοποιείται πλέον παντού; Ποιος ενημερώνει τη σχεδίαση και τον κώδικα; Τι κάνουμε με παλιές παραλλαγές; Αν δεν υπάρχει απάντηση, η βιβλιοθήκη και το προϊόν αποκλίνουν. Ξεκινήστε με λίγα στοιχεία που χρησιμοποιούνται συχνά, δοκιμάστε τα σε πραγματικές παραδόσεις και επεκτείνετέ τα μόνο όταν μια νέα ανάγκη έχει επιβεβαιωθεί.
Συχνές ερωτήσεις
Πότε αξίζει να δημιουργηθεί design system;
Όταν επαναλαμβάνονται patterns σε πολλές οθόνες ή προϊόντα και περισσότερα άτομα χρειάζονται κοινές αποφάσεις για εμφάνιση, συμπεριφορά και προσβασιμότητα.
Ένα design system περιορίζει τη δημιουργικότητα;
Όχι όταν ορίζει σταθερά θεμέλια και αφήνει χώρο στη σύνθεση. Περιορίζει τις τυχαίες ασυνέπειες, όχι τον σχεδιαστικό χαρακτήρα κάθε εμπειρίας.