Read the "beautiful blueprint how people planning to forget the site" feel

It took almost two months for the book to finish recently, and personal feeling was a rare source for information architects, Internet product managers, and web designers. As the author said at the outset, each chapter in the book can be written in its own right, each with a different theme, so it is more of a handbook for interim inspection.

The article on the definition of the label and its importance to explain why people suddenly realized, on the classification of information and user selection of the role of the method is also very workable. In addition, the authors' explanations of several principles and three major factors in the design of social networks are more generalizations in this area.

Here are some of the main framework for the article and some personal insights put together to share with everyone in the hope that this area will be helpful to followers.

Web site design eight basic principles:

1, logo guide design

[Women's website should pay attention to the logo guide; men's website should pay attention to the current location and path identification; where the current body, the historical path, where the goal]

2, set expectations and provide feedback

【Before the action takes effect, we must inform the user that the action has not happened yet.

3, based on ergonomic design

[Actually navigation (key information) is placed on the right to make it easier for most internet users. Paradox: In fact, the location distribution is not obvious on the site, the user often by default the right sidebar as an advertising camp]

4, to maintain the same standards

【Follow the industry management and user behavior. For example: "Back to home" links tend to be in the top left corner, while shopping carts appear almost in the top right corner; users want ads to be on the right, and if useful links are on the right side of the page, they are likely to be completely ignored. 】

5, provide error correction support - prevention, protection, notification

6, rely on identification, rather than remembrance

7, taking into account different levels of users

8, to provide contextual help and documentation

How to make the content of the website easier for users to find and use:

1, using a familiar organizational system

2, the obvious label

3, so navigation is more like navigation

[Text for reading only and clickable text should look different]

4, the "here," "here" and "can visit" to make a difference

About "Tags":

Tags become the easiest way to unofficial informational content. Second, as user-generated content becomes more prevalent today, labels are the only way to create scalable taxonomies. Finally, tags are also useful for end-users on the other hand, personalization.

On the one hand is a flexible scalable taxonomy system, on the other hand is to gather, save and even recommend new projects tagging, the combination of the two labels is the choice of all Web2.0 sites, and even some early web sites also try to follow Into this technology. Combined with traditional classification methods, the label will be more useful.

Three common ways to combine interactive tasks:

1, wizards (multiple boxes, multiple pages)

[Wizard is linear; the frequency of use of the interactive characters is not high; the user's technical level is not high; tasks include multiple steps, but a visit can only complete one step]

2, control panel (multiple boxes, a page)

The user's high level of technology; enough network bandwidth; application understanding, and the choice is very simple; need to be placed adjacent to the element to provide the context; the task of higher frequency】

3, tool bar

[There are several steps in the task; the task crosses the non-linear relationship; the close relationship between the tool and the work area is very important; and the technical level of the user can support the realization.]

Site navigation:

1, structure navigation

Structure navigation shows the content of the hierarchy, often in the form of global and local navigation.

Bread crumbs navigation: generally used for different pages and products have obvious differences in demand, interspersed less need for interspersed.

Crab navigation: a click can hurdle more demand

2, related navigation

Contextual navigation associates a page with other pages that contain similar content

Linked navigation is easy to forget, as they are equivalent to a quick journey across information architecture systems, but associative navigation is the single most powerful driver of website usability and the next safety net for the site.

3, usability navigation

Usability navigation enables the association between the page and the features that help the visitor use the site itself

When deciding whether to implement paged navigation on a form or process, you should first determine how important it is for the user to complete the form. If you allow users to give up the form and go to another part of the site, you can leave the global navigation and local navigation visible. However, if you want the user to complete the form is very important, you have to channel global navigation and local navigation.

Social Space Architecture Elements:

1, identity

Identity elements [personalized information; avatars (avatars should cover all potential user group characteristics); online status (current, history, action, contacts, location); prestige

2, the relationship

Relationship elements 【Contact, group, specification】

3, activities

Activities 【Sharing, Communication, Collaboration, Wisdom Collection】