مدیریت دیزاین در شبکه جهانی فریلنسرها: چطور تاپ‌تال سیستم فیگما را مقیاس داد
وقتی ده‌ها طراح و صدها مهندس از ۴۰ کشور مختلف بدون دیدن یکدیگر روی یک پلتفرم کار می‌کنند، چطور می‌توانید مانع از این شوید که هر روز ۵۰ مدل دکمه و فرم جدید ساخته نشود؟ ابیگیل بشکین راز آن را فاش می‌کند.
- ناشر منبع
- Toptal Designers
- زمان مطالعه
- ۶ دقیقه مطالعه
- نویسنده منبع
- Abigail Beshkin
- تاریخ انتشار منبع
- ۱۸ اسفند ۱۳۹۹
ماجرا از کجا شروع شد؟
تاپ‌تال به عنوان بزرگ‌ترین شبکه جذب استعدادهای برتر فریلنسری در جهان، یک شرکت کاملاً توزیع‌شده و ریموت است. این یعنی صدها طراح و مهندس در سراسر دنیا بدون اینکه در یک دفتر مشترک باشند، روی محصولات مختلف این پلتفرم کار می‌کردند.
اما این آزادی مکانی به یک آشوب دیزاین تبدیل شده بود: هر طراح برای ساخت یک فرم ثبت‌نام یا جدول پرداختی، استایل‌های خودش را در فیگما کپی می‌کرد. بعد از مدتی، ده‌ها فونت مختلف، پالت‌های رنگی ناهمگون و صدها کامپوننت رهاشده در فایل‌ها جا خوش کرده بودند. تاپ‌تال نیازمند یک ستون فقرات واحد و خلل‌ناپذیر بود.
چه تصمیمی گرفتند؟
ابیگیل بشکین و تیم سیستم طراحی تاپ‌تال یک استراتژی سه‌مرحله‌ای پیاده کردند:
- تفکیک کتابخانه‌ها به پایه‌ها و الگوها: جدا کردن توکن‌های اولیه (رنگ‌ها، تایپوگرافی، فاصله‌ها) از کامپوننت‌های تعاملی پیچیده (جدول‌ها، مدال‌ها، منوهای ناوبری).
- فرایند سخت‌گیرانه اما شفاف برای مشارکت (Contribution): هر طراح می‌توانست درخواست کامپوننت جدید بدهد، اما باید ثابت می‌کرد این نیاز با کامپوننت‌های فعلی حل نمی‌شود و در قالب یک فرم استاندارد بازبینی می‌شد.
- مستندسازی دقیق همراه با نمونه کدهای ری‌اکت: در کنار هر فریم فیگما، پیوند مستقیم به استوری‌بوک و کدهای آماده کامپوننت قرار گرفت تا برنامه‌نویسان همان نام و ساختار را در کد پیاده کنند.
در ماه‌های اول، طراحان شاکی بودند که برای هر تغییر کوچک باید اجازه بگیرند! تیم بلافاصله یک فضای سندباکس محلی تعریف کرد تا طراحان بتوانند آزادانه پروتوتایپ بسازند و فقط زمانی که طرح نهایی شد، فرایند ادغام رسمی کلید بخورد.
چی شد که جواب داد؟
سیستم جدید زمان تحویل کارهای طراحی به تیم فنی را بیش از ۶۰ درصد کاهش داد و کیفیت محصولات تاپ‌تال را به سطح برندهای برتر نرم‌افزارهای سیلیکون‌ولی رساند.
درس محصولی درباره فرهنگ تیمی در مقیاس بالا
یک سیستم طراحی موفق ۱۰ درصد فیگما و ۹۰ درصد ارتباطات انسانی است. اگر تیم‌ها احساس نکنند در ساخت سیستم سهیم هستند، حتی زیباترین کتابخانه‌ها هم در فایل‌ها خاک خواهند خورد.
نسخه کامل و اصلی این کیس‌استادی
این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.
کیس‌های مرتبط
داستان‌های دیگری با موضوع یا برچسب‌های نزدیک که شاید الهام‌بخش باشند.
داستان ۱۰۰ آیکون جدید ویندوز: خداحافظی با مستطیل‌های بی‌روح و سلام به عمق و بافت
روایت دگرگونی زبان تصویری ویندوز: بازطراحی آیکون‌های سیستمی فایل اکسپلورر، تنظیمات و ماشین حساب با الهام از شیشه، نور و متریال.
چطور مایکروسافت بعد از ۶ سال به آیکون‌های وُرد و اکسل جان دوباره داد
داستان بازطراحی آیکون‌های آفیس توسط تیم دیزاین مایکروسافت: پیوند سنت دیرینه نوستالژیک با زبان بصری فلوئنت دیزاین.
جادوی بیس کامپوننت‌ها در فیگما: چطور با یک تغییر، هزار کامپوننت به‌روز شدند
راهنمای معماری مقیاس‌پذیر در فیگما: استفاده از کامپوننت‌های پایه برای مهار تکثیر لایه‌ها، مدیریت واریانت‌ها و ارتقای عملکرد فایل‌ها.