Navigation

Lead Designer: Chrystal, Kevin

Lead Developer: Dan

User Story

The end user is anyone browsing a website and trying to get to the part of the website efficiently. The user needs to be aware of where they are within the website at any given moment and should be able to bookmark a page (or go directly to it from a google search) and the navigation should reflect where they are.

Minimum Viable Product

UX Mock: Horizontal nav UX

• Ability to choose a top-level menu item
• Ability to choose a second-level menu item
• Ability to choose a 3+ level menu item, without having to keep cursor within boundaries (no "fly away")
• Ability to navigate back one menu level (e.g. from 3rd to 4th)
• Ability to navigate back to top-level menu (and collapse all submenus)
• Highlight the current location within menu
• Allows configuring menu using JSON file with the general format:

{
    "navigation":
    [
        {
            "title":"first top level",
            "link":"first.html"
        },
        {
            "title":"second top level",
            "link":"second.html"
        },
        {
            "title":"third top level",
            "link":[
                {
                    "title":"third-A",
                    "link":"thirda.html"
                },
                {
                    "title":"third-B",
                    "link":
                    [
                        {
                            "title":"third-B-1",
                            "link":"thirdb1.html"
                        },
                        {
                            "title":"third-B-2",
                            "link":"thirdb2.html"
                        }
                    ]
                }
            ]
        },
        {
            "title":"fourth top level",
            "link":"fourth.html"
        }
    ]
}