Interactive Design User research: Web Interaction Design Optimization

Article Description: simple check list for web interaction Design optimization.

"Optimizing the experience of existing products" is a common description of the user experience related job responsibilities. Our products are often perfected in a fast iterative process, just as children grow up to be raised, to optimize existing features/products, and to design new features/products as important as indispensable.

However, compared to the implementation of new features, the existing function optimization is always not so urgent and very fragmented, resulting in iterative optimization plan is always classified as "important not urgent" or even "not important not urgent" quadrant, into the east a Bonzi West a hammer trading. We can find problems through usability testing, but tests are often limited by time, user solicitation, venues, and equipment, and may not be possible. More often, designers need to follow certain principles, such as usability guidelines, to find and solve problems quickly.

The problem with this little article is this: if you want to optimize the interactive design of a non-entertainment-oriented product, we

• What are the areas that need to be considered
• What principles to follow
• How to start checking for existing designs
• How to determine the priority of an optimization

Without involving:

• Interactive design process for new features/products
• Design optimization of entertainment oriented products
• The optimization of product concept and function level
• Tips for each type of product
• The specific optimization method

First, what needs to be optimized (considerations)

One of the main purposes of the design principle is to optimize the user's product experience. For production tools and other non entertainment-oriented products, this means minimizing workloads. "--the essence of interactive design"

The principles of behavior and interface design tell us that we should be designed to reduce the workload of our users. But we are often not intimate enough, unknowingly set the user a variety of tests, let them crazy:

1. Visual Burden Visual work

• Need to explode layout
• Need to differentiate between content levels
• Need to differentiate visual elements
• Need to try to locate target information
• Need to identify the starting point of reading
• Need to constantly change the view
• The visual stream is disturbed, interrupted

2. Cognitive Burden cognitive work

• Need to understand unfamiliar concepts and patterns
• Need to understand the long, jerky text content
• Need to understand the structure and layout of the disorder
• Need to understand ambiguous operations
• Need to guess system state, behavior, result

3. Memory Burden Memory work

• You need to remember the various attributes of the object (name, position, size, color)
• You need to remember the Association of objects
• commands, steps, results to remember operations
• Need to remember the previous operation

4. Physical Burden Physical work

• Requires a long distance mobile mouse
• Need to do (multiple) clicks
• Need to perform a different mouse gesture
• Multiple combinations of operations are required
• Need to switch input mode
• Need to access different pages/areas
• It takes a long time to wait

Ii. optimization Objectives (GOAL)

Careful examination of the existing design, more or less always can find problems. Before we solve the problem, we should be clear about what direction to optimize:

1. Availability-based goals

• Easy to identify/locate/Read
• Easy to understand/learn/remember
• Easy to operate

The most important purpose of optimization is to make the product more usable so that the design conforms to the 10 usability guidelines of Jakob Nielsen:

1. Provides significant system status through effective feedback information
2. In line with the real world of users
3. The right of user's free control
4. Consistency and standard sex
5. Prevent errors
6. Recognition, not memory.
7. Flexible and easy to use
8. Beautiful, streamlined design
9. Assist users to understand, analyze and correct errors
10. Help and description

2. Product-based objectives

needs to be defined according to different products. For example, for the rapid registration process optimization, the goal is to enable users to complete the registration of the most convenient to enter the target page, the optimization target may be the minimum input, the shortest waiting time.

Iii. Quick Checklist (check list)

In order to achieve the goal of optimization, a simple checklist (pdf version of the download link to see the end of the article), easy to check the structure, layout, content, behavior four aspects of the check:

1. Architecture and navigation architecture and navigation

Does the ¨ adopt a structure that is familiar to the user or is easy to understand?

Does ¨ recognize the current location in the site?

Can ¨ clearly express the structure between pages?

¨ can you quickly return home/Main page?

Does the ¨ link name correspond to the page name?

¨ is the structure and layout of the current page clear?

2. Layout and Design layout

Does the ¨ adopt user-familiar interface elements and controls?

¨ interface elements and control of the text, location, layout, grouping, size, color, shape, etc. is reasonable, easy to identify, consistent?

Is the relationship between the ¨ interface elements/controls correctly expressed?

¨ the main operation/reading area of the line of sight is smooth?

¨ other text (title, prompt, provide feedback) consistent?

3. Contents and readability content and readability

¨ text content of the Exchange object is the user?

is ¨ language concise, understandable and polite?

Is the meaning of the ¨ content expressed consistent?

is ¨ important content in a prominent position?

Does the ¨ provide the necessary information when needed?

Does ¨ have an element that interferes with sight and attention?

4. Behavior and interaction behavior and interaction

¨ Inform, guide the user what can do?

Does ¨ tell you what steps are needed?

Does ¨ tell you how long it will take to complete?

¨ tell me what the first step is?

Does the ¨ inform the input/operation restrictions?

Does ¨ have the necessary system/user behavior feedback?

Does the ¨ allow necessary undo operations?

¨ do all operations on the page have to be completed by the user?

¨ have you minimized the steps and clicks?

¨ are all jumps required (cannot be rendered on the current page)?

These are just an incomplete list of students who can modify their own experience, or refer to a more comprehensive, authoritative usability test checklist, such as Purdue University Usability test Checklist.

Iv. priority setting (Priority)

When we filter the problems that need to be optimized through checklist, we can consider the priority of the problem according to the severity of the problem and the cost (time, manpower, etc.) of the problem, for example, the problem of high severity score and low optimization cost should be solved first.

V. Summary

Considerations: Optimized design to reduce the user's visual burden, cognitive burden, memory burden and physical burden

Goal: Make design easy to identify/locate/read, easy to understand/learn/remember, easy to operate, meet usability principles and product goals

Check list: Interactive design quick Check List v1 PDF version Download

Interactive Design Quick Check List V1 View more documents from J Lin.

Priority: Prioritize and solve serious and cost-critical problems based on the seriousness and cost of the problem.

Reference

1. About Face3: The essence of interaction design
2. "Human-Computer Interaction: User-centric design and evaluation"
3. Ten Usability Heuristics
4. Purdue Usability Testing Questionnaire