{"id":438,"date":"2016-06-24T12:04:46","date_gmt":"2016-06-24T12:04:46","guid":{"rendered":"http:\/\/fazilabdulkhadar.com\/?p=438"},"modified":"2021-02-23T09:24:10","modified_gmt":"2021-02-23T09:24:10","slug":"6-ways-to-organise-your-navigation-menu","status":"publish","type":"post","link":"https:\/\/fazilabdulkhadar.com\/index.php\/2016\/06\/24\/6-ways-to-organise-your-navigation-menu\/","title":{"rendered":"6 ways to Organise your Navigation menu"},"content":{"rendered":"<p>Navigation planning should start with information architecture. It is vital to sit down and brainstorm about a website\u2019s information architecture. You have to figure out what kind of features the website offers. There are 6 different types of navigation menus. They are follows<\/p>\n<h2>1. Subject :<\/h2>\n<p>This is one of the common ways to organize navigation content. Please see the below navigation type from Flipkart. Flipkart is one of the popular e-commerce websites in India.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1010 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/12.jpeg\" alt=\"\" width=\"996\" height=\"271\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/12.jpeg 996w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/12-300x82.jpeg 300w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/12-768x209.jpeg 768w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/div>\n<p>It&#8217;s organized by the kind of thing you might be shopping for whether Mobile, TV, Refrigerator etc.<\/p>\n<h2>2. Audience<\/h2>\n<p>The Audience means the kind of Person looking at the website, clothing and cosmetics shops normally do this. Please see the navigation arrangement from Myntra.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1011 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/13.jpeg\" alt=\"\" width=\"380\" height=\"59\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/13.jpeg 380w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/13-300x47.jpeg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/div>\n<p>The first section is for the women who are looking at the website, and next for the men and so on\u2026<\/p>\n<h2>3. Org Chart<\/h2>\n<p>organization chart of the parent company the company that is running the website. Below is the screenshot from Gap one of the largest clothing portal. You can see the number of child companies which is operating by GAP.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1012 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/14.jpeg\" alt=\"\" width=\"999\" height=\"311\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/14.jpeg 999w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/14-300x93.jpeg 300w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/14-768x239.jpeg 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/div>\n<h2>4. Date<\/h2>\n<p>A lot of blog websites are using this method. Facebook also using this method to arrange the posts in each profile walls.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-left\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1013 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/15.jpeg\" alt=\"\" width=\"337\" height=\"277\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/15.jpeg 337w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/15-300x247.jpeg 300w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/div>\n<h2>5. Task<\/h2>\n<p>This is another way to organize the navigation based on the questions customers have and answering those questions. \u00a0Example: When the restaurant open ?, Can I book a flight ?. You can see the below Emirates website navigation, it placed based on the kind of task the traveller might have.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1015 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/17.jpeg\" alt=\"\" width=\"1028\" height=\"369\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/17.jpeg 1028w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/17-300x108.jpeg 300w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/17-1024x368.jpeg 1024w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/17-768x276.jpeg 768w\" sizes=\"auto, (max-width: 1028px) 100vw, 1028px\" \/><\/div>\n<h2>6. Hybrid<\/h2>\n<p>If a website using the mix of Subject, Audience, Org Chart, Date, Task types that is known as Hybrid navigation.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1016 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/18.jpeg\" alt=\"\" width=\"836\" height=\"150\" data-sizes=\"auto\" data-srcset=\"https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/18.jpeg 836w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/18-300x54.jpeg 300w, https:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/18-768x138.jpeg 768w\" sizes=\"auto, (max-width: 836px) 100vw, 836px\" \/><\/div>\n<p>Courtesy &#8211; \u00a0<a href=\"http:\/\/www.amazon.in\/Dont-Make-Me-Think-Usability\/dp\/0321344758\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Don&#8217;t make me think<\/a>,\u00a0<a href=\"http:\/\/aquent.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Aquent<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Navigation planning should start with information architecture. It is vital to sit down and brainstorm about a website\u2019s information architecture. You have to figure out what kind of features the website offers. There are 6 different types of navigation menus. They are follows 1. Subject : This is one of the common ways to organize&hellip;<\/p>\n","protected":false},"author":1,"featured_media":439,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,1],"tags":[],"class_list":["post-438","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/comments?post=438"}],"version-history":[{"count":3,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/438\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/438\/revisions\/1018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/media\/439"}],"wp:attachment":[{"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/media?parent=438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/categories?post=438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/tags?post=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}