The design of website navigation for generalWebsite constructionIt is relatively simple. Small websites have a clear hierarchy and a small number of pages. Just like the navigation of enterprise websites, they only need a few buttons to replace them.The navigation design of large websites is very challenging.largeMarketing website constructionThe level is deep, and the home page needs many page entries, with a certain scale and complexity. Design of website navigation for the website construction in general is relatively simple, clear hierarchy structure of small website, webpage quantity are few, like enterprise site navigation, only need a few buttons can replace. The design of large website navigation is a very challenging. Large marketing type website construction deep level, home to many page entrance, with the size and complexity of the.
So, how should the navigation of large websites be designed? Then, large website navigation should be how to design?
Before that, the author introduced several different navigation design concepts: Before I introduce the different navigation design concept:
1. Completely get rid of navigation Completely free of navigation
Instead of adding navigation to the website, each page is marked with an independent tag, so that users can find the appropriate page according to the combination of tag search and keywords.This way can support unlimited websites, even if there are more deep connections on the website, it can meet the needs of users, and it also strengthens the interconnection and vitality between pages.Now some websites have no navigation, such as Zhihu, Wumi, etc. Not added to the site navigation, but as an independent marker for each page, let users according to the combination of tag search and keyword to find the appropriate page. This way you can support the infinite sites, even if the site deep connection to also can meet the needs of users, but also to strengthen the relationship between pages and vitality. Now some sites also no navigation, such as knowledge, without looking.
2. Combination of microsites Combination of mini Web
Another method is to split large websites into micro websites, such as the BBC website, which has several sub websites, such as Wen, sports, TV, radio, etc. Each channel has its own navigation, avoiding the complex navigation problem of large websites. Another method is to split into mini web sites, such as the BBC website, under a number of sites, like news, sports, television, radio, and each channel has its own navigation, avoiding large website navigation complex problems.
3. Breadcrumbs instead of regular navigation With bread crumbs, instead of the conventional navigation
Users can access the columns of the website through breadcrumbs on a certain content page. Breadcrumbs navigation allows users to know their location more clearly, as well as the next level of navigation. The drawback is that breadcrumbs navigation cannot allow users to jump between different columns. Users can access the site columns by bread crumbs and a content page, bread crumbs navigation allows users to more clearly know their position, and a navigation, skip defect is the bread crumbs navigation do not allow users to achieve different columns.
What kind of navigation design method should be selected? Should choose the navigation design way how?
4. Vertical navigation
Different from the traditional horizontal navigation mode, the navigation can be vertically displayed in groups, and the content is displayed on the right. Users can switch the content they want to see at any time. Horizontal navigation mode is different from the traditional, can use the grouping way navigation vertical display content, display on the right side, the user can switch at any time you want to see the contents of.
Of course, the top level navigation can be retained, allowing users to quickly jump different information Of course, can retain the top level navigation, quick jump allows users to achieve different information
5. Pop up menu on navigation In the navigation menu
First level navigation can be set. When the mouse moves up, the second level navigation menu under this navigation appears, allowing users to choose freely.It can save a lot of page space. You can set a primary navigation, when the mouse moved up, presented two levels of navigation menu in the navigation, let users free choice. You can save a lot of space on the page.