The era of mobile Internet: What is the prototype of a qualified product?

650) this.width=650; "Src=" Http://s3.51cto.com/wyfs02/M02/85/77/wKiom1ekSbqA_78uAAHZ2PP9N3c913.jpg-wh_500x0-wm_3 -wmp_4-s_1519390974.jpg "title=" 11.jpg "alt=" Wkiom1eksbqa_78uaahz2pp9n3c913.jpg-wh_50 "/>

A successful product, born from a successful idea. But a product from birth to molding needs to experience the idea-prototype-design-development-testing and other long process, it can be said that the prototype design in the entire product flow in the most important position.

What is a product prototype?

Simply put, the product prototype is a simple framework before the product design, the page module, elements of the extensive layout and layout, while adding some interactive elements to make it more image concrete. In other words, the prototype design is the process of translating ideas (abstract information) into lines and graphs (representational information), which is ultimately presented in the form of a product framework.

650) this.width=650; "src=" https://pic2.zhimg.com/5a77f9191fd7ec4e8769239f61e032f5_b.jpg "class=" origin_image Zh-lightbox-thumb "width=" alt= "5a77f9191fd7ec4e8769239f61e032f5_b.jpg"/>

Clear and understandable product prototypes not only facilitate product managers and leaders, UI designers and technical staff in the early communication of product ideas, but also better to help artists and developers understand product characteristics, so that the subsequent design and development smoother, improve overall development efficiency.

What is a qualified product prototype?

Product prototypes to implement business logic, detailing product functionality as the core. Rough prototypes often bring a lot of constant and increased communication costs for subsequent design and development, so use high-fidelity prototypes as much as possible in project development, focusing on the details, functions and descriptions of product prototypes, while having a certain visual aesthetic.

However, in the actual development process, the acceptance of the high-fidelity prototype is currently not uniform standards, this article is used in the Programmer's Inn www.proginn.com set standards. Here's a concrete example of how a qualified high-fidelity prototype should be.

Case of an unqualified prototype

650) this.width=650; "Src=" Http://s3.51cto.com/wyfs02/M00/85/77/wKioL1ekSejwwmWcAADrug2qXBA916.jpg-wh_500x0-wm_3 -wmp_4-s_1998921199.jpg "title=" 7.jpg "alt=" Wkiol1eksejwwmwcaadrug2qxba916.jpg-wh_50 "/>

The problem of case one exists:

1. Lack of "product structure chart" and "Core flowchart"

2, the location of the digital marker

[1] Indication unknown (do not sign in to show what?) Is there a drop down? ）

[2] Label superfluous (other pages do not have an editing page associated with it)

[3] button and other important operations, not connected to the specified page (this case is a static diagram prototype)

[4] Two module difference obvious (rough piece)

Case two qualified prototypes

650) this.width=650; "Src=" Http://s4.51cto.com/wyfs02/M01/85/77/wKioL1ekSfTAHP6ZAAB0AYPDU0I455.png-wh_500x0-wm_3 -wmp_4-s_2127770277.png "title=" 8.png "alt=" Wkiol1eksftahp6zaab0aypdu0i455.png-wh_50 "/>

Case two-Product structure chart

650) this.width=650; "Src=" Http://s2.51cto.com/wyfs02/M01/85/77/wKioL1ekSf6xpECzAADVTFbhp0s392.png-wh_500x0-wm_3 -wmp_4-s_2061822790.png "title=" 9.png "alt=" Wkiol1eksf6xpeczaadvtfbhp0s392.png-wh_50 "/>

Case two-core flowchart and description

650) this.width=650; "Src=" Http://s5.51cto.com/wyfs02/M00/85/77/wKioL1ekSn_QC8p6AAFp6QNZ3pM791.png-wh_500x0-wm_3 -wmp_4-s_676501736.png "title=" 10.png "alt=" Wkiol1eksn_qc8p6aafp6qnz3pm791.png-wh_50 "/>

Case two of the product prototype, clear structure diagram, clear flow chart, important page instructions and detailed instructions, there is a certain visual beauty.

A high Fidelity prototype is a development method that minimizes the loss of various losses. Of course, in different projects, the requirements for a high-fidelity prototype map are not the same. As long as the prototype clearly embodies the use of scenes, information architecture, layout, control logic, size and other elements, do not give follow-up design and development pit, reduce communication and development costs, in general, is a qualified product prototype.

This article is from the "first to a cup of Java press yajing" blog, please be sure to keep this source http://maybeone.blog.51cto.com/11734094/1834787

The era of mobile Internet: What is the prototype of a qualified product?