Product introduction, how to draw product function structure diagram and product information structure diagram.

The following is the author's definition and distinction of these two structural diagrams through practice and data collation, supplemented by practical demonstration, analysis and explanation:

Generally speaking, in practical work, a product requirement may not be used from creativity, conception to final output to design and development, so it should be selected according to the situation. If the product scheme is required to be exported first, it is still recommended to draw "product function structure diagram" and "product information structure diagram", so that developers can easily and intuitively understand the product structure and avoid the omission of modules and functions when drawing the product prototype with reference to the structure diagram.

A, product function structure diagram

Function: Sort out the function points of product architecture.

Note: We usually draw the product functional structure diagram before drawing the prototype diagram, so most pages are not listed as modules, but divided into functional modules, and the main functions of the product and other lower-level functional points are listed around the main functions.

Generally, when analyzing competing products, we will push the molded products back to practice. At this time, it is necessary to use the software repeatedly, list its main functions, and the functional details involved need to be constantly tested.

When you conceive a new product, you also need to use many similar or referential products. In the process of drawing functional structure diagram, you should list functional modules and refine functional points in combination with previous or similar product experience.

The concepts of function and information are sometimes vague. If you want to express yourself more clearly, you can name the function point in the form of "verb+noun", such as: login/registration account; View/cancel collection, etc.

Operation process:

Before drawing the functional structure diagram, we should sort out the main functional logic. The following are the main functions of the disassembly of the author's reference function module:

Add subordinate functions and details on the basis of main functions, and you will draw the product functional structure diagram!

As shown in the figure below:

Second, the product information structure diagram

Function: sorting out the information displayed by the module function of the system page is the basis of drawing the prototype. The information structure diagram is similar to the data table structure design, which reveals what data and elements these data need to have in order to realize the content expression that each functional module needs to show. If the functional structure diagram is the functional abstraction of the product, then the information structure diagram is the data abstraction of the product.

Description: the product information structure chart lists the information fields needed by the product, which is the basis for us to conceive how to lay out the page information before drawing the prototype. It is especially important for the product information page in C-end products. In order to avoid the omission in prototype drawing, it is necessary to draw the product information structure diagram to exhaust the page content. In the information structure diagram, it is very common that the information of the same object appears on multiple pages.

For example, when a recruiter uses a recruitment website, key information such as name, gender, age, position and working hours will appear on the candidate list page, candidate details page, search results page and so on.

Operation process:

Combined with the function points, the main page layout of the envisaged function is carried out.

According to the demand survey, competitive product survey report and own product experience, determine the layout of specific functional modules;

Summary:

1. Function structure diagram, the key word is function, which is the structural expression of function;

2. Information structure diagram, the key word is information, which is a structured expression of information;

The details of interaction do not need to be reflected in the product functional structure diagram and product information architecture diagram, such as page layout details, interactive gestures, animation effects and so on. , which belongs to the category of interactive design.

When drawing the product structure diagram, you should imagine that this is the final form of your product, and what functions and data each page should have, similar to different static pages developed to show you the prototype of the product.