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

Previous Period review:

There are pictures of the case! 125 optimization tips for improving usability of Web pages (i)

There are pictures and comparisons! 125 optimization tips for improving usability of Web pages (b)

In addition to guiding users, they also need to reduce their cognitive processes to maintain fluency.

As few users as possible to do calculations

Never leave the calculation to the user and let the computer handle it.

Show remaining quantity

　　Reflect the user's current position within the interface

The interface is like an airport, and if there is no "you are here" tag, the user will get lost, so remember to provide the tag.

Highlight the current selection on the navigation menu

Provide breadcrumb navigation or step diagrams in complex interfaces

Place descriptive or useful information in front of the page header

　Simplifying Select class Tasks

It takes a brain to make a choice, simplifying a task that makes the user less bothered

Indicate options selected by most users

Provides a list of common search keywords

Drop down category menu in appropriate navigation menu

　　Use the regular web design interface

Innovation is good, but don't deviate too far from the conventional design approach. Users are accustomed to certain layouts and structures. Conventional design is popular because they are really feasible.

Use the regular navigation menu

Put the utility function in the upper right corner

　Provide feedback after each interactive action

When users interact with the interface, they need to get real-time feedback. Has the operation succeeded or failed? What changed?

Important interactive Action Post feedback prompt Success message

Shows which item the current mouse rests on

Minimizing the negative effects of waiting

Eliminate all unnecessary waiting. Minimize the negative effect if you really want the user to wait.

Load animation effects using cold tones to reduce user stimuli

Blue reduces stimulation (increases relaxation), and blue-loaded elements allow users to feel faster to load (Gorn et al., 2004).

Maintain user activity while waiting for long time (others they wait)

Prevent users from uploading unsupported files

Real-time Statistics display task progress

　Minimize user dependence on memory

Don't let the user remember anything, show the relevant information

Keep form labels visible all the time

Avoid the inline label that disappears after the user clicks on it

Placeholder text is placed outside of a form element

Add Copy button for removable input (add copy Buttons to movable input)

　　Use jagged view mode as little as possible

Reduce the number of times the user's eyes move back and forth to keep the supplemental data close.

Merging the same data fields to help users compare

Keep the form label close to the corresponding element and align