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. Provide significant system status through effective feedback information

2, in line with the user's real world

3, the user free control right

4. Consistency and standard sex

5. Prevent mistakes

6. Identify rather than recall

7, flexible and convenient to use

8, beautiful, streamlined design

9, to help users understand, analyze and correct errors

10. Help and explanation

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

About Face3: The essence of interaction design

"Human-Computer Interaction: User-centric design and evaluation"

Ten Usability Heuristics

Purdue Usability Testing Questionnaire

Article Source: uedc.163.com/4308.html reprint Please indicate the source link.