Simple check list for web Interaction design optimization

Source: Internet
Author: User

Simple check list00 for Web Interaction Design Optimization | Date: 2011-02-11 | 28,842 views
Interactive Design, user research

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

However, compared to the implementation of new features, the existing functional optimization is always less urgent and fragmented, resulting in the iterative optimization of the plan is always classified as "important not urgent" or even "unimportant not urgent" quadrant, into the east of a stick west a long hammer trading. We can identify problems through usability testing, but testing is often limited by the conditions of time, user solicitation, site 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 that if you want to optimize the interactive design of non-entertainment-oriented products, we

    • What are the aspects to consider
    • What principles to follow
    • How to start checking for existing designs
    • How to prioritize an optimization

Without involving:

    • Interactive design process for new features/products
    • Design optimization of entertainment-oriented products
    • Optimization of product concept and functional level
    • Tips for every type of product
    • The specific optimization method
I. What needs to be optimized (considerations)

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

The behavioral and interface-level design principles tell us that you should design for a lower user workload. But we are often not intimate enough, unconsciously on the user set a variety of tests, let them crazy:

1. Visual workload
    • Need to decompose layout
    • Need to differentiate the content hierarchy
    • Need to differentiate between visual elements
    • Need to try to locate target information
    • Need to identify reading starting point
    • Need to constantly change the line of sight
    • Visual flow is disturbed, interrupted

2. Cognitive Burden cognitive work
    • Need to understand unfamiliar concepts and patterns
    • Need to understand lengthy, jerky text content
    • Need to understand the structure and layout of chaos
    • Need to understand the ambiguous operation
    • Need to guess system status, behavior, results

3. Memory Burden Memories Work
    • You need to remember the various properties of the object (name, position, size, color)
    • Need to remember the Association of objects
    • commands, steps, and results that need to be remembered for operations
    • Need to remember the past operations

4. Physical Burden Physical work
    • Need to move the mouse over long distances
    • Need to do (multiple) clicks
    • Need to perform different mouse gestures
    • Requires multiple combinations of operations
    • Need to switch input mode
    • Need to access different pages/areas
    • It takes a long time to wait

Ii. objective of optimization (GOAL)

Double-check the existing design, more or less always find the problem. Before we solve the problem, we should know where to go to optimize:

1. Availability-based goals
    • Easy to identify/locate/Read
    • Easy to understand/learn/memorize
    • Easy to operate

The most important purpose of optimization is to make the product more usable, so that the design complies with Jakob Nielsen's 10 Usability guidelines:

    1. Provides significant system status through effective feedback information
    2. Real-world compliance with users
    3. User's free control rights
    4. Consistency and standards
    5. Prevent errors
    6. Identify rather than recall
    7. Flexible and easy to use
    8. Beautiful, streamlined design
    9. Assist users to understand, analyze and correct errors
    10. Help and instructions
2. Product-based goals

It needs to be defined according to different products. For example, for the rapid registration process optimization, the purpose is to allow users to complete the registration of the most convenient to enter the target page, the optimization target may be minimized input, the shortest waiting time and so on.

Three, quick check list (check list)

In order to achieve the goal of optimization, a simple checklist (PDF version download link Please see at the end of the article), to facilitate the walk-through to the structure, layout, content, behavior of four aspects of the control check:

1. Architecture and navigation architecture and navigation

Does ¨ use a structure that is familiar or understandable to the user?

Can ¨ identify the current location in the site?

Can ¨ clearly express the structure between pages?

Can ¨ quickly return to the 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

Does ¨ use user-familiar interface elements and controls?

¨ interface elements and controls are text, position, layout, grouping, size, color, shape, etc. reasonable, easy to identify, consistent?

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

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

¨ are the other texts (appellation, cue, provide feedback) consistent?

3. Content and readability contents and readability

¨ the text content of the communication object is the user?

is ¨ language concise, understandable and polite?

Does the ¨ content express the same meaning?

is ¨ important content in a prominent position?

Does ¨ provide the necessary information when needed?

Does ¨ have elements that interfere with sight and attention?

4. Behavior and interaction behavior and interaction

Does ¨ inform and guide the user what can be done?

Does ¨ tell you what steps are required?

Does ¨ tell you how much time is required to complete?

Did ¨ tell you what to do in the first step?

Does the ¨ inform input/operation limits?

Does ¨ have the necessary system/user behavior feedback?

Does the ¨ allow the necessary undo operations?

¨ do all the actions on the page have to be done by the user?

¨ have you reduced the number of steps and clicks to a minimum?

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

The above is just an incomplete list, students can be modified according to their own experience, you can also refer to a more comprehensive, authoritative usability test checklist, such as Purdue University Usability test Checklist.

Iv. prioritizing (priority)

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

V. Summary

Considerations: Optimizing design to reduce 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, comply with usability principles and product objectives

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

Interactive Design Quick Check List V1view more documents from J Lin.

Priority: Prioritize and address serious and low-cost issues based on the seriousness and cost of the problem.

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

Simple check list for web Interaction design optimization

Related Article

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: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.