Η προεπιλεγμένη εμφάνιση ενός εργαλείου μουσικής καθορίζει το είδος της μουσικής που οι άνθρωποι φτιάχνουν με αυτό. Ένα μαύρο και μωβ εργαλείο synth παρακινεί τους ανθρώπους προς synth κομμάτια. Ένα ζεστό, χάρτινο εργαλείο folk τους παρακινεί προς folk κομμάτια. Θέλαμε το aisonggen να μοιάζει ουδέτερο ως προς το είδος, οπότε έχει τέσσερα θέματα που κάθονται όλα ισότιμα στην είσοδο.
Οι τέσσερις διαθέσεις στις οποίες καταλήξαμε
- Sonic Teal — η ψυχρή, κλινική προεπιλογή. Μοιάζει με το εσωτερικό ενός στούντιο mastering μετά τα μεσάνυχτα. Καλύτερο για ambient, techno, οτιδήποτε όπου το τραγούδι είναι περισσότερο αρχιτεκτονική παρά ιστορία.
- Neon Orange — το δυνατό, καυτό. Η προεπιλογή της μάρκας. Μοιάζει με έξοδο κλαμπ στις 2 π.μ. Καλύτερο για trap, hyperpop, οτιδήποτε όπου η ενέργεια είναι το ζητούμενο.
- Studio Black — το ήσυχο, ακριβό. Ανθρακί και χρυσό. Μοιάζει με δερμάτινο ενισχυτή κιθάρας. Καλύτερο για jazz, soul, τραγουδοποιούς που θέλουν να αντιμετωπιστούν σοβαρά.
- Electric Magenta — το παιχνιδιάρικο. Ροζ και χρώμιο. Μοιάζει με το εσωτερικό ενός μουσικού βίντεο Y2K. Καλύτερο για pop, dance, οτιδήποτε όπου το αστείο επιτρέπεται να είναι προφανές.
Τι μας στοίχισαν τα θέματα
Ο σχεδιασμός για ένα θέμα είναι χίλιες μικρές αποφάσεις γύρω από
αντίθεση, ιεραρχία και έμφαση. Ο σχεδιασμός για τέσσερα είναι οι ίδιες
χίλιες αποφάσεις, τέσσερις φορές — και πρέπει να καταλήξουν στο ίδιο
component χωρίς να σπάσουν. Ο τρόπος με τον οποίο το κάναμε διαχειρίσιμο ήταν να
μεταφέρουμε κάθε χρώμα σε ένα σύστημα tokens, ώστε τα ίδια τα components
να μην πιάνουν ποτέ έναν κωδικό hex, μόνο έναν ρόλο: --primary,
--accent, --bg-elevated. Τα θέματα αλλάζουν τις τιμές· τα
components δεν αλλάζουν καθόλου.
Τι μας προσέφεραν
Αυτό που δεν περιμέναμε: οι άνθρωποι άρχισαν να επιλέγουν θέματα ανά πλαίσιο είδους, όχι ανά προσωπικό γούστο. Ένας παραγωγός που δούλευε σε ένα trap beat θα πέρναγε σε Neon Orange ακόμη κι αν η προεπιλογή του ήταν το Sonic Teal. Ο εναλλάκτης θεμάτων σταμάτησε να είναι ένα dropdown ρυθμίσεων και έγινε μέρος της ροής εργασίας — ένας τρόπος να φέρετε το δωμάτιο στη σωστή διάθεση για το τραγούδι που έτυχε να γράφετε.
Μια σημείωση για την προσβασιμότητα
Και τα τέσσερα θέματα πληρούν το WCAG AA σε αντίθεση κειμένου και δαχτυλίδια εστίασης. Κανένα δεν βασίζεται μόνο στο χρώμα για κατάσταση — κάθε ενεργή κατάσταση αλλάζει επίσης σχήμα, βάρος ή θέση. Ένας χρήστης που δεν μπορεί να δει τη χρωματική διαφορά μεταξύ Sonic Teal και Neon Orange θα πρέπει παρόλα αυτά να μπορεί να καταλάβει ότι ένα κουμπί είναι πατημένο.