زبان دیزاین فقط یه تم بصری نیست
فرانتاندخلاصهٔ کاملتر
به گفتهٔ نویسنده، دیزاین سیستمها برای مهار پراکندگی ساخته شدن، ولی یکی از راههاش اینه که همهچیزو با انبوهی از توگل و variant و prop کنترل کنی. تو Polaris شاپیفای نتیجه این شد که پیشنمایش سفارش، پروفایل ارسال و ایمپورتر CSV — با اینکه محتوا و اکشنهاشون کاملاً فرق داشت — همه شکل کامپوننت رو گرفتن. برای یه محصول سازمانی این یعنی وقت بیشتر برای خوندن رابط و ساختن مدل ذهنی، و این هزینه روی هم جمع میشه.
تمایز اصلی مقاله بین مونتاژ و شکلدادنه. رابط مونتاژشده از ساختاری شروع میشه که در دسترسه: تیتر تو هدر، محتوا تو بدنه، اکشنها تو فوتر. رابط شکلگرفته از معنی اطلاعات شروع میشه. نویسنده مثال فیلد «از–به» رو میزنه: Uniswap اونرو به دو بشقاب با یه لولای وسط تبدیل میکنه، Uber از زبان نقطهوخط نقشه یه مسیر میسازه، و اپ بانکش فقط یه جعبهٔ سفیده که یه خط خاکستری وسطشه. کنترلهای زیرین یکیان، ولی فقط دوتاشون به رابطه فرم دادن.
تیم شاپیفای برای همین به سمت API ترکیبپذیرتر برای Card رفت، یعنی یه پوستهٔ منعطف با اسلاتهای باز. ولی به گفتهٔ نویسنده، ترکیبپذیری فقط قالب از پیش تعیینشده رو برمیداره و یاد نمیده جاش چی بسازی؛ دیزاینرها محافظهکار میمونن و همون کارت آشنا رو دستی بازسازی میکنن. خیلی از زبانهای دیزاین در واقع استایلگایدن — تایپوگرافی و رنگ و فاصله و سایه رو تعریف میکنن ولی دربارهٔ نمایش مفهومهای اصلی محصول چیزی نمیگن.
مدل پیشنهادی چهار لایه داره. اولی مدل محصوله: primitiveهای اصلی، حالتها و رابطههاشون. شاپیفای یه گراف بههمپیوستهٔ تجارته، Linear حول حرکت کار بین حالتها میچرخه و Uber حول سفری که تو جغرافیا و حالتهای لحظهای جلو میره. دومی واژگانه: اسمها مثل سفارش و مشتری، فعلها مثل انتشار و حذف، حالتهایی مثل پیشنویس و پرداختشده، و نقشهای معنایی رنگ.
سومی گرامره: اینکه ساختار رو اساساً با شکل میسازی، با خط، یا با فضا. شاپیفای چون اشیای فیزیکی واقعی رو نشون میداد سراغ شکلهای مرزدار و سطوح تودرتو و رنگ معنایی رفت؛ Linear بیشتر روی فضا و همترازی و ریتم تکیه میکنه تا اسکن و آپدیت سریع بشه؛ Uber با نماد و خط و شکل، حرکت و پیشرفت سفر رو منتقل میکنه. چهارمی شیوهٔ بیانه: اینکه رنگ و فاصله و موشن قراره چی رو بگن، نه فقط اینکه چه توکنهایی موجوده.
نویسنده میگه وقتی ۳۰۰ دیزاینر روی یه محصول کار میکنن، محدودیت سفت لازم ندارن ولی به یه قطبنما نیاز دارن. نقلقولی که میاره خوب جمعش میکنه: آشپز میدونه چی کار کنه و همونو تکرار میکنه، ولی سرآشپز میدونه چرا. کامپوننتها قطعهٔ قابلاستفادهٔ مجدد میدن؛ زبان دیزاین این اعتمادبهنفس رو میده که با اون قطعهها حرف معناداری بزنی.
نکات کلیدی:
- کامپوننت خیلی قابلپیکربندی باعث میشه همهچیز شکل کامپوننت رو بگیره، نه شکل معنیش.
- ترکیبپذیری فضا برای شکلدادن میسازه، ولی نمیگه به چه سمتی شکل بدی.
- زبان دیزاین از استایلگاید فراتره: مدل محصول، واژگان، گرامر و شیوهٔ بیان.
- گرامر یعنی جواب این سؤال که ساختار رو با شکل میسازی، با خط، یا با فضا.
- شخصیت محصول باید از مدل محصول بیرون بیاد، نه اینکه روش چسبونده بشه.
