اگه طراح محصول هستید یا در تیمهای توسعه محصول کار میکنید، حتما بارها با این صحنه مواجه شدید که دکمهای که در صفحه پروفایل قرار دارد با دکمه صفحه پرداخت از نظر سایز، رنگ و حتی گردی گوشهها (Border Radius) فرق میکنه٬ اینجاست که همه چیز بهم ریخته میشه.
دیزاین سیستم (Design System) دقیقا همون چیزیه که میاد تا به این بهم ریختگی پایان بده. در این مقاله قرار هست که از سیر تا پیاز دیزاین سیستم بگیم و ببینیم چرا داشتن اون برای هر بیزینسی از نان شب واجبتر هست.
خیلیها فکر میکنند دیزاین سیستم همان UI Kit یا کتابخانه کامپوننتهاست. اما واقعیت این هست که دیزاین سیستم مثل یک موجود زنده هست. دیزاین سیستم مجموعهای از استانداردها، مستندات، اصول طراحی و کامپوننتهای قابل استفاده مجدد هست که به تیمها کمک میکنه تا محصولی یکپارچه خلق کنند.
اگه UI Kit رو یک جعبه مداد رنگی فرض کنیم، دیزاین سیستم در واقع همون کتاب راهنمای نقاشی هست که میگه هر رنگ کجا و چطور باید استفاده بشه.
وقتی همه چیز طبق یک اصول و قوانین خاصی از قبل طراحی شده و شکل گرفته٬ چرا از اول همه چیز رو بسازیم؟ با داشتن یک دیزاین سیستم، طراح و برنامهنویس وقتشون وا برای طراحی دوباره یک فیلد ورودی تلف نمیکنند و تمرکزشون رو روی حل مسئله (Problem Solving) میگذارنند.
یوزر وقتی از اپلیکیشن شما به وبسایتتان میره، نباید احساس غریبی کنه. دیزاین سیستم باعث میشه تجربه کاربری (UX) در تمام پلتفرمها یکسان باقی بماند.
بیزینسهای بزرگ بدون دیزاین سیستم فلج میشوند. وقتی قرار باشد محصول بزرگ بشه، بدون یک سیستم منظم، هزینههای نگهداری و اصلاح کدها (Technical Debt) سر به فلک میکشه.
Figma: ابزار محبوب دنیای دیزاین که با قابلیت Variables و Auto Layout، ساخت سیستم رو راحت کرده.
Storybook: بهترین ابزار برای مستندسازی کامپوننتهای کد زده شده (مخصوص فرانتاندکارها).
Zeroheight: پلتفرمی عالی برای نوشتن مستندات و راهنمای استفاده از دیزاین سیستم.
دیزاین سیستم یک پروژه نیست که تمام بشه، یک فرآیند است. اول باید نیازسنجی رو شروع کنید٬ برای تیم فنی توضیح بدید که دیزاین سیستمی که پیادهسازی نشه، فقط یک فایل زیبا در فیگماست. مستند سازی رو جدی بگیرید٬ بنویسید که هر المان کجا باید استفاده بشه و کجا نباید استفاده بشه.
دیزاین سیستم پلی هست بین خلاقیت طراح و منطق برنامهنویس. اگه میخواهید محصولی بسازید که کاربر بتونه به راحتی با اون کار کنه٬ از همین امروز به فکر ساخت یک دیزاین سیستم باشید.
