Getting Started with interactive design (ii): The specific functions of interactive designers

Source: Internet
Author: User

The last chapter explains why there is an interaction design, which focuses on the function of interactive design-what does an interaction designer do specifically?

Ⅰ, first understand the basic concepts of interactive design:

Interaction design is a kind of goal-oriented design, all the 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 target and obtain a pleasant user experience.

Ⅱ, interaction design position and tasks 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 sense of the job.

Ⅲ, interactive design of the specific functions:

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 an advantage, for example:

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

After considering the emotional factors, the demand model will continue to improve:

Just for example, a real product person will not 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 will not be 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? Let the user quickly complete the goal, improve operational efficiency, this is the meaning of the framework design.

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. The design tasks for navigation 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. How should we plan it?

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 the 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 planning and design of the process 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 the other team members? Interaction also needs to express ideas and plans, so the best way is to produce prototype demos. 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 do you organize page elements and prototype demos? What is the level of expression that the interaction designer is focusing on? What is the basis for prototyping? This is the next chapter.

Author: Xiao Meng

Article Source: The interactive design of the small fierce

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.