سیستم طراحی کوچک برای تیم وب: چه زمانی ارزش دارد؟

برای تیم وب کوچک، «دیزاین سیستم» هم می‌تواند صرفه‌جویی بزرگ باشد و هم باری نگهداشتنی. این مقاله با تکیه بر راهنمای NN/G سود و هزینه را کنار هم می‌گذارد. عددی برای «از چند صفحه به بعد» در منبع نیست و آن را نمی‌سازیم؛ آستانه‌ها را صریحاً توصیهٔ نویسنده می‌نامیم.

سود: تکرار سریع و کمتر ناهماهنگی

NN/G مزیت اصلی را تکرار سریع طراحی با اجزای از پیش‌ساخته می‌داند که نیاز به «اختراع دوباره» و ناهماهنگی ناخواسته را کم می‌کند. همین منبع می‌گوید این سود در تعداد کمی صفحه کوچک به نظر می‌رسد و وقتی بزرگ می‌شود که کار میان ده‌ها تیم و هزاران صفحه هماهنگ شود. یعنی هرچه تکرار و تعداد دست‌ها بیشتر، سود روشن‌تر است.

هزینه: نگهداری و آموزش

NN/G هشدار می‌دهد ساخت و نگهداری سیستم طراحی زمان‌بر است و تیم اختصاصی می‌خواهد؛ یک‌بار-و-تمام نیست و باید با بازخورد کاربران داخلی تکامل پیدا کند. استفاده هم آموزش می‌خواهد، وگرنه ممکن است ناهمگون به کار برود.

اجزا: سه بخش مخزن

به گفتهٔ NN/G مخزن معمولاً راهنمای سبک (رنگ، تایپوگرافی، لحن)، کتابخانهٔ مؤلفه و کتابخانهٔ الگو دارد. مؤلفه نام یکتا، توضیح، ویژگی‌های قابل‌تنظیم، حالت‌ها و نمونهٔ کد دارد. کتابخانهٔ الگو گروه‌بندی و چیدمان مؤلفه‌ها را در بر می‌گیرد.

نسخهٔ حداقلی برای تیم کوچک

این بخش توصیهٔ نویسنده است، نه حکم منبع: به‌جای کتابخانهٔ کامل با یک مجموعهٔ کوچک شروع کنید. توکن‌های رنگ، فاصله و تایپوگرافی؛ ۵ تا ۱۰ مؤلفهٔ پرتکرار (دکمه، فیلد، کارت، …) با حالت‌هایشان؛ و یک نفر به‌عنوان مالک تغییرات. NN/G برای تیم کامل حداقل یک طراح تعامل، یک طراح بصری و یک توسعه‌دهنده را پیشنهاد می‌کند؛ در تیم کوچک ممکن است یک نفر چند نقش بگیرد، اما نقش‌ها باید پوشش داده شوند.

معیار تصمیم

1. یک مؤلفه (مثلاً دکمه یا فرم) در چند صفحه یا چند محصول تکرار می‌شود؟ (توصیهٔ نویسنده: اگر در سه جا یا بیشتر ساخته شده، نامزد است.)
2. چند نفر روی رابط کار می‌کنند و ناهماهنگی دیده‌اید؟
3. کسی هست که نگهداری و آموزش را بپذیرد؟ بدون مالک، سیستم کهنه می‌شود.
4. اگر پروژهٔ شما یک‌بار-مصرف است، هزینه‌اش شاید نیرزد.

برای زمینهٔ کلی تجربهٔ کاربری، UX چیست؟ را ببینید.

منابع و مراجع

• Design Systems 101 — Nielsen Norman Group.