

Mobile menus were getting long, causing confusion and often led to decision paralysis. If there are no sub-pages in the section, the menu line/bar will take you directly to the selected page. This prevents the user from having to click a small plus icon to open the menu. If there are subpages to the section the entire bar is an expand/collapse. To improve the functionality of the mobile menus, we created a larger touch target.

To encourage users to visit the section landing page we have added a “ section overview” link to all top navigation dropdowns. Section landing pages are extremely important tools that provide overviews of the content in the section and improve user’s ability to navigate the site, especially on mobile. Site users were often skipping the top menu items that serve as section landing pages.This second option includes short section descriptions and quick links for easier access to popular content.) The second option is used for deeper, more complex sites.

The first option is our basic standard drop-down (expands from 1 to 3 columns depending on the number of pages in the folder). We created two different menu options (external link).See instructions to apply caption classes.Īdditional changes and enhancements Navigation Improvements Added captioned image styles (external link) on content pages.Separate asset type for images in the “ Add Content” dropdown.This means that in the content area, the first heading will be Heading 2 instead of Heading 3. Changed header order for improved SEO: H1 is now page title instead of site name.Standard left nav page has been renamed to Content Page.

