Improve Web browsing experience: Functional design and design aesthetics

Article Description: When you browse a website, generally will quickly on the site's appearance and use feel to make a judgment, the overall design style is the first impression, can guide users to continue reading depends on this.

When you browse a website, generally will quickly on the site's appearance and use feel to make a judgment, the overall design style is the first impression, can guide users to continue reading depends on this.

Keeps things interesting foul within must not be long-term, functional is also an important consideration.
A good user experience is not just about functionality and design aesthetics, but also about a lot of factors, so let's take a look.

Consistency

The most important interaction elements must be friendly and consistent in style.

While designing a Web site, we can incorporate a lot of innovation and aesthetic style, but some often used, and important elements, style must be consistent, such as buttons, links, navigation bar, forms and so on. I suggest that you can browse some of the electrical business site, they do in this point is very good, they usually have a lot of tea products page, but the overall experience is not very different, we can look at Uniqlo website.

Like product categories, current buttons, and important text messages are highlighted in red
The layout is basically the same for different pages.

Readability

In general, Web browsers will not read through the full text, but only the parts of their interest.

Eye movement research shows the user's most basic browsing mode: From left to right, from top to bottom. Therefore, in the design, should be based on user reading habits, reasonable layout.

Do your homework and keep it white
The image should be large so that users will stop to browse
Icons add to readers ' interest in reading text
Font size and type to have a sense of hierarchy
Title to attract people

Speed

If the page loads too slowly, no one wants to browse.
Research has shown that loading more than 4 seconds will result in a loss of 25% of users.

Use the page Speed detection tool to detect Web page load speed
Use CSS sprites to reduce the number of files you need to load
Design style to be as simple as possible
Through the Google Analytics analysis, to verify that the load speed increase is effective.

Relevance of

Customization is the advanced stage of user experience design

For example, this site effectively captures the needs of the target audience, elegant, classic font design, and demand highly correlated images.

The font should be big and easy to read, so the design looks very classic
Simple interface, easier to navigate.

Functionality of

When users interact with the design, they want the information to be well-organized and functional.
The interactivity of web design is actually very simple: it's good to operate comfortably. Flashy web design is only a fad, look at this case:

The button has a high degree of identification to stand out from the page
Important information should be highlighted so that users will notice the most basic and important information
Fill in the form to ensure simplicity and efficiency.

The function is more than the form, through the design solves the problem, enhances the user experience primarily, but not merely enhances the esthetic sense.