Author: one page kite
Time to write: on December 3, 2020
1 - the usefulness of Axure
· 8 is the Axure Axure RP Software Solution company's flagship product, is a rapid prototyping tool, is responsible for defining requirements, mainly for the defined specifications, design features, design experts, including user experience designers, interaction designers, business analysts, information architects, usability experts, and product managers,
AXURE change the way we work:
Policy makers
Intuitive understanding of system behavior to help decision-making,
The product manager
Improve the efficiency of the communication between the various jobs, reduce the communication cost, guarantee the project progress,
Demand for staff
More effective communication with users, reduce misunderstanding and ensure the quality of demand,
Design and development
More effective collaboration, communication, reduce the communication cost, reduce misunderstanding and avoid rework,
The user
A more intuitive feeling system, feedback the user's demand and the shortage of the system as soon as possible,
2 - learning object
Product manager, interaction designers, project managers, UI designers, information architecture, development engineers
3 - why do we need to implement a prototype design?
About 66% of the software development failure or loss of the top three reasons for:
Lack of user participation in
Incomplete requirements or specifications
Requirements or specifications change
, the textual document into interactive visual images, let the customer demand confirmation before put into programming,
, is a highly efficient user-centered technology, is an effective simplified documentation, to attract users to participate in, early to identify the demand omissions, minimize risk of external demand, the method of
, global & gt; 1000 of the companies in the use of Axure RP, taobao, yahoo, tencent, dangdang are in use, such as
4 - what is the product prototype
Said a little bit more simple, the product prototype is the expression of design, is a product manager, one of the important output content of interaction designers, and other project team members (especially designers, developers) important reference and assessment basis,
Combined with our previous understanding knowledge, the product interface prototype is actually the page level of information architecture, document design, and interaction process between pages and pages, it is the product function and content of the schematic diagram,
Directly on a few prototype figure, could be more clear, the diagram below:
The prototype design draft
Product design and prototype according to the fine degree to points, can be divided into the wireframes, low-fidelity prototypes and high-fidelity prototype, design product
Image resolution
5 - what is the archetype figure?
Prototype figure is close to the design draft, high fidelity and wireframes, prototypes are dynamic interactive, some high fidelity prototype design and even the final product looks, because they are not only with meticulous in place of the visual design, at the same time, as far as possible, simulate real product interaction interface and the function, to provide complete product experience,
6 - why do archetype figure?
Prototypes as well as the project demonstration function, can be interactive prototypes are often used in formal product development before the user testing, early prototype test can save great time and development costs, a remark, but a team of archetype figure is more conducive to the communication between the designers and developers to save the changes back and forth and a large number of sending pictures and PDF document this cumbersome steps, for developers, they can, after repeated tests based on the prototype of the figure out code implementation scheme, and without waste of development cost and effort,
7 - the work environment of Axure
Axure working environment for visual drag-and-drop, can easily quickly create annotated wireframes,
Can, without programming block diagram are defined in the online simple links and advanced interactions,
· Axure generates a wireframe, the integration of HTML interaction prototypes, specification Word documents,
Professional rapid prototyping tool
Quickly create wireframes Internet product flow chart of low-fidelity prototypes
High-fidelity prototypes and interaction/process documents such as
Axure function about parsing
Figure 2: main page
Figure 3:
The menu bar and toolbar
Perform common operations such as file open, save, format control, output, the output specification operation, such as
Figure 4:
The page navigation panel
- right-click on the page to add, delete and rename
Sort - page organization
- open the page design
Figure 5:
Element is used to design the wireframe user interface elements,
Contains a common element in the element panel, such as buttons, images, text boxes, such as
Add the element
From the component palette drag an element to the element the editor area, you can add an element;
Components can be copy (Ctrl + C) and paste (Ctrl + V),
· operation element
After selected components, can drag mobile element and change the element size;
Can be combined by element right-click menu, sorting, alignment, distribution operations, such as
Editing style element and attribute,
Toolbar, click on the button on the toolbar, edit component text font, background color, borders, etc.,
Right-click menu: right-click menu component on some specific attributes of the element is editable components these properties vary,
Dynamic panels:
