Prototype design practices and prototype practices

Prototype design practices and prototype practices

In the instructor management system project, start learning and use Axure for prototyping. Although Axure can be used for some simple interface design and interactive design, I still feel that what I have mastered is only a tiny part of Axure's powerful functions.

When talking about prototype Design, you have to mention the word UCD (User Centered Design ). That is, the user-centered design focuses on user experience as a design decision during the design process, emphasizing user priority.

The first step in developing software products is requirement analysis. Frequently encountered problems in the demand analysis phase are:

1. the requirements described by the user are inconsistent with those understood by the developer.

2. User requirements change frequently.

Users do not care about the code used by your software products. They only care about whether your products seem comfortable and convenient to use.

Therefore, before developing a product, we should first design something like this: it can display the product interface and allow users to "use ". The "use" here is not intended for usersTrueWhat functions are implemented is an effect. It feels like you are using a real product. We call it prototype.

The above is your understanding,HundredDegree definition: The product prototype is a framework design before the entire product is available. Simply put, the module, element, and human-machine interaction form of the page are described using wireframes, remove the product from the skin to express it more vividly.

Find a picture from the Internet to learn about the role of prototype design!

With the prototype, the demand analysis is not so terrible. A user uses a prototype such as a product to describe in detail what he or she is not satisfied with. In this way, communication between the user and the developer is shared. The prototype is a bridge between users and developers. Because I have little knowledge about prototype design, this bridge may not be limited to users and developers. However, the role of prototype in communication and response to demand changes cannot be ignored.

Axure is a prototype design tool. Axure RP is a quick prototype design.

Here I will only give a brief introduction to the features I know.

• Interface Design:

Page: Like a form we used

Components: widgets we have used.

Here we will focus on two parts:

Dynamic panel

Internal framework

They are all like containers, but the items in this container are variable.

For a dynamic panel, the state is an important attribute. Each State is actually a page, and the dynamic panel can be displayed in different States at different times according to the design needs.

For the internal framework, the self-perception is also a variable area, but it seems to be more flexible. If you want to display it in a certain area on some pages, then you can go to The onclick event, add a use case and select to open the Link (PAGE) in the internal framework ).

• Interaction Design:

An event is triggered to open a link (PAGE), set the dynamic panel status, set the part value, and so on;

You can also add conditions when an event is triggered to perform any operation if a condition is met, and perform other operations if another condition is met.

Tip:

You must set a name for each part during design.

If many people work together to design a prototype, you can choose to import the page during integration. Copying and pasting is definitely not a good method.

Conclusion: I have shared some of my understanding of prototype design and some experience in using Axure. From prototype design, we can also see that in order to develop software more efficiently and efficiently, we need to make full use of it to reach a consensus with users based on the people-oriented idea, and then develop products that meet user satisfaction.

How to Learn about Axure website prototype design

It is easy to learn the basics, that is, to drag the control to complete the layout.
You can learn from the design of static pages, familiarize yourself with every control, and then understand what the control can do (what events are added) and what control can be accepted (what events can do to it, for example, enable/disable? Receiving parameters? Change status ?). In this process, pay attention to the design ideas of the axure software, so that learning will get twice the result with half the effort.
Then, I started to learn about interaction, and found some websites instead of instance tutorials to practice. I first drew the static content and then looked at what the website interaction was like. I tried to use axure to make it, at this time, you will encounter specific problems. Think about how to solve the problems according to the software ideas you understand. First, find a solution. After a few iterations, the common interaction effect will basically be met, and you will have a better understanding of axure itself in this process.
Then, as more and more results will be made, they will go to the effect control route and always want to do the most high fidelity, or even change to the css level of the generated file, in fact, some results can be clearly described in one sentence, but the implementation is very troublesome and unnecessary.
Finally, take the simple route, which is simple and practical. At this time, we will pay more attention to efficiency. How can we make a module into a reusable template for multiple pages? How can we package components and share them with other colleagues, how to implement a prototype by using axure for collaboration between multiple people ....

How to Learn about Axure website prototype design

Efficient learning:
Step 1: 17 teaching videos on the official website, from introducing software to special effects implementation, imitating and practicing. At this point, most of the results can be achieved.

Step 2: Practice: imitate all the effects of a website and other special effects to achieve Baidu search, or go to the forum for communication.

We recommend that you learn and operate. You can review it later or forget to read it again.