{"id":1487,"date":"2016-02-03T14:00:37","date_gmt":"2016-02-03T14:00:37","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/web\/?p=1487"},"modified":"2016-02-02T11:37:02","modified_gmt":"2016-02-02T11:37:02","slug":"find-your-way-using-the-new-global-menu","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/web\/2016\/02\/03\/find-your-way-using-the-new-global-menu\/","title":{"rendered":"Find Your Way Using the New Global Menu"},"content":{"rendered":"<p>The new global menu is visible across all sites in the new template. It replaces the mega footer seen in the old central template.<\/p>\n<div id=\"attachment_1490\" style=\"width: 1021px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer.png\" rel=\"attachment wp-att-1490\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1490\" class=\"wp-image-1490 size-full\" src=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer.png\" alt=\"Mega footer used in old website template\" width=\"1011\" height=\"512\" srcset=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer.png 1011w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer-300x152.png 300w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer-768x389.png 768w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/mega-footer-500x253.png 500w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><\/a><p id=\"caption-attachment-1490\" class=\"wp-caption-text\">Mega footer used in old website template<\/p><\/div>\n<p>The menu launched at the same time as the new external homepage. In its first iteration it was static. Each menu item linked through to a landing page containing links to further content relevant to the section. For example, take the <a href=\"http:\/\/www.ncl.ac.uk\/study\/\">Study landing page<\/a> which links through to the Undergraduate, Postgraduate and International sites, among others.<\/p>\n<h2>Menu behaviour on desktop<\/h2>\n<p>We developed the second dynamic iteration of the menu to reduce clicks. On desktop you can <strong>hover over each menu item to open a sub-menu<\/strong> with links to relevant sites.<\/p>\n<div id=\"attachment_1488\" style=\"width: 594px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop.jpg\" rel=\"attachment wp-att-1488\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1488\" class=\"size-large wp-image-1488\" src=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop-1024x258.jpg\" alt=\"Global menu on desktop screens\" width=\"584\" height=\"147\" srcset=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop-1024x258.jpg 1024w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop-300x76.jpg 300w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop-768x193.jpg 768w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop-500x126.jpg 500w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-desktop.jpg 1200w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><p id=\"caption-attachment-1488\" class=\"wp-caption-text\">Global menu on desktop screens<\/p><\/div>\n<p>The global menu is accessible. Keyboard access is achieved using the tab key to move through each menu item. Pressing on the down arrow on the keyboard will open the sub-menus.<\/p>\n<h2>Menu behaviour on mobile<\/h2>\n<p>When using the website on a touch based device the global menu loses the sub-menus. When you tap any item in the menu it takes you to a landing page that has similar links to those found on the sub-menu for that section.<\/p>\n<div id=\"attachment_1489\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-mobile.jpg\" rel=\"attachment wp-att-1489\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1489\" class=\"wp-image-1489 size-full\" src=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-mobile.jpg\" alt=\"Global menu on mobile devices\" width=\"400\" height=\"190\" srcset=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-mobile.jpg 400w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/01\/global-nav-mobile-300x143.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><p id=\"caption-attachment-1489\" class=\"wp-caption-text\">Global menu on mobile devices<\/p><\/div>\n<h2>Further development<\/h2>\n<p>This is not the end for development of the global menu, we\u2019re testing how it is used to inform the next steps of development. This iterative process is a method we\u2019re starting to use to approach development across the whole site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new global menu is visible across all sites in the new template. It replaces the mega footer seen in the old central template. The menu launched at the same time as the new external homepage. In its first iteration &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2016\/02\/03\/find-your-way-using-the-new-global-menu\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":862,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,15],"tags":[104,105],"class_list":["post-1487","post","type-post","status-publish","format-standard","hentry","category-design-and-development","category-go-mobile","tag-menu","tag-navigation"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/users\/862"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/comments?post=1487"}],"version-history":[{"count":4,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1487\/revisions"}],"predecessor-version":[{"id":1495,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1487\/revisions\/1495"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/media?parent=1487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/categories?post=1487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/tags?post=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}