حذف نویگیشن‌بار در صفحات سطح دو به بعد اپلیکیشن‌ها

اخیرا «حذف کردن نوار نویگیشن» در صفحات سطح دو به بعد، به عنوان ترندی در اکثر اپلیکیشن‌ها قابل مشاهده است. توی این مطلب من پریسا صفری به عنوان مدیر طراحی محصول استور اندرویدی مایکت @myketappstore و زهرا نقیبی‌نسب @z.naghibinasab طراح تجربه کاربری استور اندرویدی مایکت، قصد داریم عمیق‌تر به بررسی این موضوع بپردازیم و بتونیم نکات قابل تامل این ترند جدید و بررسی کنیم.

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

مثلا در مایکت، این نوار پایین به صورت زیر است که با انتخاب هر یک از موارد خانه، بازی، فیلم و سریال و مارکت‌من، میتوانیم بین این صفحات حرکت کنیم:

نوار ناوبری استور اندرویدی مایکت
نوار ناوبری استور اندرویدی مایکت


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

دیدگاه یک- نوار پیمایش در دو نوع صفحه نباید استفاده شود:

۱. صفحاتی که روی یک اکشن خاص متمرکز است. مثال: نوشتن ایمیل، ارسال نظر و …

۲. صفحاتی که حاوی تنظیمات اپلیکیشن است.

https://material.io/components/bottom-navigation#usage
https://material.io/components/bottom-navigation#usage


دیدگاه دو- میتوان صفحات یک اپلیکیشن را به ۳ دسته تقسیم بندی کرد و بر اساس آن تصمیم گرفت:

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

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

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

https://ux.stackexchange.com/questions/115417/should-the-tab-bar-be-accessible-on-sub-pages-in-a-mobile-app
https://ux.stackexchange.com/questions/115417/should-the-tab-bar-be-accessible-on-sub-pages-in-a-mobile-app


دیدگاه سه- آشکار و پنهان شدن نوار ناوبری با اسکرول:

دسترسی ناوبری پایین در صفحات فرعی وجود داشته باشد و یا با اسکرول آشکار و پنهان شود تنها در صفحاتی که نیازمند توجه زیاد کاربر به محتوا صفحه هستیم ناوبری را حذف کنیم.

https://ux.stackexchange.com/questions/115417/should-the-tab-bar-be-accessible-on-sub-pages-in-a-mobile-app
https://ux.stackexchange.com/questions/115417/should-the-tab-bar-be-accessible-on-sub-pages-in-a-mobile-app


https://uxdesign.cc/some-common-mobile-nav-patterns-when-to-use-them-9b2bff9fcb0e
https://uxdesign.cc/some-common-mobile-nav-patterns-when-to-use-them-9b2bff9fcb0e


دیدگاه چهار- حذف نوار ناوبری به دلیل ساختار گیج کننده‌ی آن:

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

https://uxmisfit.com/2017/07/09/when-bottom-navigation-fails-revealing-the-pain-points/
https://uxmisfit.com/2017/07/09/when-bottom-navigation-fails-revealing-the-pain-points/


دیدگاه پنجم- نگه داشتن نوار ناوبری:

نوار ناوبری بتواند از هرجایی از نرم‌افزار قابل دسترس باشند.

https://uxplanet.org/perfect-bottom-navigation-for-mobile-app-effabbb98c0f
https://uxplanet.org/perfect-bottom-navigation-for-mobile-app-effabbb98c0f

مگر اینکه با عملکرد در مغایرت باشد.

https://www.appmysite.com/blog/bottom-navigation-bar-in-mobile-apps-heres-all-you-need-to-know/
https://www.appmysite.com/blog/bottom-navigation-bar-in-mobile-apps-heres-all-you-need-to-know/


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

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