نرم افزار فیگما برای تهیه اطلاعاتی از جمله پرسونا، تحلیل رقبا و تحقیق تجربه کاربری طرحهای آمادهای در بخش فیگجم در اختیار کاربران قرار داده است. با استفاده از این نرم افزار میتوانید از طرحهای پیش فرض در سریعترین زمان ممکن استفاده کنید. در این قسمت از پکیج آموزش ui ux از آژانس نوآوری رسام قصد داریم به آموزش figjam بپردازیم. پس از شما دعوت میکنیم تا پایان این جلسه ما را همراهی کنید.
نرمافزار فیگجم (figjam) چه کمکی به UX میکند؟
نرمافزار فیگجم بخشی از خود نرمافزار فیگما است. این بخش برای طراحیهایی عمدتا مربوط به دنیای تجربه کاربری است البته به جز مباحث رابط کاربری. دلیل آن هم این است که برای طراحی وایرفریم و پروتوتایپ، با موضوعات مختلفی همچون اپلیکیشن و فروشگاه و… از خود دیزاین فایل فیگما استفاده میکنیم. اما فیگجم بیشتر برای طراحی اطلاعات مانند userflow، پرسونا، مراحل تحقیق، جدول تحلیل رقبا، دیاگرام، چارت و نمودار، طراحی Mind Map و هرچیز دیگری که بتواند به فرآیند تجربه کاربری کمک کند، استفاده میشود. به همین دلیل به شما پیشنهاد میکنیم حتما آموزش figjam را در اولویت خود قرار دهید.
فیگجم دقیقا مشابه بخش اصلی فیگما، فعالیت تیمی، درج کامنت و منشن سایر کاربران، دسترسی از طریق منو share و حتی قابلیت ویجتها و پلاگینها را نیز در خود دارد. حتی میتوانید طراحیهای خود را از فیگجم به فیگما نیز کپی کنید.

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

رقیبان پرتلاش فیگجم، miro و whimsical
شاید باورتان نشود اما فیگجم رقیبان قدرتمندی هم دارد. البته این 2 ابزار و سایر ابزارهای مشابه آنها، صرفا در موضوع فیگجم مشترک هستند و اغلب، قابلیتهای دیزاین فایل فیگما را ندارند. miro و whimsical هم مانند فیگما، قابلیتهای متنوعی دارند، قالبهای بسیار متنوع، فعالیت تیمی و کلی ویژگی دیگر. پیشنهاد میکنیم دستکم در این 2 ابزار که آنلاین و تحت وب هم هستند اکانت بسازید و کمی با آنها کار کنید و آشنا باشید.
آموزش طراحی userflow در فیگجم
با استفاده از ابزار فیگجم، به سهولت میتوانید userflow طراحی کنید. (این موضوع را در ویدئو همین جلسه آموزش دادهایم) البته باید توجه داشت که طراحی userflow زمانی منطقی است که فرآیند تجربه کاربری را با سلسله مراتب خوبی جلو ببرید. به سخن دیگر، باید پرسونا و تحقیق را انجام داده و همچنین معماری اطلاعات را نیز به جای خوبی رسانده باشید و پس از آن، userflow طراحی کنید. اگر به خاطر داشته باشید در جلسات قبل معماری اطلاعات و userflow را با مفاهیم زیرمجموعه آن را توضیح دادیم. به عنوان مثال، taskflow و wireflow را توضیح دادیم. بنابراین از تکرار این مباحث خودداری میکنیم. در صورت تمایل، جلسه معماری اطلاعات را اگر ندیدهاید، حتما مشاهده کنید.
طراحی آسان userflow با نرم افزار فیگجم
با استفاده از طرحهای پیش فرض نرم افزا فیگجم به سادگی میتوانید انواع مختلف userflow را در سریعترین زمان ممکن طراحی کنید. در این قسمت از دوره طراح رابط و تجربه کاربری (ui/ux) به آموزش figjam و طراحی userflow پرداختیم. خوشحال میشویم تجربیات خود را با ما به اشترک بگذارید. همچنین اگر سوالی در مورد این قسمت از آموزش رایگان ui و ux داشتید از بخش دیدگاهها، از متخصصین آژانس نوآوری رسام بپرسید.
موفق باشید 😍
8 پاسخ
سلام وقت بخیر
من چطور میتونم user flow یک سایت دیگه رو استخراج کنم؟
درود بر شما. وقت بخیر
برخی نرمافزارهای تحت وب مانند نرمافزار gephi و Screaming frog به شما ساختار صفحات سایت مدنظر رو میدهند. البته کلی قابلیت دیگر هم دارند. من با این دو نرمافزار کار کردم. اما نرمافزارهای دیگری هم قطعا هست.
موفق باشید.
وقت بخیر ممنون بابت آموزش عالیتون. میخواستم بدونم بر فرض اگر ما به عنوان یک ui designer در شرکتی مشغول به کار شدیم، userflow رو از ما میخوان و جزوی از وظایف ما هست، یا اینکه نه یک کارشناس ux designer این کارو انجام میدهد و میفرسته به ما تا wireframe ها و پیج هاش رو ما طراحی کنیم؟ چون طبق مطالبی که در جلسات قبل ارایه دادید طراحی userflow قبلش نیازمند پرسونا و تحقیق کابری و… هست.
درود بر شما. وقت بخیر
طراحی یوزرفلو بخشی از معماری اطلاعات است. این بخش در فرآیند تجربه کاربری ایجاد میشود. در واقع بعد از تحقیقات کاربری و تشکیل پرسونا، روی موضوعاتی مانند دسترسی پذیری، معماری اطلاعات و یوزفلو هم کار میشود و بعد سراغ رابط کاربری یا UI میرویم. البته در برخی شرکتها ممکن است بخش تجربه کاربری یا وجود نداشته باشد و یا کارهای آن را نیز به کارشناس UI بدهند. حتی در پروژههای فریلنسری هم ممکن است بخشهای قبل از UI به درستی اجرا نشده باشد و از کارشناس UI بخواهند که یوزرفلو هم طراحی کند. بنابراین با اینکه جز وظایف کارشناس UI نیست، بهتر است آنرا بداند. اینطوری خطر از دست رفتن پروژه هم کمتر میشود.
موفق باشید.
سلام و خسته نباشید
برای این که تکست روی فلش قرار بگیره همونطوری که شما yes و No رو قرار دادین چیکار باید بکنیم؟
کامنت دوم: ببخشید دقت نکرده بودم متوجه شدم با دابل کلیک گفتین. شرمنده:)
درود بر شما، وقت بخیر
مشکلی نیست. هر سوالی بود بپرسید. در خدمت هستیم.
موفق باشید.
سلام وقت بخیر
استاد چرا در طراحی userflow در figjam اون فلش ها رو بصورت خودکار زیر هر shape نمیاره؟ باید همه رو دستی اضافه کنیم!!
درود بر شما. وقت شما بخیر
ببینید توی فیگجم قاعدتا امکانات طراحی بصری کمتر از فیگما هست. طبیعی هم هست. چون در فیگجم که نمیخواهیم UI را طراحی کنیم. عملا طراحی اطلاعات و flow و chart و… هست. بنابراین چندان مهم نیست که مثلا مشابه فیگما بخواهیم تایپوگرافی و فواصل رو حساس بشویم. خصوصا اون اوایل که داریم اصول رو یاد میگیریم نباید سخت بگیریم. باید طراحی کنیم، جلو برویم و بعد مجدد برگردیم عقب و باز موضوعاتی که احساس کردیم کم آموختهایم را تمرین کنیم و بازهم قویتر بشویم.
موفق باشید.