כתבת אלינו מבולבל לגבי משהו שהרגיש כמו באג: יצרת אתר למסעדה למקום החדש, לא אהבת את זה, יצרת אותו מחדש, וקיבלת משהו שנראה חשוד באופן דומה לאותו אתר עם השלט מוחלף. קירות טרקוטה, כרטיסי קרם, לוגו בגופן סריף שיכול להשתייך לכל ביסטרו מפורטלנד ועד פראג. שאלת, בסבירות הגיונית, האם הכלי פשוט ממחזר תבנית אחת מתחת למכסה המנוע.
זה לא, ואני רוצה לענות בפועל על השאלה במקום להרגיע אותך תוך התעלמות ממנה.
מה שקרה לך הוא אמיתי, וזה לא ייחודי לבנייה שלך — זהו דפוס כשל ידוע של כל מערכת שיוצרת תוצרים מתוך התפלגות אימון גדולה מבלי שאומרים לה לעשות אחרת. אם תבקשו ממודל לעצב אתר למסעדה בלי כיוון נוסף, הוא יגיע לאמצע הסטטיסטי של כל אתרי המסעדות שהוא ראה אי פעם, והאמצע הזה הוא טרקוטה וקרם, כי זה מה ששולט בהתפלגות. אותו סיפור לגבי דפי נחיתה של SaaS (hero במרכז עם גרדיאנט, שלושה אייקוני תכונות מעוגלים) או לוחות בקרה של קריפטו (אותו גרדיאנט אינדיגו-לסגול שכל המודלים כאילו מסכימים עליו). זה לא שהמודל לא יכול לעשות משהו אחר — בקשו ממנו לעצב כמו חוברת של אתר סקי משנות ה-70 או מפת תחבורה סובייטית, והוא לרוב יצליח בכך, לעיתים היטב. הבעיה היא שדבר לא כפה החלטה, אז הוא ברירת המחדל שלו הייתה הממוצע.
מה שבאמת השתנה מתחתיך
הסיבה שהניסיון השני שלך היה אמור להיראות אחרת — ואם לא נראה כך, זה החלק ששווה לנו לתקן ישירות ולא שאתה תעקוף אותו — הוא שלב שאנחנו קוראים לו "מנהל העיצוב" (design director). הוא רץ לפני שהבנאי כותב שורת קוד אחת, ותפקידו היחיד הוא לקבל החלטות שהבנאי לא יכול להתחמק מהן אחר כך: פלטה עם נקודת מבט, גופנים ספציפיים, מצב-רוח שמנוסח בבהירות מספקת כדי שאפשר יהיה לבדוק מולו. באופן קונקרטי, זה כולל:
- חמישה עד שבעה צבעים בעלי שם עם תפקידים מוגדרים — לא "ראשי/משני" אלא "הצבע השמור למצבי שגיאה," "הצבע שמופיע רק במעבר עכבר"
- שני גופנים, כל אחד עם סיבה להיותו שם
- שניים עד שלושה משפטים של שפת מצב-רוח, מהסוג שאמן ארט דירקטור אמיתי היה מצמיד ללוח השראה
המבחן שאנחנו מיישמים על תדריך עיצוב הוא האם ניתן להפר אותו. "חם ומזמין" לא ניתן להפר — אין דרך להפר את זה, מה שאומר שאין גם דרך לאכוף את זה, והבנאי חוזר ישר לטרקוטה-וקרם ללא קשר למה שכתוב בתדריך. "פלטת סתיו חמה בסגנון רישום יד, קווי דיו על נייר קרם, כלום מבריק, בלי צללים" היא מחויבות אמיתית, וכרטיס עם גרדיאנט זכוכיתי המוצג מול התדריך הזה נראה שגוי באופן ברור — וזה בדיוק מה שהופך אותו לשימושי.
אם הבנייה שלך יצאה גנרית, האפשרות הכנה היא שהתדריך שלך בפרומפט היה לא מוגדר מספיק כדי שלמנהל העיצוב יהיה משהו איתן להתחייב אליו. ציון של רפרנס — מקום, תקופה, חומר, אפילו סתם "בלי בז'" — נותן לו משהו לדחוף כנגדו.
למה אני סומך על זה ולא רק על צילומי המסך
אני אגיד לך מה שכנע אותי, כי זה לא היה בהתבוננות בשלוש דוגמאות יפות זו לצד זו — כך משכנעים את עצמכם בניצחון שלא קיים. הרצנו כמה מאות בניות בכל קטגוריה, לפני שהיה קיים מנהל העיצוב ואחרי, ומדדנו מרחק צבע זוגי בין בניות מאותה קטגוריה באמצעות דלתא-E במרחב Lab במקום RGB גולמי, כי RGB יתעקש ששני כחולים דומים ברוויה רחוקים זה מזה בזמן שהם נראים זהים על המסך. אתרי מסעדות היו הפושעים הגרועים ביותר לפני מנהל העיצוב — הרוב המכריע התקבצו בתוך רצועת דלתא-E צרה, כולם מגיעים לאותה טרקוטה.
אני גם לא אנפח את זה יתר על המידה. מרחק צבע מודד "נראה שונה," לא "נראה טוב," והוא לא אומר עדיין כלום על מגוון הפריסה או הגופנים, שלא כייילנו בקפידה דומה. פלטה יכולה להיות שונה באופן מקסימלי משכנותיה ועדיין להיראות מכוערת. אנחנו חושבים ששונה-ולפעמים-מוזר עדיף על בטוח-ואחיד עבור מה שאתה בונה, אבל זה שיקול דעת, לא הוכחה.
דבר אחד שכדאי להיזהר ממנו מהצד שלך
יש דפוס כשל שרץ לכיוון ההפוך, וכדאי לסמן אותו לפני שתיתקל בו: לפעמים "נקי ומודרני" זה לא חוסר הגדרה, זו הבקשה בפועל. מישהו שבונה לוח בקרה ארגוני של SaaS לרוב רוצה את הדפוס המשעמם בכוונה, כי המשתמשים שלו מצפים לו וסטייה ממנו יוצרת פניות תמיכה, לא הנאה. מנהל עיצוב שלהוט מדי להבדיל יחזיר לפעמים משהו מכוון-אמנותית יותר משביקשת. אנחנו נותנים משקל לאילוצים המפורשים שלך מעל האינסטינקט של מנהל העיצוב להבדיל, כך ש"משעמם וארגוני" אמור להביא לך משעמם בטעם טוב במקום מרד בתדריך שלך עצמו — אבל אם כבר יש לך צבעי מותג, לוגו, תמונות רפרנס של המקום, שים אותם בפרומפט או צרף אותם ישירות. קלטים נעולים מנצחים המצאה של כיוון עצמאי על ידי מנהל העיצוב בכל פעם, והוא יתייחס אליהם כאילוצים, לא כהצעות.
וזה חשוב עוד יותר אם אי פעם תבנה אחד מהמשחקים שלנו במקום אתר — למשחק יש הרבה יותר משטח שמנהל עיצוב יכול להשאיר לא מכוון מאשר לדף נחיתה, מכיוון שהתדריך שם צריך לנעול יחד סגנון ספרייטים, תחושת אנימציה, ממשק משתמש, ופלטת אודיו במעבר אחד (עוד על צד האודיו הספציפי ב-צליל שהוא לא צפצופים), כי חוסר עקביות בתוך בנייה אחת נקרא כלא-גמור בדרך שחוסר עקביות בין שתי בניות לא קשורות אף פעם לא נקרא.
