ویرگول
ورودثبت نام
امیرحسین جلیلی
امیرحسین جلیلیUiUX Designer | Wordpress Developer | Amirhjalily@gmail.com
امیرحسین جلیلی
امیرحسین جلیلی
خواندن ۲ دقیقه·۷ روز پیش

کاربرو تو محصول گم کن! 4 اصل ساده برای Navigation درست

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

Navigation یا همون حرکت تو یه محصول دیجیتال، یکی از اون چیزایی‌ست که وقتی خوب باشه، اصلاً متوجهش نمی‌شید. اما وقتی بد باشه، همه چی رو خراب می‌کنه. توی این مقاله می‌خوام از ۴ اصل ساده بگم که هر کدوم یک چک لیست دارن که در نهایت به کاربر کمک می‌کنه تو سایت گم نشه.

۱. کاربر می‌دونه چطور به مقصدش برسه؟

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

  • آیا منوها و دسته‌بندی‌ها منطقی و قابل پیش‌بینی هستن؟

  • آیا نوار جستجو به راحتی در دسترسه؟

  • آیا فیلترها و مرتب‌سازی‌ها به درستی کار می‌کنن؟

  • آیا راهنما یا Tooltip برای کاربران جدید وجود داره؟

  • آیا از استپ‌های مرحله‌ای (Stepper) برای نمایش مسیر استفاده شده؟

۲. کاربر می‌دونه الان کجاست؟

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

  • عنوان صفحه

  • بریدکرامب (Breadcrumb)

  • هایلایت شدن منوی فعال

  • آیا URL نشون میده کاربر کجاست؟

  • آیا از استپ‌های مرحله‌ای (Stepper) استفاده شده؟

۳. کاربر به راحتی می‌تونه برگرده؟

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

  • آیا دکمه «بازگشت» در همه صفحات وجود داره؟

  • آیا بریدکرامب (Breadcrumb) قابلیت کلیک روی هر سطح رو داره؟

  • آیا لینک به صفحه خانه (Home) به راحتی در دسترسه؟

  • آیا دکمه «بستن» یا «انصراف» در مودال‌ها و پاپ‌آپ‌ها وجود داره؟

  • آیا کاربر می‌تونه بدون استفاده از دکمه «بازگشت» مرورگر، به صفحه قبل برگرده؟

۴. نویگیشن توی کل محصول یکدسته؟

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

  • آیا منوها و دکمه‌ها در همه صفحات یکسان طراحی شدن؟

  • آیا جایگاه المان‌های کلیدی (مثل جستجو، سبد خرید، پروفایل) ثابت هست؟

  • آیا رنگ‌بندی و فونت‌ها در نویگیشن یکدسته؟

  • آیا الگوی حرکتی (مثل بازگشت، بستن، اسکرول) در کل محصول یکیه؟

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

navigationتجربه کاربریطراحی محصولرابط کاربری
۰
۰
امیرحسین جلیلی
امیرحسین جلیلی
UiUX Designer | Wordpress Developer | Amirhjalily@gmail.com
شاید از این پست‌ها خوشتان بیاید