گام‌های کلیدی برای ساخت یک دیزاین سیستم

قبل از اینکه سفر خودمون رو برای ساخت دیزاین سیستمِ یک محصول شروع کنیم، چند لحظه درباره‌ی تیمی که با دیزاین سیستم‌ها سر و کار داره فکر کنید! چه کسانی لازمه درگیر این پروسه بشن؟ این پروسه فقط به دیزاینرها مرتبط نیست بلکه توسعه‌دهندگان (Developers) و مدیران محصول (Product managers)، راهبران و افراد دیگه مثل محققین، استراتژیست‌های محتوا و کارشناسانی در حوزه دسترس‌پذیری و اجرا هم همراه ما هستند.

بعد از اینکه به اونهایی که درگیر این ماجرا هستن فکر کردید، چهار مرحله داریم که باید درنظر بگیرید.


ارزیابی

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


زبان طراحی بصری

عناصر اصلی سیستم به چهار دسته تقسیم میشه:

رنگ‌ها

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

تایپوگرافی

سعی کنید تایپوگرافی رو ساده نگه دارید و از یک تا دو فونت در سیستم خودتون استفاده کنید. این کار باعث کاهش سردرگمی و افزایش عملکرد میشه.

سایزها و فواصل

استفاده از یک مقیاس فاصله، هماهنگی رو در طرح شما ارتقا میده و علاوه بر تراز شدن المان ها با هم، الگویی ارائه میده که پیشبینی پذیره. میتونید از مقیاس با پایه ی 4 استفاده کنید. در چند وقت اخیر این عدد به استانداری برای IOS و Android و حتی برای وب سایت ها تبدیل شده.

تصاویر

تصاویر به محصولی که با اون کار می‌کنید بستگی داره اما به طور کلی باید قوانین و دستورالعمل‌هایی رو برای عکس‌ها، آیکن‌ها و تصویرسازی‌ها تنظیم کنید.

کامپوننت‌ها و کتابخانه‌ی الگوها

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

مستندات و پشتیبانی

این آخرین مرحله است اما اهمیت کمتری نسبت به گام های قبلی نداره. نوشتن مستندات و دستورالعمل ها یک UI Kit رو از یک دیزاین سیستم مجزا می کنه. روش های مختلفی برای انجام این کار وجود داره. نام مولفه ها، توضیحات، مثال ها و کد ها یا حتی متاداده ها و تاریخچه های انتشار از معمول‌ترین‌هاشه.

مهمترین مسئله اینه: چیزی که برای تیم لازمه رو مستندسازی کنید که کارها بهتر و راحت تر پیش بره.


* این مقاله نوشته‌ی Julia Gale است در وبسایت Medium با عنوان What a key steps to building a design system؟