Introduction to prototyping
We start by clarifying two definitions:
Definition of a prototype:
The framework of a product that is depicted with lines and graphics, also known as a wireframe diagram.
The resultant output of interaction design may be a few diagrams on a piece of paper; the prototype represents the result of interaction design, and when finally realized, the interaction flow will be consistent with the prototype; it can be interpreted as a draft or called a reference
The prototype is a way to let the user experience the product in advance, to communicate the design concept, and to show the complex system. In essence, a prototype is a communication tool.
Definition of prototyping:
The wireframe diagram depicts the functional structure of the page, it is not a design draft, nor does it represent the final layout, the layout shown in the wireframe diagram, the most important role is to describe the logical relationship between the function and the content.
The prototype diagram is a representative model or simulation of the final system, which is more realistic and detailed than the wireframe diagram.
Secondly, to understand the role of prototyping, there are two main points:
Communication: because the prototype is a figurative expression of the needs and functions, so the prototype can assist the product manager and the leadership, interaction, UI and technical communication product ideas. Although the requirements document is also able to meet the communication needs, through the use case will interact with the design description document, but the prototype can be more detailed explanation of interaction.
Testing: Because prototypes are easier to modify than UI drafts, prototypes can improve the efficiency of product managers who have to rework functional designs that don’t pass review. No Internet company can go straight to products and services without testing. Prototypes have irreplaceable value in identifying problems, reducing risks, and saving costs.
(The place of prototyping in product design)
Design process: first of all, clarify the purpose of the output prototype and the user group, how efficient is this prototype to help me communicate the design or test the design? How much time do I have to prototype? Secondly, what level of fidelity is required?
The best online prototyping tools are Marvel, Invision, Inkblade, and so on.
I hope this helps you~
You can ask if you have any questions, please accept, thank you~
Prototyping Responsibilities
The user interface designer is responsible for maintaining the integrity of the user interface prototype and ensuring that the prototype is used to build a usable user interface in accordance with the requirements of the use case schematic board and boundary objects.
Prototyping is the first element of application development. It serves not just to communicate, but to embody. Through the content and structure of the display, as well as a rough layout, it can illustrate how users will interact with the product, reflect the ideas of developers and UI designers, reflect what users expect to see, reflect the relative priority of content, and so on.
Product design students after graduation, can be in the industrial design professional departments, product research and development design institutes, product design promotion and dissemination agencies, enterprises and institutions, educational teaching and publishing institutions, as well as with product design-related interaction design, information design, visual communication, environmental facilities design, display design and other related units of employment.
The concept of product design is relatively broad. If based on the two major blocks of software and the Internet, the so-called product design work is more.
These include UI designers, interaction designers, artists, and product managers. These 4 types of jobs are in short supply, especially interaction designers and senior product managers. The treatment is generally in the upper middle class (compared to the same level).
One of the higher requirements of the product manager must have: project management skills, product planning, product design, demand management, communication, information mining, implementation and other skills and experience.
What is prototyping,how to use it
We first clarify two definitions:
Definition of prototype:
Prototyping is the best tool for interaction designers to communicate with PDs, PMs, and web development engineers. And the design of the block in principle must be the product of interaction designers, interaction design to the user-centered concept will be throughout the product. Prototyping is the best tool for interaction designers to communicate with PD, PM and web development engineers. In principle, the design of the block must be the product of interaction designers, and the concept of user-centered interaction design will run through the entire product. Utilizing the professional vision and experience of the interaction designer directly leads to the usability of the product.
Product prototypes can be summarized as a framework for designing the entire product before it goes to market. Take the website registration as an example, after the whole pre-interaction design flow chart, is the prototype development design stage, simply put is the page module, elements, human-computer interaction in the form of the use of wireframes to describe the method of the product out of the skin state is more specific and vivid expression.
What is Axure and product prototyping
axureRP is a rapid prototyping tool, it does not require any programming or writing code base, you can design a good interactive product prototype, commonly used in Internet product design, web design, UI design and other fields.
As a popular prototyping tool, it can accomplish a lot of things that can’t be done with paper and pen, especially for highly interactive pages, and showing them with animation effects makes it instantly clear what you’re trying to express.
Prototype: a product framework depicted in lines and graphics, also known as wireframes.
Prototyping is the most important part of the entire product process, and has a role to play. Why? Before prototyping, the requirements or functional information are relatively abstract, the process of prototyping is to transform the abstract information into concrete information, and then the Product Requirements Document (PRD) is to describe and illustrate the sections, interfaces, elements, and the execution logic between them in the prototype design. Therefore, the importance of prototyping is irreplaceable, and product managers should have absolute control and mastery over it.
That said, although the prototype design is very important should be limited, the role of the prototype design has the following points:
1, because the prototype is the demand and functionality of the figurative expression, so the prototype can assist the product manager and the leadership, interaction, UI and technical communication of the product ideas.
2, because the prototype compared to the UI draft is more convenient to modify, so the prototype can improve the product manager’s functional design did not pass the review rework efficiency. That axure and tencent cdc’s uiddesigner, and online fluii can also be considered. The others don’t seem to have it. But in addition to axure, the so-called interaction between the latter two are actually different screenshots of the interface to switch between, frankly speaking, is a multi-node structure of the ppt, not a real interaction. axure’s idea is closer to the actual development, such as through the master to achieve the interface elements of the encapsulation of the reuse of conditional judgments, functions, variables. These features in addition to development tools, prototyping tools and who else can compare to axure?
App prototypes have a simpler interface structure than web pages, but the interactions are much more complex. The divs on the interface are not flat, and in order to effectively utilize the space, there are many cascading, card-based displays. To make this kind of high fidelity interactive prototype, I think auxre is the best. For example, a tableview that slides to the top to refresh, and the bottom to pop back up, can only be done by axure without the help of development.
I’ve been using axure since 2007, and at one point I thought that axure didn’t need to be improved much for prototyping websites. Since I’ve been doing apps, I’ve felt that axure is a bit out of date, but I’ve tried other tools, and I still think auxre is the best for it. After carefully doing a few, I think axure is still perfectly suitable for app prototyping. It’s also easy to share when you’re done. I’m not sure if I want to be able to do that, but I’d like to be able to do it in a way that I don’t want to be able to do it in a way that I don’t want to do it in a way that I don’t want to do it in a way that I don’t want to do it in a way that I don’t want to do it in a way that I don’t want to have to do it. For example, I hope axure can borrow a little bit from other tools and development ideas, separate the ui and material, just like changing the skin, a control can just change the image material. That way the pm or interaction is designed with the simplest wireframe, and after the interaction is finalized, the designer’s image can be pasted on, so it’s 100% fidelity.
The thing that makes axure unfriendly or outdated for app design is that it supports too few event types. Interaction can’t simulate multi-touch, can’t simulate device motion, can’t simulate all kinds of sensors maybe too demanding for a prototyping tool.AxureRP is the flagship product of the American company AxureSoftware
Solution, a professional rapid prototyping tool that lets experts in charge of defining requirements and specifications, designing functionality, and interfaces to quickly create wireframes, flowcharts, prototypes, and specification documents for applications or Web sites. As a professional prototyping tool, it creates prototypes quickly and efficiently while supporting multi-person collaborative design and version control management
Product prototyping is the process of transforming abstract ideas and requirements into a tangible product. At the same time it can be presented visually to other members of the team, and even early users, for verification of the rationality of the product, through an efficient, low-cost way to express, test and verify the product.Axure: an earlier development of a prototyping software, and thus a greater reputation. Unlimited canvas, suitable for low to medium fidelity prototyping. A lot of features, but also make learning a little difficult, there are many axure tutorials online will not say more. Local type software, you can download html document preview, cell phone preview is not convenient.
Definition of product prototype:
1. The product framework depicted in lines and graphics, also known as wireframe diagram.
2. The resultant output of interaction design may be a few diagrams on a piece of paper; the prototype represents the result of interaction design, and when finally realized, the interaction flow will be consistent with the prototype; it can be interpreted as a draft or called a reference
3. The prototype is a way to allow users to experience the product in advance, exchange design ideas, and display complex systems. In essence, a prototype is a communication tool.
Additionally, some of the best online prototyping tools are Marvel, Invision, Inkblade, and so on.
I hope this helps! Welcome to ask questions in the interface design primary or middle, in order to be able to facilitate and other designers to discuss, test the product-related design ideas, the need to use a variety of prototyping tools will be made out of the product model, one by one, the interface modification and iteration, if necessary, you can also be made into a dynamic model, the direct test, to see what problems or shortcomings there may be, and so on.
Axure is an old prototyping tool, and is by far the most commonly used tool on the market, with full support for prototyping, interaction, and sharing features. However, for some prototyping whites, it is still quite difficult to learn and slow to get started. At present, there are many excellent prototyping tools, such as Mockplus, can be said to be a simplified version of Axure. prototyping is fast, simple and efficient. The prototype project type is comprehensive, interaction is rich, drag and drop can be realized, team sharing, collaboration and comment function can also be realized. It is suitable for early rapid prototyping, mid and late rapid collaboration, iteration and testing.