1. What is a prototype diagram?
The most basic definition of "prototype" is "a simulation or sample version of the final product, used to facilitate testing before release." The goal of a prototype is to allow developers and corresponding demand parties to quickly develop a product before spending a lot of time and money on it. Understand product creativity and product style layout.
2. Why draw a prototype?
- Help the demander to better understand the product design and facilitate corresponding adjustments and modifications.
- Help developers carry out targeted product content development, and early product prototype design reduces repeated verification during the development process
- Summarize and integrate scattered demand points to form a visual closed loop
3. How to draw a prototype?
tool
Here I recommend a prototype drawing tool I tried to use - xiaopiu instant prototype. We can carry out our own prototype design through this prototype website, and it supports interaction between buttons to facilitate us to better display our functions.
design
For prototype design, you can refer to the previous product design blogs. For the design of some front-end pages, you still have to follow the principles of product design.
Notice
When we draw prototypes, the most taboo thing is to directly use screenshots, or draw multiple functions on a plane. This behavior is actually very similar to writing the code to death in the process of developing code. Such prototype design , we have no way to start when we expand in the future. For example, if we want to reuse the same button, if you use a screenshot, the button cannot be reused at all, which only adds to the trouble of repeated design.