125 Tips for improving usability of Web pages (IV.)

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)

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

　　Try to balance the knowledge and skill levels of different users

The user may be a novice, an expert, or somewhere in between, to design the interface according to the user situation.

Use the right New person to guide (four major new guide strategies)

These four usages can be represented by just one 2*2 matrix. Select the best way to fit your interface according to the icon below:

Add hints to novice users without interfering with expert users

Building an information architecture using card sorting

If you want to know how users define or conceptualize menu categories, use open card classification;

If you want to know how users classify existing elements into prefabricated categories, use closed card classifications;

　Adapt to the user's operating process as much as possible

Users will have different needs, according to different operating procedures to adjust the interface design.

Let the user control how the data is rendered

Let users control how data is sorted

Other sorting criteria include:

In alphabetical order

by availability

By category

By date

by distance

By popular level

By Price

by relevance

By size

Let users control the number of data displayed

Building user portraits to differentiate between specific operational processes

Let the user open the page through a new tab page

Many users are accustomed to opening the page first, followed by browsing.

　　Improve the accessibility of Web pages as much as possible

Let the disabled group also have access to your interface. This is not only good practice, but also avoid legal consequences (see what product you are doing)

Using semantic tags in HTML5

Use multiple prompts to communicate feedback

About 8% of men are color-blind (Chan, Goh, & Tan, 2014). Do not use color alone to convey information, provide a variety of tips.

　Compatible with various inputs and extreme cases as much as possible

Users should be allowed to enter a variety of information without worries.

Solve the bad results of automatic generation of information

(Translator Note: On the map customer travel destination is Auschwitz, through the template message "< destination name > Have fun", will generate "Auschwitz to have fun" tips, but Auschwitz is a negative association, "Auschwitz Have Fun", will make users unhappy. To be on the safe side, change the hint to "have a good trip")

Use form elements that support multiple input formats

Display results that address the needs of searchers

Use a search that can handle typos, synonyms, or variant words

　　Compatible with all media as far as possible

Interfaces need to work in a variety of environments (e.g., different devices, browsers, etc.)

Customize different operation guidelines according to user's browser

Use a single window to drill down on a small device