Users want to intuitively move about Morningstar products, easily accessing information and functionality with the help of concise, efficient navigation. Users want to recognize familiar, consistent navigation patterns as products scale and evolve and are viewed across multiple viewports.
Use to divide content and functionality in to multiple levels, consisting of a homepage, main topics, and subsections. Hierarchal navigation is useful for organizing large quantities of content by grouping similar subjects together in a predictable manner, and it is presentable in both horizontal and vertical formats.
Use horizontal navigation to offer a fixed horizontal bar at the top of the page containing several clickable items. One of the main advantages: It doesn’t consume much vertical space, maximizing the height of the main content area or work space.
Use vertical navigation to divide a page in to at least two columns, and use the left-most column to hold several clickable items. Vertical navigation presents content and functionality as a table of contents, and it can scroll, enhancing scanability by allowing a large number of items to be visible at once.
Use sequenced navigation to locate and guide a user through a workflow by breaking down complex tasks into easily completed actions. Use only when a flow must be completed in order.
Use faceted navigation to search large sets of content by using keyword search and content metadata to filter results. Also referred to as advanced search.
The System offers many components that can be combined to achieve different types of navigation.