Introduction to interactive design-the function of interactive design

The last chapter is about understanding interaction design, and this chapter focuses on the functions of interactive design-what do interaction designers do?

Ⅰ. Understand the basic concepts of interactive design:

Interaction design is a kind of goal-oriented design, all work content is designed around the user's behavior. Through the design of user's behavior, the interaction designer makes the user more convenient and efficient to complete the product business goal, and obtains the pleasant user experience.

Ⅱ. The location and tasks of the interaction design in the project process:

Pre-project processes and nodes: The function of refinement is to make the product in each professional link to achieve the ultimate, improve competitiveness. If it is to walk the process, each link is a task-type delivery, bloated division of labor in addition to increase costs and slow down the project progress, there is no practical significance. So the interaction design needs to be done well enough to make the job meaningful.

Ⅲ. Specific functions of interactive design:

As can be seen from the above diagram, interactive design mainly three things:

① define part of requirements ② define information architecture and operation flow ③ organize page elements, make prototype demo

① Define part of requirements

The former inertia thinking is that the requirements should be responsible for the product staff, designers only to achieve and improve the interface experience. The real demand for products comes not only from business but also from the emotional needs of users. In the field of affective analysis, the interactive profession is advantageous, for example:

A promotional module for value-added services, the business model might look like this:

With emotional factors in mind, the demand model will continue to improve:

Just for example, a real product person doesn't think of a business model as simple. This example is to illustrate the requirements of the product design is not only a business model, but also to consider the user's feelings, user behavior and operational data. When the product personnel are not fully considered, the interaction designer has the responsibility to revise and improve the requirements, so the goal-oriented design is complete.

② definition Framework

This section is part of the core work of the interaction designer, the framework design phase that I described in the previous chapter. The quality of output in this phase has a direct impact on business objectives and conversion rates. If the framework is confusing, the next interface is not optimized. This is like a large supermarket aisle design, if the route planning is not good, and then a large number of guide icons are inefficient. What does interactive design do? It is the meaning of frame design that allows users to quickly accomplish goals and improve operational efficiency.

What is a framework design? This is divided into two parts:

<1. On the design of structural navigation >

Think of our products as a huge library, we need to help users (purposeful, purposeful, aimless) to find the books they are interested in, how to help users accurately find the task of accomplishing the goal, this is the navigation design. Navigation design tasks are generally in new projects or refactoring projects.

There are probably three types of navigation: structural navigation, associated navigation, usability navigation

In the frame design stage, the interaction designer mainly focuses on the design of the structure navigation.

The structure navigation is divided into two kinds: global navigation and local navigation. Global navigation is generally refers to the information structure do not contact a large classification, user-friendly to the most rapid way to understand the entire site has what the general content. The local navigation is focused on the user's most convenient shortcut operation and business boot operation.

The first task of the interaction designer is to classify the business content information, divide the primary and secondary relationship, and define the design of global navigation and local navigation according to the business purpose and user's custom. So how do you plan it? < NI! The feeling is not finished, then write down will be able to book (┬_┬) >

Back to the first value-added Services page example (virtual case, not real case):

After combing the requirements (how to comb, please Google drawer sorting method), we can confirm the global navigation:

Further planning the local navigation:

The level of local navigation can continue to extend down, through the tree directory or breadcrumbs to help users to browse without losing their way.

<2. About Process Design >

Previous cases we have basically confirmed that the module needs to have what pages, the page will probably put what content. But the real user task is not done on a page, at this time we need to flow through the process of the task become clear and inclusive of user's various misoperation.

Virtual Case:

In the process planning design to follow: 1. Oriented to business purpose; 2. Compatibility to the user's habits; 3. As far as possible to make the process to do subtraction, one more process will lose a part of the user; 4. The task is coherent and clear; 5. Consider the complexity of the implementation approach;

③ organize page elements and make prototype demo

After the need for perfection and the design of the framework, the previous work is still in the abstract idea stage, how to convey the idea to other team members? Interaction also needs to express ideas and plans, so the best way is to produce prototype demo. The demo to make, let the product, development, testing intuitive to see the prototype of the product, and then wide acceptance of the prototype for continuous revision, improvement, do a simple user testing continue to tap the emotional needs.

So how to organize the page elements, production prototype demo? What is the level of presentation that the interaction designer is focusing on? What are the ways to make prototypes? This one.. Or wait for the next chapter. O (∩_∩) o

Source Address: http://www.54xiaomeng.com/?p=270