دیزاین سیستم Design System چیست؟


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

دیزاین سیستم

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

کتاب دیزاین سیستم Alla Kholmatova

چرا از دیزاین سیستم استفاده می‌کنیم؟

سیستم طراحی فقط برای طراحان نیست. ما به عنوان یک طراح، با نقش‌های تیمی متفاوت(طراحان، توسعه دهندگان، پژوهشگران، مدیران محصول و تولید کنندگان محتوا) همکاری می‌کنیم. سیستم طراحی یک زمینه مشترک و یا زبان مشترک برای برقراری ارتباط بین یک تیم ارائه می‌کند. این کار قطعا بهره‌وری و همکاری بین تیم را افزایش خواهد داد زیرا محصول شما به مرور زمان تکامل می‌یابد.

Style Guide یا Pattern library؟ تفاوت در چیست؟

احتمالا می‌دانید که Style Guide و Pattern Library فقط برخی ازخروجی‌های یک سیستم طراحی هستند. راهنمای سبک همانطور که از نامش پیداست بر معرفی سبک طراحی و فاکتورهای بصری مانند(رنگ‌ها, فونت ها, تصاویر …) و کاربرد آن‌ها تاکید دارد. در صورتی که در یک کتابخانه الگو مولفه‌های کارکردی و کاربرد آن‌ها را هم نمایش می‌دهیم و دیزاین سیستم مفهومی فراتر از این دو دارد و به فلسفه و چرایی هر المان نیز می‌پردازد.

داشتن دیزاین سیستم چه مزیت‌هایی دارد؟

داشتن دیزاین سیستم باعث صرفه‌جویی در منابع مالی شما می‌شود! در این قسمت برای شما توضیح خواهیم داد که اصلی‌ترین مزایای طراحی یدزاین سیستم کدام‌ها هستند:

  •  مقیاس: آیا شما سرویسی طراحی می‌کنید که بیش از 300 آرت‌بورد دارد؟ آیا این سرویس به‌طور قابل توجهی رشد کرده است؟

  • سازگاری: آیا شما می‌خواهید که محصولات شما نام تجاری سازگار، ظاهر و احساس، و تجربه داشته باشند؟ آیا محصول شما در حال حاضر ۲۰ نوع دکمه متفاوت دارد؟

  • افزایش بهره وری (بازده): آیا به طراحان بصری، طراحان تجربه کاربری و توسعه دهندگان برای کار سریع‌تر و صرفه‌جویی در زمان نیاز دارید؟

  • کارتیمی: آیا شما پروژه هایی دارید که بین طراحان زیادی دست به دست شده و روی پروژه به صورت همزمان کار می‌کنند؟

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


از کجا شروع کنیم؟ اصول طراحی

بعد از پاسخ دادن به این سوالات، می‌توانیم کار بر روی یک سیستم طراحی را گام به گام به همراه هم پیش ببریم:
به نظر شما پروسه طراحی دیزاین سیستم با چه مرحله‌ای شروع خواهد شد؟

همانطور که در بالا اشاره شد، یک دیزاین سیستم به دستیابی به هدف محصول کمک می‌کند. چگونه هدف را درک کنیم؟ با ایجاد ارزش‌ها، و ارزش‌ها اغلب زمانی موثر و به یادماندنی هستند که از صفات استفاده می‌کنند.
در این بخش صفت را یک اصل درنظر می‌گیریم. بنابراین اگر می‌خواهید یک دیزاین سیستم برای سرویس خود بسازید، می‌توانید به پرسش‌های زیر پاسخ دهید:

  1. محصول خود را در سه کلمه (صفت) توصیف کنید؟
  2. از مشتریان خود بخواهید که سه کلمه (صفت) اولی که بعد از فکر کردن به محصولات شما به ذهنشان می‌رسد توصیف کنند؟

اینجا چند نمونه اصول طراحی را از شرکت‌های معروف بخوانید:

Google Material Design: با متریال دیزاین محصولات زیبا و لمس شدنی طراحی کنید.

Airbnb: متحد، فراگیر، نمادین، محاوره‌ای

Uber: آموزنده، غیرسرزده، متمرکز و به موقع

یک‌بار دیگر اطمینان حاصل کنید که اصل طراحی‌تان با هدف محصول/سرویس شما همسو است و در ذهن خود، اصول را حفظ کنید. بدیهی است که هیچ کمپانی نمی‌تواند به نیازهای همه پاسخ دهد، اما می‌توان به یک نقطه نظر کاربردی و مفید دست پیدا کرد. این دیدگاه به شما کمک می‌کند تا اولین تاثیرگذاری را روی مشتریان خود داشته باشید و همچنین به شما کمک می‌کند تا حتی زمانی که افراد زیادی با آن کار می‌کنند، با آن‌ها ارتباط برقرار کنید. شما دیزایناسور را با چه صفاتی توصیف می‌کنید؟ برایمان جالب است بدانیم❤️

گام بعدی، Pattern Library

بعد از پایه‌ریزی یک اصل طراحی، ما می‌خواهیم به عمق اجزای کاربردی بیشتری در یک دیزاین سیستم شیرجه بزنیم! انواع مختلفی از یک دیزاین سیستم وجود دارد که یکی از آن‌ها Pattern Library است.

در ادامه می‌خواهیم این کتابخانه را ایجاد کنیم. در ارتباطات روزمره ای که داریم، هر آن‌چه که می‌گوییم، دو جنبه اصلی دارد: محتوا و لحن صحبت ما. این مثال را می‌توانیم در زمان طراحی Pattern Library نیز درنظر بگیریم.

محتوای Pattern Libraries چیست؟ رفتارهای کلیدی کاربران

فرض کنید که محصول شما یک وب سایت تجارت الکترونیک است:

محصولی را پیدا کنید که آن‌ها می‌خواهند(نیاز دارند)

آن محصول را در وب سایت خود به فروش برسانید

یک مرور از کارها بنویسید

از نظر سبک و آهنگ، می‌خواهید کاربران شما چه برداشت اولیه‌ای داشته باشند؟

در چه شرایطی، کاربران شما بازخورد خواهند داد؟

در اینجا بعضی از عناصری که می‌توانید در هنگام شکل‌گیری سبک زیبایی‌شناسی خود در نظر بگیرید:

رنگ، حالت‌های تعاملی، انیمیشن، تایپوگرافی‌، فاصله‌گذاری، سبک Iconography، اشکال و کادرها، تصویرسازی‌ها، عکس‌ها

 و صداها

 

 

بازنشر