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

- ناشر منبع
- Pratibha Joshi Portfolio
- زمان مطالعه
- ۵ دقیقه مطالعه
- نویسنده منبع
- Pratibha Joshi
- تاریخ انتشار منبع
- ۱۹ مرداد ۱۴۰۰
ماجرا از کجا شروع شد؟
نرمافزارهای تجاری سازمانی (Enterprise) معمولاً به زشت و غیرقابلاستفاده بودن مشهورند. در پلتفرم Space، محصولی که کارشناسان مالی و اداری روزی ۸ ساعت پشت میز با آن کار میکردند، به دلیل رشد شتابزده تیمها در طول سالها دچار یک فاجعه بصری شده بود: در گوشهای از سیستم جدولها خاکستری بودند، در ماژول دیگر خطوط سبز رنگ بود، پاپآپها رفتارهای متناقض داشتند و حتی استانداردی برای نمایش اعداد منفی وجود نداشت!
کاربران مدام خطاهای فاحش محاسباتی میکردند چون نمیتوانستند ردیفهای جدول را درست تفکیک کنند. از طرف دیگر، توسعهدهندگان جدید هفتهها وقت تلف میکردند تا بفهمند برای یک فرم ساده باید از کدام کامپوننت استفاده کنند.
چه تصمیمی گرفتند؟
پراتیبها جاشی یک دیزاین سیستم جامع و هدفمند به نام Space بنا نهاد که اولویتهایش مستقیماً از دردهای روزمره کاربران میآمد:
- مهندسی دوباره جدولهای سنگین داده (Data Tables): جدول قلب تپنده نرمافزار بود. فونتهای مونو برای ارقام مالی، تراز راست برای مبالغ، قابلیت تنظیم عرض ستونها و هایلایت نرم ردیف فعال طراحی شد تا چشم کارشناس در بررسی صدها سطر خسته نشود.
- اتمهای رفتاری برای وضعیت خطا و هشدار: تعریف استانداردهای دقیق که چه زمانی باید از بنر سراسری استفاده شود و چه زمانی از خطای اینلاین زیر فیلد.
- توکنهای نامگذاریشده مشترک با توسعهدهندگان: انتقال زبان طراحی از پیکسل به توکنهای CSS و فیگما که همگام با ریاکت بهروز میشدند.
در دفاتر دولتی و شرکتهای قدیمی، کارمندان اغلب از مانیتورهای قدیمی با کنتراست پایین استفاده میکردند. تیم طراحی متوجه شد سایههای ملایم خاکستری در این نمایشگرها کاملاً سفید دیده میشوند! در نتیجه استاندارد کنتراست AA فراتر رفت و به مرزهای تستشده در شرایط سخت رسید.
چی شد که جواب داد؟
با پیادهسازی Space، سرعت توسعه فیچرهای جدید در شرکت بیش از ۵۰ درصد افزایش یافت؛ چون تیمها دیگر چرخ را دوباره اختراع نمیکردند. همچنین خطاهای انسانی کاربران در ثبت دادههای مالی ۴۰ درصد کاهش یافت و رضایت کارکنان از کار با سیستم جهش چشمگیری پیدا کرد.
درس محصولی برای طراحان سیستمهای سازمانی
سیستم طراحی یک کتابچه زیباشناختی روی طاقچه نیست؛ یک قرارداد همکاری زنده بین طراح و برنامهنویس است. برای نرمافزارهای سازمانی، استانداردسازی چگالی داده و ساختار جدولها از هر انیمیشن پر زرق و برقی مهمتر است.
نسخه کامل و اصلی این کیساستادی
این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.
کیسهای مرتبط
داستانهای دیگری با موضوع یا برچسبهای نزدیک که شاید الهامبخش باشند.
چطور جیرا برای تیمهای غیرفنی ساده و دلپذیر شد
بررسی فرایند طراحی پورتال خدمات مشتریان و پشتیبانی داخلی اطلسیان: تبدیل فرمهای سرگیجهآور سازمانی به یک تجربه جستوجوی شفاف و انسانی.
جادوی بیس کامپوننتها در فیگما: چطور با یک تغییر، هزار کامپوننت بهروز شدند
راهنمای معماری مقیاسپذیر در فیگما: استفاده از کامپوننتهای پایه برای مهار تکثیر لایهها، مدیریت واریانتها و ارتقای عملکرد فایلها.
فراتر از رنگ و بوردر: چطور پلاسما مستندسازی دیزاین سیستم را متحول کرد
داستان مستندسازی سیستم طراحی Plasma در WeWork: تبدیل دستورالعملهای خشک دیزاین به یک راهنمای تعاملی جذاب و کدهای کپیشدنی برای توسعهدهندگان.


