👇 This post focuses on global bottom bar navigation on mobile products. This is the most common form of navigation and important to memorise and master. ⁣ ⁣ 🌳 Fixing the bottom navigation to the bottom makes it easy for users to always navigate to primary pages in your product. Upon scroll add a drop shadow to create depth. ⁣ ⁣ 🐚 Icons are regularly used in mobile navigation. Size wise stick to the 8px rule and wrap them in a 24px container ⁣ ⁣ 👀 Although icon only navigation is minimal and feels trendy it helps to include a navigation text label to ensure all users master the navigation of your mobile product. ⁣ ⁣ 🕺 States of your navigation are either active, inactive or pending. Learn them and ensure on handoff these are clearly defined. ⁣ ⁣ 🐣 I hope these tips help with your next mobile product and always feel free to experiment as these are just best practice. Drawer navigation up next 🙌