125 Optimization tips for improving usability of Web pages (II.)

The first phase of the review: There are pictures of the case! 125 optimization Tips for Web page usability (i)

　　Make common functions and important data information closer to users

Anticipate the user's intentions and keep them as close to the target as possible.

Filter out or jump to an entry that the user is searching for

To list user-selected items as default options

Show the important data information on the Product List page

Many times the user needs to be like a spring stilt stick, click on a product, view the information, go back to the previous page, and then repeat the operation to see other products. The usability of this design is poor. Important information should be placed directly on the main page to reduce the number of times users repeatedly operate.

If you are afraid of this page will be cluttered, you can also design a mouse hover display (such as the following)

Display useful information when you hover the mouse

Common functions are shown directly.

Display the main data and status by means of the instrument panel

Put common answers on the head of the dropdown list

　　Timely feedback rendering of interactive state

Reduce uncertainty by conveying all relevant information.

Show current progress and time remaining in machine-driven tasks

If the upload file is the system in process, the user does not know the internal operation, by showing progress bar can let users know the progress.

Complex or lengthy interaction States should be presented in a timely manner

Show the total number of action steps in order

Displays the number of entries under the class