#6 - Navigation System | Information Architecture Explained

Today we will cover the navigation system. One of the most important and very underrated topics of UX Design. Navigation Systems Some UX practitioners use the words "information architecture" to mean the menus on websites or apps. While "information architecture" and "navigation" are related, they are not the same. Navigation is one of the fundamentals that have a direct connection with usability. Without a sound navigation system in place, users will struggle whenever they interact with a website. Navigation is thought of as something built brick by brick as you go and as the product grows. When we go by this philosophy, sound comes many times, the product ends up with complicated navigation with multiple hierarchies and sometimes various types of navigation. "Intuitive navigation doesn't happen by chance. It's a result of detailed research and planning" Time Stamps 03:44 - Precap 04:51 - Introduction to Navigation System 10:22 - Definition of Navigation System 12:05 - Types of Navigation 14:00 - Global Navigation 21:15 - Local Navigation 25:25 - Contextual Navigation 32:48 - Supplementary Navigation 34:43 - Breadcrumbs 38:47 - Sitemaps 41:45 - Search 44:50 - Guides or Onboarding 47:50 - Configurators 49:13 - Social Navigation 54:14 - Embedded Navigation 58:00 - Tips for making intuitive navigation 1:03:54 - Outro Information Architecture Playlist: https://youtu.be/tmDb8CJ8UIg References: https://www.usabilityfirst.com/about-usability/information-architecture/index.html https://s2713275.wordpress.com/category/information-architecture/navigation-systems/ https://www.shopify.com/partners/blog/information-architecture https://xd.adobe.com/ideas/process/information-architecture/information-architecture-navigation/ https://www.smashingmagazine.com/2013/12/efficiently-simplifying-navigation-information-architecture/ https://www.nngroup.com/articles/ia-vs-navigation/ https://www.galaxyconsulting.net/7-blog/157-information-architecture-components-navigation-systems https://amherd.medium.com/the-difference-between-information-architecture-ia-sitemap-and-navigation-64eba19296c https://blog.hubspot.com/website/main-website-navigation-ht http://wwwmayr.informatik.tu-muenchen.de/konferenzen/Jass05/courses/6/Papers/03.pdf Navigation Guidelines by Operating Systems: Google Material Design: https://material.io/design/navigation/understanding-navigation.html Windows: https://docs.microsoft.com/en-gb/windows/uwp/design/basics/navigation-basics Apple: https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/navigation/ Recommended Book(s) Information Architecture: For The Web and Beyond, 2e Lou Rosenfield, Peter Morville How to make sense of Any Mess, Abby Covert Subscribe to UXANDMORE: https://www.youtube.com/uxandmore?sub_confirmation=1 Connect with Me: LinkedIn - https://www.linkedIn.com/in/helllomanav Instagram - https://www.instagram.com/uxandmore Listen to Elements of Design Podcast: https://www.youtube.com/playlist?list=PLM4CbBNeTpu5FmdijWZLQlAGK9IC_CgiS Connect with me: https://www.instagram.com/uxandmore https://www.linkedin.com/in/helllomanav Looking for career advice or a Portfolio review? Book a free session with me: https://calendly.com/hellomanav/mentorship/ #contentdesign #InformationArchitecture #UXwriting