مریم سیدی
مریم سیدی
خواندن ۴ دقیقه·۲ سال پیش

یوزر فلو "User Flow" گامی حیاتی در فرایند طراحی Ux!

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

خب بریم سراغ اصل ماجرا: بذارید قسمت اول این ماجرا رو با User Flow یا جریان کاربر شروع کنیم!

اصلا یوزر فلو یا جریان کاربر چیه؟!

چند روز پیش که داشتم کتاب lean ux از جف گاثلف رو می‌خوندم به یه جمله خیلی جالب برخوردم!

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

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

careerfoundry یوزر فلو از سایت
careerfoundry یوزر فلو از سایت

فلوچارت و سایر اصطلاحات مربوطه؟!

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

و در گام بعدی بیان به چندتاشون اشاره کنیم:

  • فلو چارت flowchart: فلو چارت نموداریه که برای نمایش جریان اقدامات کاربر استفاده میشه. فلوچارت‌ها عموما از نظر بصری در ساده‌ترین حالت ممکن هستن و در طراحیشون صرفا از شیپ‌های مختلف و فلش استفاده میشه! در فرایند طراحی محصول، فلوچارت‌ها عموما یکی از سریع‌ترین روش‌های درک و شناخت رفتار کاربرها به ویژه تو مراحل اولیه و ایده‌پردازی هستن! مسئله مهم دیگه در طراحی فلوچارت‌ها استفاده درست از اشکاله! حتما شما هم متوجه تکرار یکسری شیپ خاص تو طراحی فلوچارت و یوزر فلو شدید! این اشکال نه به خاطر زیبایی بلکه باتوجه به عملی که داره اتفاق میفته تعیین و طراحی میشن!
overflowشیپ‌ها در طراحی فلوچارت و یوزر فلو از سایت
overflowشیپ‌ها در طراحی فلوچارت و یوزر فلو از سایت
  • تسک فلو Task flow: در تسک فلو تمرکز بیشتر روی تسک یا کاری هست که کاربر قراره تو یک فرایند خاص مثل ثبت نام در سایت یا نهایی کردن سفارش انجام بده! در تسک فلو ما قراره به شکل دقیق و مستقیم تک تک کارهایی که کاربر برای انجام اون تسک خاص انجام میده رو تبدیل به نمودار کنیم. فرایند تسک فلو خطی و عموما برای همه‌ی کاربرها یکسانه!
تسک فلو از پیدا کردن دستور پخت پنکیک در یک سایت
تسک فلو از پیدا کردن دستور پخت پنکیک در یک سایت
  • وایر فلو wire flow: وایر فلو همینطوری که از اسمش مشخصه یه چیزی بین وایرفیمینگ و طراحی فلو چارته! تو این مرحله تمرکز روی ترکیب کردن نقاط مثبت وایر فریم و فلو چارت با هم دیگه است. وایر فلو تقریبا کامل‌ترین و از آخرین مراحل طراحی فلو چارت‌ها به حساب میاد و شامل بیشترین جزئیات بصری و نزدیکترین نمونه به خروجی نهاییه!
نمونه طراحی وایر فلو
نمونه طراحی وایر فلو

یوزر گول user goal: یوزر گل شاید تو مرحله اول خیلی مرتبط به موضوعات قبلی نباشه ولی مسئله‌ای که وجود داره اینکه شما باید تو تک تک مراحل طراحیتون هدف کاربر رو در نظر بگیرید و اصلا مشخص کردن همون هدف هم هست که به طراحی درست و بهینه تو همه‌ی مراحل کمک می‌کنه. پس یوزر گل به نحوی هدفیه که کاربر در انتهای اون فلوچارت قراره بهش برسه!

حالا با چه ابزاری طراحی کنیم؟

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

و نکته آخر:

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


user flowطراحی محصولتجربه کاربری
دیزاینر و علاقه‌مند به تولید محتوا!
شاید از این پست‌ها خوشتان بیاید