برای شروع پروژه جدید آماده‌ایم — درباره ایده‌تان با ما صحبت کنید

شروع پروژه
UI/UX

سیستم طراحی وقتی تیم بزرگ می‌شود: از توکن تا مسئولیت کامپوننت

تصویر محمدعلی هاشمی
محمدعلی هاشمی
UI Designer
زمان مطالعه: ۸ دقیقه
سیستم طراحی وقتی تیم بزرگ می‌شود: از توکن تا مسئولیت کامپوننت

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

۱. توکن قبل از کامپوننت

رنگ، تایپ، فاصله و سایه را به‌صورت معنایی نام‌گذاری کنید (مثلاً color.text.muted) نه فقط palette.blue.500.

کامپوننت بدون مالک مثل API بدون SLA است — همه استفاده می‌کنند، کسی تعمیر نمی‌کند.

— محمدعلی هاشمی، UI Designer

۲. مالکیت روشن

هر پکیج UI مالک دیزاین و مالک مهندسی دارد. درخواست تغییر مسیر مشخص می‌خواهد.

لایهٔ توکن، کامپوننت و مستند مشترک دیزاین–فرانت
لایهٔ توکن، کامپوننت و مستند مشترک دیزاین–فرانت

۳. مستند زنده

استوری‌بوک یا معادل، حالت‌ها و ضدالگوها را کنار کد نگه دارید. PDF هفته‌ای یک‌بار می‌میرد.

حداقل مستند کامپوننت

  • کاربرد و غیرکاربرد
  • ویژگی‌ها و دسترس‌پذیری
  • نمونه کد

۴. نسخه و انتشار

SemVer، چنج‌لاگ و مسیر مهاجرت برای شکست‌های بصری اجباری است.

۵. بدهی بصری

هر اسپرینت سهمی برای حذف واریانت‌های یتیم بگذارید. سیستم بدون هرس جنگل می‌شود.

سیستم طراحی محصول داخلی تیم است. با همان جدیت محصول مشتری نسخه‌بندی و پشتیبانی‌اش کنید.

اگر این مسئله برای محصول شما هم وجود دارد…

وقتی تیم بزرگ می‌شود، توکن و کامپوننت مشترک جلوی بدهی بصری را می‌گیرد.

آشنایی با خدمت طراحی UI/UX بررسی مسیر بازطراحی محصول و وب‌سایت

نمی‌دانید کدام خدمت مناسب است؟

سیستم طراحی مقیاس‌پذیر بسازیم

وقتی تیم بزرگ می‌شود، توکن و کامپوننت مشترک جلوی بدهی بصری را می‌گیرد.

شروع پروژه