Jun 18, 2022
In Welcome to the Forum
In the software design stage, interaction designers or product managers often need to use some tools (such as Visio, Axure RP, Flash or OmniGraffle, etc.) to make static drafts or prototypes to express design ideas. Each of these tools has its own whatsapp Database advantages, and of course, each has its own disadvantages. So how did Tencent CDC design the software prototype? Here we will introduce UIDesigner, a prototyping tool we are developing. First, let's experience the prototype effect produced by UIDesigner. This prototype is a whatsapp Database settings form, mainly composed of buttons, checkboxes, group boxes, and text boxes, some of which also have responsive actions (such as opening another interface, closing the form, etc.). As shown in Figure 1, this is an interaction diagram made using Firework. Figure 1. Design draft produced by Firework The characteristics whatsapp Database of this interaction diagram are simple and clear, and it can represent the basic properties of various controls (such as text, position, and selected state, etc.), but it is only a static picture and cannot truly show the response actions of each control, such as Just looking at this picture, it's not clear what the response will whatsapp Database be when you click the "Settings..." button on the Proxy Settings group box. Then take a look at the effect produced by UIDesigner.The final output is an EXE executable file (see the upper left corner of Figure 2. And after double-clicking it, a form that is exactly the same as the final effect will appear (see Figure 2). right). In addition, it is a real prototype whatsapp Database with responsive actions, such as if you click the "Settings..." button, a new form will pop up (see Figure 3). Figure 2. Prototype made with UIDesinger Figure 3. Another form that pops up after clicking the "Settings..." button In fact, this new pop-up form is an independent prototype, also produced by UIDesigner. Since the controls whatsapp Database in it can also set the next response action, in general, many prototypes are like a tree structure, and the parent node is the setting form in Figure 2.