۳ قاعده ناوبری در وب

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 19 اسفند 1396
دسته بندی ها : تجربه کاربری

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

۳ قاعده ناوبری در وب

۱- ناوبری را همخوان نگه دارید

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

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

در نظر بگیرید که قسمت منو ناوبری وبسایت شما مکانی برای غافلگیر کردن کاربر نیست. به آن مانند یک نقشه کاربری برای جاده‌ای فکر کنید. کوتاه و ساده برای کشف کردن! این چیزی است که کاربر می خواهد و می تواند با آن به سرعت به یک کار برسد.

۲- از کنتراست بالا استفاده کنید

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

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

۳. انعطاف پذیری

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

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

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

در پایان

برای داشتن کارایی بالا در طراحی‌های‌تان مواردی مانند همخوانی، کنتراست بالا و انعطاف پذیری را به خاطر بسپارید.

منبع

مقالات پیشنهادی

۳ تکنیک جدید در دنیای طراحی وبسایت

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

۳ هسته اصلی طراحی وب واکنشگرا

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

۳۰ ابزار مفید و ضروری برای طراحان و توسعه‌دهندگان وب - بخش دوم

Unlayer یک ایمیل ادیتور و یک برگه‌ساز حرفه‌ای برای SaaS و CRM است. به سادگی می‌توانید این ابزار را در اپلیکیشن‌تان قرار دهید و رابط کاربری عالی را با...

۳۰ ابزار مفید و ضروری برای طراحان و توسعه‌دهندگان وب - بخش اول

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