طراحی UX

نقشهٔ مسیر کاربر و طراحی جریان

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

تیم Nova Lab · · ۱۰ دقیقه مطالعه

مسیر و جریان: دو نگاه به تجربه

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

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

در Nova Lab هر دو لازم‌اند: مسیر برای همدلی و راهبرد؛ جریان برای اجرا و تحویل به توسعه. قاطی کردن این دو باعث می‌شود تیم روی نمودار اشتباه وقت بگذارد.

ساخت نقشهٔ مسیر گام‌به‌گام

یک: پرسونا و سناریو مشخص. دو: مرحله‌ها را تعریف کنید (سه تا هفت). سه: در هر مرحله هدف کاربر، کانال (اپ، ایمیل، تلفن)، عمل، فکر، احساس. چهار: درد و فرصت را برجسته کنید. پنج: کارگاه با ذی‌نفع برای سنجیدن.

صداقت منحنی احساس مهم است — همهٔ مرحله‌ها مثبت نیستند. پرداخت اغلب اضطراب دارد، بعد تسکین. بینش از قلهٔ منفی می‌آید.

نقشهٔ خدمت لایهٔ پشت صحنه را هم نشان می‌دهد: جلوی صحنه (رابط) به‌علاوهٔ پشت صحنه (رابط برنامه‌نویسی، انبار). برای محصول دیجیتال جلوی صحنه غالب است اما تماس پشتیبانی هنوز نقطهٔ تماس است.

جریان کار و مسیر خوش

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

قاعده: هر گام باید یک عمل اصلی واضح داشته باشد. اگر کاربر در گام «نمی‌داند بعد چه کند»، جریان شکسته است. نشان پیشرفت در چندگامی (پرداخت، جادوگر) اضطراب را کم می‌کند.

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

مورد خاص، مسیر خطا و بازیابی

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

بن‌بست: صفحه بدون خروج. جریان را با «گیر کردم» راه بروید. رفتار دکمهٔ برگشت در موبایل حیاتی است — برگشت اندروید و برگشت داخل اپ باید یکدست باشد.

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

کم کردن اصطکاک و بهینه‌سازی جریان

شمار گام را کم کنید بدون حذف اطلاعات لازم. ورود با شبکهٔ اجتماعی، پر کردن خودکار، پیش‌فرض هوشمند (کشور از آی‌پی)، خرید مهمان — هر کدام اصطکاک را کم می‌کنند اگر امنیت برقرار باشد.

بار ذهنی: فرم پانزده فیلدی را به سه گام پنج‌تایی بشکنید. تکه‌تکه کردن روان‌شناسی است. فیلد اختیاری را واضح علامت بزنید.

بسنجید: قیف تحلیل — کجا رها می‌شود؟ آزمون آ/ب یک گام حذف یا جابه‌جایی. کیفی: فکر بلند در کاربردپذیری روی جریان.

خروجی در Figma و Miro و تحویل

جریان در FigJam با شکل اتصال؛ رنگ: سبز مسیر خوش، قرمز خطا، آبی اختیاری. فریم Figma را به گره جریان وصل کنید.

یادداشت: قاعدهٔ کسب‌وکار («فقط نسخهٔ ویژه»)، منبع داده، وابستگی رابط برنامه‌نویسی. برنامه‌نویس نمودار جریان را مشخصات می‌خواند.

نسخه: جریان با تغییر قابلیت به‌روز شود. جریان کهنه بدتر از بی‌جریان است — توسعه را گمراه می‌کند. در نقد Nova Lab مسیر و جریان را کنار هم ارائه دهید.

مثال یکپارچه: سفارش غذا

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

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

تصمیم طراحی از مسیر: احساس مرحلهٔ انتظار → ردگیر پیشرفت و زمان تقریبی در رابط. از جریان: کم کردن فیلد سبد → آدرس ذخیره‌شده پیش‌فرض. مسیر و جریان با هم محصول منسجم می‌سازند.

سوالات متداول

نقشهٔ مسیر چند مرحله داشته باشد؟

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

جریان را در چه سطحی بکشم؟

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

نقشهٔ خدمت لازم است؟

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

جریان را چطور با هدف کسب‌وکار هم‌راستا کنم؟

هر گام جریان باید به هدف کاربر و شاخص کسب‌وکار (ثبت‌نام، خرید، ماندن) نگاشت داشته باشد. گامی فقط برای انباشت قابلیت بدون شاخص مشکوک است.