ویرگول
ورودثبت نام
سعید عبدالهی
سعید عبدالهیمیلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...
سعید عبدالهی
سعید عبدالهی
خواندن ۲ دقیقه·۴ ماه پیش

تفاوت User Flow و Task Flow در طراحی UI/UX

اگه وارد دنیای طراحی UI/UX شده باشی، حتماً با دو اصطلاح معروف “task flow”  و “user flow” برخورد کردی. این دوتا مفهومی هستن که خیلی وقتا با هم قاطی میشن.

تو این مقاله کامل و ساده و با مثال‌های کاربردی همه چیزو برات روشن می‌کنم


User Flow چیست؟

جریان کاربر یا user flow یعنی مسیری که یک کاربر طی می‌کنه تا به یک هدف خاص در سایت یا اپلیکیشن برسه.

 

مثال ساده:

فرض کن یک کاربر می‌خواد از یک فروشگاه اینترنتی کفش بخره. مراحل زیر می‌تونه یک User Flow باشه:

1. ورود به سایت

2. سرچ کردن "کفش مردانه"

3. کلیک روی یک محصول

4. اضافه کردن به سبد خرید

5. وارد کردن آدرس و پرداخت نهایی

 

یه مثال دیگه:

فرض کن کاربر وارد اپلیکیشن اسنپ میشه تا تاکسی بگیره:

1. باز کردن اپلیکیشن

2. انتخاب مبدا و مقصد

3. دیدن قیمت و تایید

4. انتخاب روش پرداخت

5. درخواست سفر

6. رسیدن راننده و شروع سفر

این مراحل کنار هم، User Flow اپلیکیشن اسنپه برای گرفتن تاکسی.

 

پس User Flow یک تصویر کامل از حرکت کاربر از نقطه A تا رسیدن به هدفه


Task Flow چیست؟

Task Flow یعنی مسیر انجام یک وظیفه خاص در طراحی رابط کاربری.

 

مثال ساده:

فرض کن فقط می‌خوایم ببینیم کاربر چطور یک محصول رو به سبد خرید اضافه می‌کنه.

این دیگه کل مسیر خرید نیست، فقط تمرکز روی یک وظیفه است:

1. ورود به صفحه محصول

2. انتخاب سایز

3. کلیک روی "افزودن به سبد خرید"

 

یه مثال دیگه:

همون اپلیکیشن اسنپ رو در نظر بگیر.

حالا فقط می‌خوایم بررسی کنیم کاربر چطور مقصد رو انتخاب می‌کنه:

1. لمس کادر مقصد

2. تایپ اسم مکان

3. انتخاب مکان از لیست پیشنهادها

 

این یه Task Flow ساده‌ست فقط برای "انتخاب مقصد".

 

Task Flow دقیق‌تره، ساده‌تره و فقط روی یک تسک تمرکز داره.


کی از User Flow استفاده کنیم و کی از Task Flow؟

 

طراحی مسیر کلی کاربر از ورود تا هدف = User Flow

بررسی و بهینه‌سازی یک تعامل خاص = Task Flow

معرفی محصول جدید = User Flow

ساده‌سازی فرم ثبت‌نام = Task Flow


چرا دانستن تفاوت این دو مهم است؟

·       اگر فقط User Flow طراحی کنی، ممکنه جزئیات مهم از قلم بیفته

·       اگر فقط Task Flow رو ببینی، ممکنه تصویر کلی تجربه کاربر رو از دست بدی

ترکیب این دو باعث می‌شه یک تجربه کاربری حرفه‌ای و بدون نقص طراحی کنی.


نتیجه‌گیری

اگر طراح UI/UX هستی یا می‌خوای بشی، باید بدونی که:

User Flow = مسیر کامل کاربره

 Task Flow = فقط روی یک وظیفه تمرکز داره

و هردو مکمل هم هستن. بدون یکی، اون یکی ناقص می‌مونه.

 

پس دفعه بعد که داری یه صفحه طراحی می‌کنی، حتماً اول User Flow رو بکش، بعد Task Flow مربوط به جزئیات اون صفحه رو مشخص کن.


 نویسنده: سعید عبدالهی

 #UserFlow #TaskFlow #UXDesign #UXTips

#طراحی_تجربه_کاربری #طراحی_رابط_کاربری #طراح_تجربه_کاربری #آموزش_UIUX #طراحی_سایت #طراحی_اپلیکیشن

 

 

 

ui uxطراحی uiuxuser flow
۸
۳
سعید عبدالهی
سعید عبدالهی
میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...
شاید از این پست‌ها خوشتان بیاید