How to think in the process of interactive design

These two days are in good shape, and the more people are able to completely vent themselves when they don't care. Can be removed from the business, the prototype, to re-examine their work. Of course, interactive prototypes cannot be used as a criterion for judging a designer, they are only a product of the design that assists in the project process. The most valuable is that the online manuscript behind the formation of a set of thinking methods to guide you to do the design. Then you have your own criteria to help you measure the pros and cons of the design. The so-called design is justified, roughly so. Here are some outputs to eliminate those "I think ..."

1 Process of thinking

Where to start a design or redesign

First, start with the design goals and determine what the user most wants to see.

Then, group the information. Group logically to determine the relationship between these groups. These relationships are shown by determining whether the relationship between groups is close or not (intimacy).

When you organize text and pictures on a page, you establish and maintain clear alignment. If you can see an obvious boundary, such as a photo border or a vertical line, you can enforce this boundary by aligning other text or objects.

Create duplicates, or find items that can be duplicated. To create duplicates, you can use bold, line, decorative symbols, or a space layout. See which elements have been naturally repeated, and see if it is appropriate to increase the intensity of repetition.

Can establish a strong contrast to enhance the impact of the page, it will be easier to attract users, otherwise the page will be as tasteless as boiled water. Contrast to black and white, for example, if everything on the page is big and thick, very gorgeous, then there is no comparison! Whether it is to build comparisons through bigger and thicker, or to form comparisons by smaller and finer points, the key is to be different, to be compelling.

2 How to realize and judge

2.1 The intimacy of page information

If there is a close intimacy between multiple page information, they will form a visual unit instead of multiple isolated elements. The elements that are related to each other should be grouped together. Consciously pay attention to how you or someone else is reading and build visual sensitivity. Watch how your eyes move, where you start, how you go along, where you end, and what you see after you read it. The whole process should be a reasonable process, with a definite beginning and a definite end.

The most fundamental purpose of determining the intimacy of page information is to achieve organizational. If the information is organized, it will be easier to read and remember. In this process, we should pay attention to using a good "blank", the blank itself is a form.

How do you think the information on the page is organized? Like sketching. Narrow your eyes and count the number of times your eyes have stopped. Number of elements on the page. If the items on the page are more than 3~5, see which isolated elements can be grouped together to create a closer intimacy, making it a visual unit.

The problem to be avoided. Don't put the element in the corner or the center because there is a blank. Avoid having too many orphaned elements on one page. Do not leave blank spaces of equal size between elements, unless each group belongs to a subset. Do not establish relationships between elements that are not part of the same group, and separate them if they have nothing to do with each other.

2.2 Alignment of page information

No element can be placed randomly on the page. Each item should have a visual connection to some content on the page.

In design, uniformity is an important concept. To make all the elements on a page appear to be unified, connected, and interrelated, there is a visual link between individual elements.

The fundamental purpose of alignment is to be unified and organized. Relative to the inductive method. To pay special attention to where the elements are placed, you should always find the elements that are aligned on the page, although the physical location of the two objects may be far apart.

To avoid mixing a wide variety of alignment. Try to avoid center alignment unless your design is designed to create very orthodox pages.

2.3 Duplication of page information

Some aspects of the design need to be duplicated throughout the work. Repetition can connect the parts of a work together to unify and enhance the entire work, otherwise these parts are only isolated units. Repetition is useful not only for a single page of products, but for the design of multi-page documents, that is, consistency.

The goal of repetition is to unify and enhance the visual effect. If a product looks interesting, it is often easier to read. Of course, the problem to be avoided is the repetition of the process. It's like wearing a red dress and makeup is also warm survey, and then put on a bright lipstick.

2.4 Comparison of page information

To achieve the effect, you have to contrast strongly. Don't flinch. (in design, in life all apply ~)

If the two items are not exactly the same, they should be completely different and distinct. Do not need 14px and 12px to compare, also do not use 0.5 points of the line and 1 points of the line to compare. In addition, dark brown also do not compare with black, no effect of things in the beginning also as not to do!

The fundamental purpose of contrast is two-way, which complements each other and cannot be separated. One goal is to enhance the effect of the page, and the other is to help the information organization. Let users immediately understand how the information is organized and from one to another logical process.

Contrast must be strong! If you want to contrast, increase the intensity! If the two forms are not exactly the same, simply make them completely different ~

Article Source: feelingmm.com reprint Please indicate the source link.