Current location - Recipe Complete Network - Catering training - How to efficiently output the prototype of mobile app products
How to efficiently output the prototype of mobile app products
I. output product flow chart by interface.

Efficient output, first of all, to ensure that the overall thinking of the product should be correct, which can be reflected in the product flow chart. Mobile products need to focus. Due to the size of the mobile phone interface and the fragmented use of users, it is inevitable that there will not be too many contents and action points on an interface, which ensures that we can draw the process in the most concise way. Define "Interface Title" and "Main Content" by interface, as shown in the following figure:

How to draw a process with such an interface unit, we take the login and registration of an app as an example:

Such a product flow chart can quickly know how many interfaces the product has, check whether the user path is too long, and is simple in form, and also easy to discuss and modify.

Second, use modifiable basic prototype controls.

How to make a high fidelity prototype quickly? An alternate set of basic prototype group controls is essential. Most designers generally use axure to complete product prototypes, so from the perspective of cooperation, this paper specially makes a set of mobile product group controls that are most commonly used in axure. Designers can complete a simple high-fidelity prototype by changing the text, color and position. The screenshot of basic group control is as follows: download address

Based on this control, in the above-mentioned app login and registration example, the fast component is a high-fidelity prototype.

For many details about the design, you can refer to the book "Mobile Phone Design Manual", which involves a lot of basic mobile phone design knowledge.

Third, make a clickable dynamic prototype.

Complete the high-fidelity prototype, and according to the flow chart, it is convenient to make dynamic effects that can be experienced on the mobile phone, so that product personnel or users can truly feel the actual effect of the app.

After reading this article, Bian Xiao still wants to say: Interactive prototype focuses on conveying design ideas. Realistic effects are of course important, but don't indulge in some cool-looking effects. Often a comment can explain the problem clearly. Why does it take hours or more to make a very realistic effect? Choose an app, make a prototype on this basis, make 2 or 3 different types, and you can definitely get started.