Experience on how to design Web pages

This article outlines some major problems in designing webpages.HopeYou make the next webpageGive some inspiration.

1. Remember: the time you can control is limited.

It takes only four seconds for me to browse the normal page. Therefore, you do not have enough time to attract users and let them continue browsing your website. That is to say, you should describe what your website is about as accurately as possible. If the browser needs to spend more time figuring out what the website is about, he will give up and leave.

2. Remember: the user is reading the page

When you enter a room, you do not have to look at the appearance of everything. First, you will pay attention to the appearance of people or things in the room. You will look around the room and find things that interest you. Similar things happen when you browse the website for the first time. The viewer or user browses the website in general. This requires you to guide users where you want them to go. It may be a login button, more content button, or blog article, etc.

3. The top left corner of the website is the most obvious position.

This is a widely accepted fact. The main reason is that everyone uses this habit to read articles (starting from the top left corner). In addition, early websites and application software were designed and developed based on this method. We usually place the LOGO in the upper left corner, which is good. But consider adding one or two other elements to this position to make it more visible (registration links, search forms, banners, etc ).

4. Understand the "F" Structure

Some visual tracking research proves that the visual path of a user's website is similar to the letter "F. The top position is always visible. Only half of the middle area is visible, and only the left part is visible. When you do not know how to place a content block in the community, you can consider this factor.

5. Understand what users ignore

Users turn a blind eye to advertisements. They are used to ignoring image ads and text ads. Avoid designing things that look like advertisements, and ignore large text areas. No one has time (more specifically, patience !) To read large text, they only understand the general idea of the page article.

6. text and images

An interesting fact is that. Text is worth more attention than those with wonderful pictures! If you want to send messages to your users, I suggest you use big text to replace the dazzling headers ......

7. Use design elements to attract attention

A good element to attract attention is the text slogans. The buttons of the Action Program (usually highlighted) are divided into 1-2-3 levels, or a common list ......
If you are writing a long article, you need to find a title. Subtitles are easier to follow than other content. Use the appropriate title to explain the topic of this article to the user through this simple step.

8. Text Format

Appropriate text format arrangement is more intended for reading. Don't worry about using too many paragraphs, bold, italic, references, underscores, or uppercase/lowercase letters ...... Both of them can make text blocks more visual. Of course, you also need to use formatting to emphasize some words or sentences that you think are important to guide your readers to read complete texts.

9. Use concise Images

I have mentioned before that users are blind to advertisements. When using images during design, make sure they are not messy, annoying, or incomprehensible. Most people feel that it is difficult to see messy and colorful pictures. Images should be concise and easy to understand.
When you use a person's face image, it is more likely to attract users' attention, especially when the person's eyes stare at the user. Of course, you can also focus on a specific direction.

10. use white space

With the left-white feature, you can give some elements more visible space. If an element is too close to the margin or other elements, it is easy to be confused. Then you need to leave some space for it to breathe. Especially between text and text content.

Original Chinese: 10 tips on how to design webpages
10 short 'n' sweet tips on how to design for web