How to compile a prototype design document for web development?

Product managers can choose their preferred prototype design tools based on their own interests. Based on their experience, prototype design is generally presented to two groups of people. One is the boss and the other is the artist andProgramMember:

The document shown to the boss should be easy to read and modify. For example, to modify the text, we can also call it product requirement identification or product definition. The boss needs to know whether the subordinates understand the requirements, the boss is busy and does not focus on details. Therefore, the document should contain flowcharts (to improve readability). In addition, the boss is changeable and the requirements will also change. Each document should have a version number, each version of the document should be saved separately. If SVN is used as the version controller, the benefits will not be mentioned.

The documents to be viewed by artists and programmers need to be detailed. The specific content includes the page prototype diagram, flowchart, process description, term explanation, version number, user Real-Time column, and page design standard. Then, each operation is detailed, every prompt page and every prompt language take time. If the project time is tight, you can ignore some details. It is not a good way to communicate or organize meetings in person. The following describes the software of several design prototypes and flowcharts: (transfer)

1.Axure

It is regarded as the best prototype design software on Windows. The reason is: fast enough, simple enough, and faster than Visio. Since it is a prototype design, it is of course a subsistence guarantee. Axure provides several shapes to meet basic requirements, but the shape customization function is too weak, such as a large rounded corner frame, axure cannot be well processed, it needs to be spliced with four shapes.

In addition to providing a true minimum living style, axure alsoProvides comments and interface ContextAnd so on. The interface context is very useful. If you want to demonstrate some interface effects, the interface context provided by axure is very intuitive.

In addition, axure canExport HTML and DocFiles, which can be easily documented.

In daily development, axure may be one of the commonly used software, but it is limited to the English version and registration fee of up to 500 US dollars, for this reason, the great software hacker specially released the Chinese package and the cracked registration serial number.
This Chinese package is only applicable to axure RP pro 5.5.0.1945 (Official original version, click to download). If you do not need to talk about it, download the Simplified Chinese package immediately. After decompression, copy the client. install the DLL file in the axure installation directory to overwrite the original file with the same name.

The following are two registration serial numbers of the software (for cracking, applicable to version 4 or 5)

Name: www. 0431 . CC
Serial: fnmeynzgs4bq1pvtacam7shg1rzavwic0nnfxbcbprbtvbqk7bshljx5i + Fg7ixj

Name: itqy. com
Serial: dclxsfv7id2ig1wj0zypu+Czwkdad3yzevr5ud06l/E1fcl4rzimp6drzur3a30l 

 

Axure RP pro tutorial

The following are typical and practical axure RP applications:
Embedded flash/video using inline Frame
Drop-down menu (droplist) Interactive Design-control another drop-down menu
Use axure RP to encapsulate visual standards
Drop-down menu (droplist) Interactive Design-control page feed
How does axure RP use gradient colors?
Simulate Yahoo! Yui tabview
Simulated travel website (Website planning book/RP File Download)
Axure RP widget effect Overview
Accordion interactive interface design
Auto complete interactive interface design

 
Other reference Tutorials:
Http://www.linlife.com/blog/index.php/archives/230

Http://www.2tan.net/default.asp? Tag = axure + RP & distype = List

Http://www.5istudy.cn/system/jiqiao/6975.html 

 

2.Microsoft Visio

One of the most commonly used prototype design tools is almost the only "best" option on Windows. There are many templates to choose from, including flowcharts, layout charts, engineering drawings, schedules, software interfaces, and UML. The advantages of Visio are obvious and quick start, different types of diagrams can be drawn quickly, but the disadvantages are also very obvious. To support different "templates", the appearance of Visio is not powerful enough, and visio2007 and visio2003 compared, i'm a little disappointed with Visio, but is there any other option in windows?

3.Microsoft PowerPoint 2007

Office2007 is most commendable for its fast style of color and shape. Similarly, PowerPoint can help users quickly create a set of UI specifications. At the same time, the prototype design is an old line of PowerPoint.

4. omnigraffle

It can draw beautiful flowcharts and prototype designs.Best Prototype Design SoftwareButOnly for Mac OSIt cannot be said that it is a pity that users on Windows cannot enjoy the software. I have never used it myself. My introduction to it is also obtained from its official website and heartbleed blog.

5. Client prototype GUI Design Studio

You can use axure and balsamiq mockups to easily draw a Web-based prototype, but what if the object is a client software? Is axure preferred? Maybe you are familiar with axure now, but I strongly recommend that you use the GUI Studio software. I will explain it in a few minutes,
I paid attention to some of my friends who are doing software PM.

GUI Design Studio is a graphical user interface design tool that you can use without the need to write anyCodeOr a script to quickly create a demo prototype. You can use GUI Design Studio to quickly draw out the interface of your ERP software, and draw out the client interface prototype of QQ/MSN/fetion, you use standard elements to draw personalized screens, windows, and controls, because these are based on Windows standard protocols. Finally, they are integrated to display the operational workflow and then run the simulation program to test your design.