چگونه سیستم طراحی خودم را از صفر ساختم

پس از سال‌ها شروع‌کردن هر پروژه با یک فایل خالی در فیگما، بالاخره تصمیم گرفتم سیستم طراحی جامع خودم را بسازم. این فرایند هم چالش‌برانگیز بود و هم بسیار ارزشمند؛ بنابراین می‌خواهم رویکردم را با طراحانی که به پیمودن این مسیر فکر می‌کنند، به اشتراک بگذارم.

کار را با ارزیابی پنج پروژهٔ اخیرم آغاز کردم و الگوها و کامپوننت‌های مشترک میان طراحی‌های مختلف را شناسایی کردم. این بررسی، ناهماهنگی‌هایی را در کارم آشکار کرد که پیش‌تر متوجه‌شان نشده بودم: هفت سبک دکمهٔ اندکی متفاوت، قواعد فاصله‌گذاری ناهماهنگ و سبک‌های متنیِ متغیر بدون دلیل روشن.

به‌جای ساخت یک سیستم خشک و ازپیش‌تعیین‌شده، آن را به‌صورت تدریجی و در جریان یک پروژهٔ واقعی برای مشتری توسعه دادم. در اپلیکیشن اکوترک، هر کامپوننت را هم‌زمان با طراحی مستند کردم و سیستمی زنده ساختم که همراه با نیازهای پروژه تکامل می‌یافت.

هستهٔ سیستم من شامل این موارد است:

• یک سیستم رنگ منعطف با نام‌گذاری معنایی
• مقیاس‌های تایپوگرافی مبتنی بر نسبت طلایی
• گونه‌های مختلف کامپوننت‌ها همراه با راهنمای استفادهٔ روشن
• قواعد فاصله‌گذاری و چیدمان برای حفظ یکپارچگی در دستگاه‌های مختلف

بزرگ‌ترین چالش فنی نبود، بلکه ذهنی بود: یاد گرفتم به سیستم اعتماد کنم و برای هر مسئلهٔ تازه، راه‌حل را از نو اختراع نکنم. با این حال، دستاوردش بسیار بزرگ بوده است؛ فرایند طراحی من اکنون ۴۰٪ سریع‌تر است، اصلاحات درخواستی مشتریان به‌طور محسوسی کاهش یافته و تحویل طرح به تیم توسعه بسیار روان‌تر شده است.

اگر به ساخت سیستم خودتان فکر می‌کنید، پیشنهاد من این است که از عناصر اصلی و کوچک شروع کنید، آن‌ها را در پروژه‌های واقعی بیازمایید و در طول مسیر مستندسازی کنید. یک سیستم طراحی خوب باید مانند همکاری قابل‌اعتماد باشد، نه مجموعه‌ای از محدودیت‌ها.

در ادامه، الگوی روش مستندسازی کامپوننت‌هایم را قرار داده‌ام؛ با خیال راحت آن را با جریان کاری خودتان سازگار کنید.