Μας γράψατε μπερδεμένοι για κάτι που έμοιαζε με σφάλμα: δημιουργήσατε έναν ιστότοπο εστιατορίου για το νέο μαγαζί, δεν σας άρεσε, τον αναδημιουργήσατε, και πήρατε κάτι που έμοιαζε ύποπτα με τον ίδιο ιστότοπο με αλλαγμένη ταμπέλα. Τερακότα τοίχοι, κρεμ κάρτες, ένα serif λογότυπο που θα μπορούσε να ανήκει σε οποιοδήποτε μπιστρό από το Πόρτλαντ μέχρι την Πράγα. Ρωτήσατε, εύλογα, αν το εργαλείο απλώς ανακύκλωνε ένα πρότυπο από πίσω.
Δεν το κάνει, και θέλω να απαντήσω πραγματικά στην ερώτηση αντί να σας καθησυχάσω χωρίς εξήγηση.
Αυτό που συναντήσατε είναι πραγματικό, και δεν αφορά αποκλειστικά τη δική σας κατασκευή — είναι μια γνωστή αστοχία οτιδήποτε δημιουργεί από μια μεγάλη κατανομή εκπαίδευσης χωρίς να του δοθεί εντολή να κάνει διαφορετικά. Ζητήστε από ένα μοντέλο να σχεδιάσει έναν ιστότοπο εστιατορίου χωρίς περαιτέρω κατεύθυνση και θα καταλήξει στο στατιστικό μέσο όρο κάθε ιστότοπου εστιατορίου που έχει δει ποτέ, και ο μέσος όρος είναι τερακότα και κρεμ, επειδή αυτό κυριαρχεί στην κατανομή. Ίδια ιστορία για landing pages SaaS (κεντραρισμένο hero με gradient, τρία στρογγυλεμένα εικονίδια χαρακτηριστικών) ή πίνακες ελέγχου crypto (το ένα gradient indigo-προς-βιολετί που φαίνεται να συμφωνούν όλα τα μοντέλα). Δεν είναι ότι το μοντέλο δεν μπορεί να κάνει κάτι διαφορετικό — ζητήστε του να σχεδιάσει σαν φυλλάδιο χιονοδρομικού θέρετρου δεκαετίας 1970 ή σαν σοβιετικό χάρτη μετρό και συνήθως θα τα καταφέρει, συχνά καλά. Είναι ότι τίποτα δεν το ανάγκασε σε μια απόφαση, οπότε επέλεξε από προεπιλογή τον μέσο όρο.
Τι πραγματικά άλλαξε από κάτω σας
Ο λόγος που η δεύτερη προσπάθειά σας θα έπρεπε να έμοιαζε διαφορετική — και αν δεν έμοιαζε, αυτό είναι το κομμάτι που αξίζει να διορθώσουμε εμείς άμεσα αντί να το παρακάμπτετε εσείς — είναι ένα πέρασμα που ονομάζουμε διευθυντή σχεδίασης. Εκτελείται πριν ο κατασκευαστής γράψει οποιοδήποτε markup, και η μόνη του δουλειά είναι να κάνει επιλογές από τις οποίες ο κατασκευαστής δεν μπορεί να ξεγλιστρήσει αργότερα: μια παλέτα με άποψη, συγκεκριμένη τυπογραφία, μια διάθεση διατυπωμένη αρκετά ξεκάθαρα ώστε να ελεγχθεί. Συγκεκριμένα, αυτό είναι:
- Πέντε έως επτά ονομασμένα χρώματα με ρόλους — όχι "πρωτεύον/δευτερεύον" αλλά "το χρώμα που προορίζεται για καταστάσεις κινδύνου", "το χρώμα που εμφανίζεται μόνο στο hover"
- Δύο γραμματοσειρές, η καθεμία με έναν λόγο ύπαρξης
- Δύο έως τρεις προτάσεις γλώσσας διάθεσης, του τύπου που ένας πραγματικός καλλιτεχνικός διευθυντής θα καρφίτσωνε σε έναν πίνακα
Το τεστ που εφαρμόζουμε σε μια οδηγία είναι αν μπορεί να παραβιαστεί. Το "ζεστό και φιλόξενο" δεν μπορεί — δεν υπάρχει τρόπος να το παραβιάσεις, που σημαίνει ότι δεν υπάρχει τρόπος να το επιβάλεις. Το "ζεστή χειροποίητη φθινοπωρινή παλέτα, μελανά περιγράμματα σε κρεμ χαρτί, τίποτα γυαλιστερό, καμία σκιά" είναι μια πραγματική δέσμευση, και μια γυάλινη κάρτα με gradient που εμφανίζεται αντίθετα σε αυτή την οδηγία είναι εμφανώς λάθος, κάτι που ακριβώς την κάνει χρήσιμη.
Αν η κατασκευή σας βγήκε γενική, η ειλικρινής πιθανότητα είναι ότι η οδηγία στο prompt σας ήταν αρκετά ανεπαρκής ώστε ο διευθυντής να μην έχει τίποτα σταθερό να δεσμευτεί. Το να ονομάσετε μια αναφορά — έναν τόπο, μια εποχή, ένα υλικό, ακόμα και απλώς "όχι μπεζ" — του δίνει κάτι να αντιπαλέψει.
Γιατί εμπιστεύομαι αυτό και όχι μόνο τα στιγμιότυπα οθόνης
Θα σας πω τι με έπεισε, επειδή δεν ήταν να κοιτάξω τρία ωραία παραδείγματα δίπλα δίπλα — έτσι πείθεσαι για μια νίκη που δεν υπάρχει. Τρέξαμε μερικές εκατοντάδες κατασκευές ανά κατηγορία, πριν υπάρξει ο διευθυντής και μετά, και μετρήσαμε την ανά ζεύγη απόσταση χρώματος μεταξύ κατασκευών της ίδιας κατηγορίας χρησιμοποιώντας delta-E στον χώρο Lab αντί για ακατέργαστο RGB, επειδή το RGB θα επιμείνει ότι δύο παρόμοια κορεσμένα μπλε είναι μακριά ενώ φαίνονται πανομοιότυπα στην οθόνη. Οι ιστότοποι εστιατορίων ήταν οι χειρότεροι πριν τον διευθυντή — η συντριπτική πλειοψηφία συγκεντρωνόταν μέσα σε μια στενή ζώνη delta-E, όλοι στραμμένοι στην ίδια τερακότα.
Δεν θα το υπερπουλήσω ούτε σε εσάς. Η απόσταση χρώματος μετρά το "φαίνεται διαφορετικό", όχι το "φαίνεται καλό", και δεν λέει ακόμα τίποτα για την ποικιλία διάταξης ή τυπογραφίας, που δεν έχουμε μετρήσει τόσο προσεκτικά. Μια παλέτα μπορεί να είναι μέγιστα διαφορετική από τις γειτονικές της και να παραμένει άσχημη. Πιστεύουμε ότι το διαφορετικό-και-περιστασιακά-παράξενο νικά το ασφαλές-και-ομοιόμορφο για αυτό που κατασκευάζετε, αλλά αυτή είναι μια υποκειμενική κρίση, όχι απόδειξη.
Κάτι να προσέξετε από τη δική σας πλευρά
Υπάρχει μια αστοχία που κινείται στην αντίθετη κατεύθυνση, και αξίζει να την επισημάνουμε πριν τη συναντήσετε: μερικές φορές το "καθαρό και μοντέρνο" δεν είναι ανεπαρκής προδιαγραφή, είναι το πραγματικό αίτημα. Κάποιος που κατασκευάζει έναν πίνακα ελέγχου SaaS επιχειρήσεων συχνά θέλει το βαρετό πρότυπο σκόπιμα, επειδή οι χρήστες του το περιμένουν και η απόκλιση από αυτό δημιουργεί tickets υποστήριξης, όχι ενθουσιασμό. Ένας διευθυντής πολύ πρόθυμος να διαφοροποιηθεί θα επιστρέψει περιστασιακά κάτι πιο καλλιτεχνικά κατευθυνόμενο από όσο ζητήσατε. Δίνουμε μεγαλύτερο βάρος στους ρητούς περιορισμούς σας από ό,τι στο ένστικτο του διευθυντή να διαφοροποιηθεί, οπότε το "βαρετό και εταιρικό" θα σας δώσει καλαίσθητα βαρετό αντί για επανάσταση ενάντια στη δική σας οδηγία — αλλά αν έχετε ήδη εταιρικά χρώματα, ένα λογότυπο, φωτογραφίες αναφοράς του χώρου, βάλτε τα στο prompt ή επισυνάψτε τα απευθείας. Τα κλειδωμένα δεδομένα εισόδου νικούν πάντα τον διευθυντή που εφευρίσκει τη δική του κατεύθυνση, και θα τα αντιμετωπίσει ως περιορισμούς, όχι προτάσεις.
Για την ιστορία, αυτό έχει ακόμη μεγαλύτερη σημασία αν κάποτε κατασκευάσετε ένα από τα παιχνίδια μας αντί για έναν ιστότοπο — ένα παιχνίδι έχει πολύ περισσότερη επιφάνεια για να αφήσει έναν διευθυντή χωρίς κατεύθυνση από ό,τι μια landing page, αφού η οδηγία εκεί πρέπει να κλειδώσει το στυλ sprite, το αίσθημα κίνησης, το UI chrome και την ηχητική παλέτα σε ένα πέρασμα (περισσότερα για την ηχητική πλευρά συγκεκριμένα στο Ήχος που δεν είναι μπιπ), επειδή η ασυνέπεια μέσα σε μία κατασκευή διαβάζεται ως ημιτελής με τρόπο που η ασυνέπεια μεταξύ δύο άσχετων κατασκευών δεν διαβάζεται ποτέ.
