SpaceSpace Enterprise Design System

چطور یک دیزاین سیستم نجات‌بخش کدهای آشفته نرم‌افزارهای سازمانی شد

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

تصویر کیس‌استادی کامپوننت‌های سیستم طراحی سازمانی
ناشر منبع
Pratibha Joshi Portfolio
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Pratibha Joshi
تاریخ انتشار منبع
۱۹ مرداد ۱۴۰۰

ماجرا از کجا شروع شد؟

نرم‌افزارهای تجاری سازمانی (Enterprise) معمولاً به زشت و غیرقابل‌استفاده بودن مشهورند. در پلتفرم Space، محصولی که کارشناسان مالی و اداری روزی ۸ ساعت پشت میز با آن کار می‌کردند، به دلیل رشد شتاب‌زده تیم‌ها در طول سال‌ها دچار یک فاجعه بصری شده بود: در گوشه‌ای از سیستم جدول‌ها خاکستری بودند، در ماژول دیگر خطوط سبز رنگ بود، پاپ‌آپ‌ها رفتارهای متناقض داشتند و حتی استانداردی برای نمایش اعداد منفی وجود نداشت!

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

چه تصمیمی گرفتند؟

پراتیبها جاشی یک دیزاین سیستم جامع و هدفمند به نام Space بنا نهاد که اولویت‌هایش مستقیماً از دردهای روزمره کاربران می‌آمد:

  1. مهندسی دوباره جدول‌های سنگین داده (Data Tables): جدول قلب تپنده نرم‌افزار بود. فونت‌های مونو برای ارقام مالی، تراز راست برای مبالغ، قابلیت تنظیم عرض ستون‌ها و هایلایت نرم ردیف فعال طراحی شد تا چشم کارشناس در بررسی صدها سطر خسته نشود.
  2. اتم‌های رفتاری برای وضعیت خطا و هشدار: تعریف استانداردهای دقیق که چه زمانی باید از بنر سراسری استفاده شود و چه زمانی از خطای اینلاین زیر فیلد.
  3. توکن‌های نام‌گذاری‌شده مشترک با توسعه‌دهندگان: انتقال زبان طراحی از پیکسل به توکن‌های CSS و فیگما که همگام با ری‌اکت به‌روز می‌شدند.

چی شد که جواب داد؟

با پیاده‌سازی Space، سرعت توسعه فیچرهای جدید در شرکت بیش از ۵۰ درصد افزایش یافت؛ چون تیم‌ها دیگر چرخ را دوباره اختراع نمی‌کردند. همچنین خطاهای انسانی کاربران در ثبت داده‌های مالی ۴۰ درصد کاهش یافت و رضایت کارکنان از کار با سیستم جهش چشمگیری پیدا کرد.

درس محصولی برای طراحان سیستم‌های سازمانی

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

ارجاع به منبع اصلی

نسخه کامل و اصلی این کیس‌استادی

Space Design SystemPratibha Joshi Portfolio

این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.

خواندن کیس‌استادی اصلی
ادامه کشف

کیس‌های مرتبط

داستان‌های دیگری با موضوع یا برچسب‌های نزدیک که شاید الهام‌بخش باشند.

همه کیس‌ها
UX CollectiveFigma Design System Architecture

جادوی بیس کامپوننت‌ها در فیگما: چطور با یک تغییر، هزار کامپوننت به‌روز شدند

راهنمای معماری مقیاس‌پذیر در فیگما: استفاده از کامپوننت‌های پایه برای مهار تکثیر لایه‌ها، مدیریت واریانت‌ها و ارتقای عملکرد فایل‌ها.

۶ دقیقه مطالعهخواندن روایت
Owl StudiosPlasma Design System

فراتر از رنگ و بوردر: چطور پلاسما مستندسازی دیزاین سیستم را متحول کرد

داستان مستندسازی سیستم طراحی Plasma در WeWork: تبدیل دستورالعمل‌های خشک دیزاین به یک راهنمای تعاملی جذاب و کدهای کپی‌شدنی برای توسعه‌دهندگان.

۶ دقیقه مطالعهخواندن روایت