Information structure in navigation design

Before going into today's topic, let's explore the importance of navigation and analyze the performance of navigation on the portal site.

navigation directly affects the company's revenue

What benefits will navigation bring us? Navigation is not only to provide access to information, its design will directly affect the entire corporate revenue. Let's take a look at an example (the following is from Alibaba Fan's "business awareness of Designers"):



Alibaba approximate advertising price

The image above reflects the approximate advertising price of Alibaba's website.

In fact, a lot of space at the top of the page is occupied by navigation, see the following figure:



As you can see, the top navigation is very large, in a screen, the user could hardly see the search results.

The user is to look for the information, the first screen completely does not see the result!!!

Below we are going to lose weight for navigation:

Navigate the Weight Loss page

This is after the weight loss of navigation, search results in a higher position, while each product bit price also increased a lot, the first position of the ad bit from 95,000 to 120,000.

Navigation changes directly bring the financial benefits of the site.

Portal Navigation

Navigation plays a very important role in web design, but we often ignore the importance of navigation when designing a Web site, especially in portals. The following is the page navigation of NetEase financial channel:



Financial Channel page

The first picture is the financial channel's homepage, the second is the two level channel stock's homepage, the third picture is the market homepage. As can be seen from the above picture: Three charts in contrast, the main navigation has a significant change, and the change is subversive, we have no way to find something relevant. When I see the home page, I was thinking, the trader is the stock below the level two page, but to the stock page, but did not operate this navigation. Multi-level navigation is not supported on the same page. Open the Market page users more overwhelmed, where I am, the navigation is not currently selected navigation. Almost every click of the navigation, will open the page in a new window, which caused a lot of pressure on the browser.

Overview of the major portal sites, because of the large information content, complex structure, early planning, information needs rapid iterative factors, navigation above will have a lot of problems. It is urgent to solve the problem of navigation.

In the study of navigation problems, read the "Web Navigation Design" This book, the contents of the book is summarized. Today, the main share of "navigation design information structure" this aspect.

Information structure of

navigation

What is the information structure

The structure can be specific to cover the specific location of the page and content. Information structure refers to the Web page of the planning or architectural map, it is the skeleton of your site. The structure types of information include:

Linear structure, network structure, hierarchical structure, fractal structure, gradually exposed structure.

Concrete analysis of

information structure

1. Linear structure

The following figure, this page can limit Taobao buyers to complete the purchase process in a linear structure. The 1,2,3,4 steps above lead the user step-by-step through the task and inform the user of the location in the process.

The general breadcrumb navigation is also a linear structure:

2. NET structure

The following figure, this is a page that can be set up by the user.

The navigation of the mesh structure has no starting point and no end point, even no hierarchy or sequence.

3. Hierarchy structure

Most Web sites may use this structure. Arranges nodes in a hierarchical relationship to expand their hierarchy.

The following is the navigation of NetEase digital channel:

4. Faceted structure

In a faceted structure, the positioning of an item is given by its attribute category: Item 1 belongs to the category A,b,c, but does not belong to D, and it has multiple access points.

The following figure nine days of music, singer Lin Jia can also be found in the singer or the list. People can take values from any order, thus supporting multiple ways of accomplishing the same goal:

5. Gradually revealing structure

It is not a well established information structure, but spontaneous formation, which is gradually revealed structure. Wikipedia, for example, is comprised of each contributor to build the content, scale, and even direction of the site.

From the above structure type can be seen, different types of Web sites need different information structure, such as the music of the Web site, it is necessary through the "music", "singer" and other facets of the structure to present.

Understanding and mastering these types of structures can help us better grasp the design of navigation.

Extension: organization of information

After we have identified the information structure, we have to consider how to organize the information.

Like an alphabetical example of a car channel:

Information structure and information organization design-card classification Introduction

In the website information structure and organization design, we will use card classification, card classification needs:

make some of our predefined categories, to the user to arrange, users can say their own ideas, you can modify the name of the classification, encourage users to encounter difficult to understand the classification, loudly speak out.

In the card classification, there are usually two stages:

Open phase, the need for about 15 users, to give users enough freedom to classify information. In the closing phase, approximately 8 users are required to validate the results of the previous development phase.

Application of card classification in practical process

Card Classification Quantitative results

In the card classification, two software usort and Ezsort,usort are used to import the user card classification results, Ezsort can guide all the results, and output statistics.

Card Classification Statistic Results

Summary

This sharing, mainly for my "Web navigation Design" This book part of the summary and some insights, I hope you in the future design, more attention to navigation design, in the navigation design to find some effective methods.

Of course, navigation design is not only information structure or organization method, but also with the interactive way of navigation, navigation visual performance, navigation extensibility, navigation balance, etc. have a lot of connections. For the Portal class site, there is also its special navigation requirements, this is what I need to study below.

Source: http://uedc.163.com/3546.html