"Splendid blueprint how people planning to forget the site" Reading Notes

Recently spent almost two months on and off the book finished, personal feeling for information architects, Internet product manager, http://www.aliyun.com/zixun/aggregation/13163.html "> website designer As the author said at the outset, each chapter of the book can basically be written separately, each chapter on a different topic, so it is more a temporary for temporary Check the manual.

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.

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

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

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.

1, wizards (multiple boxes, multiple pages)

[Wizard is linear; the frequency of use of the interactive characters is not high; the technical level of the user is not high; tasks include multiple steps, but one 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.]

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.

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】

In view of the copyright of the author and the translator, the original content of the original book will be released unchanged. If you think it is valuable, you can purchase the original book "Beautiful Blueprint: How to Design a Website with Lost Circumstances (Version 2)."

Source: http: //www.jingpingw.com.cn/information-architecture-blueprints-for-the-web/