از ایده تا محصول؛فیگما فقط یک ابزار طراحی نیست

فرض کنید می‌خواهید یک اپلیکیشن یا وب‌سایت طراحی کنید و آن را به کارفرمای خود ارائه دهید؛ یا برعکس، صاحب کسب‌وکاری هستید و می‌خواهید ایده محصول موردنظرتان را برای تیمتان توضیح دهید. در هر دو حالت، ایده اولیه را در ذهن دارید، اما شاید دقیقاً ندانید این محصول باید چه صفحاتی داشته باشد، کاربر چطور با آن تعامل کند، چه طراحی‌ای برای آن مناسب‌تر است و مواردی از این دست.

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

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

قدم اول - از یک ایده خام تا وایرفریم در فیگما

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

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

قدم دوم - طراحی UI با فیگما

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

برای مثال،کاربر می‌خواهد پادکستی با نام «پشت صحنه» راه‌اندازی کند.هدف او انتشار یک قسمت آزمایشی ۱۰ دقیقه‌ای است و می‌تواند هفته‌ای سه ساعت برای این کار وقت بگذارد.محصول بر اساس این اطلاعات،پروژه را به پنج مرحله تقسیم می‌کند؛از مشخص‌کردن موضوع و مخاطب تا ضبط،تدوین و دریافت بازخورد.

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

قدم سوم - پروتوتایپ فیگما 

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

در «گام اول»،مسیر پیشنهادی از ثبت ایده شروع می‌شود،به بررسی برنامه می‌رسد و سپس کاربر را وارد صفحه اجرای پروژه می‌کند.پس از انجام اولین کار،وضعیت پیشرفت نیز باید تغییر کند؛برای مثال،با تکمیل یک کار از مجموع ۱۲ کار،پیشرفت پروژه حدود ۸ درصد خواهد بود.

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

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

مزایا و معایب استفاده از فیگما 

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

راهنمای خرید فیگما برای کاربران ایرانی 

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

• شفافیت هزینه‌ها: پیش از ثبت سفارش،از قیمت نهایی خرید، نرخ تبدیل ارز و میزان کارمزد مطمئن شوید.

• اعتبار وب‌سایت: سابقه فعالیت سرویس،اطلاعات تماس و مجوزهای آن را بررسی کنید تا از معتبر بودن پلتفرم مطمئن شوید.

• پشتیبانی مناسب: پلتفرم باید در مراحل ثبت سفارش و پرداخت،پاسخگوی سؤالات شما باشد و در صورت بروز مشکل،امکان پیگیری سفارش را فراهم کند.

• سرعت انجام سفارش: پیش از خرید درباره زمان تقریبی انجام پرداخت و تحویل اشتراک سؤال کنید.

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