125 Optimization tips for improving usability of Web pages (i)

This series of tutorials so far has 5 chapters, a total of 125 practical tips, each with a case comparison to ensure easy to understand. Today @ corporate website design selection translated the first part-how to guide the user's attention in web design. Learning one can be useful, not to mention this chapter has 17 specific methods.

　　Highlight a focal point in the interface

Each interface should have a clear starting point. Where should the user look? to design clearly.

UX Policy-A-look at the page header section to add a visual contrast

　　Guide users through the visual hierarchy

Control the user experience through an interface. Where should they look first, where are the second and third steps? Design to establish a hierarchy.

UX strategy 2– avoid trapping white in composition

UX policy 3– using a single-column layout

UX Strategy 4– overlapping design elements, emphasizing continuity

　　Layout design using the Gestalt principle

According to Gestalt psychology, people can overcome confusion by simplifying perception. So we grouped things, sorted the elements, and we looked at the "whole."

These principles include: similarity, proximity, closure, connection, continuity and graphics/background.

UX policy 5– Similar functions or menu items by proximity

UX policy 6– title position closer to the corresponding chapter content

UX policy 7– limit title and chapter content within the same bounds

　　Rendering interface changes without interfering with the user

There are some interface changes that occur during the user's use, and these changes are obvious but do not interfere with the user.

UX strategy 8– with apparent animation rendering interface changes

The

UX policy 9– The elements of the error to display, and the error alert information is placed at the top of the form