Article introduction of Wulin.com (www.vevb.com): I can browse the usual pages in just 4 seconds, so you don’t have enough time to attract users and let them continue browsing your website. That is to say, you should describe as accurately as possible what the website you designed is about. If it needs to make the viewer spend more time figuring out what this website is about, he will give up and leave.
This article roughly summarizes some major issues in designing web pages. I hope I can give you some inspiration when making the next page.
1. Remember: the time you can control is limited
I can browse my usual pages in just 4 seconds, so you don't have enough time to attract users and keep browsing your website. That is to say, you should describe as accurately as possible what the website you designed is about. If it needs to make the viewer spend more time figuring out what this website is about, he will give up and leave.
2. Remember: the user is skimming the page
When you enter a room, you don't look specifically at the appearance of everything. First of all, you will pay attention to the appearance of people or objects in the room. You will look around the entire room and then find something that makes you interested. Similar things will happen when browsing a website for the first time. The browser or user first browses it. This requires you to guide users to where you want them to go. It could be a login button, more content button, or blog post, etc.
3. The upper left corner of the website is the most obvious location
This is a recognized fact. The main reason is that everyone uses this habitual way to read books and articles (starting from the upper left corner). In addition, early websites and application software were also designed and developed based on this method. We usually put the LOGO in the upper left corner, which is great. But consider adding one or two other elements in this position to make it look more obvious (registered links, search forms, slogans, etc.).
4 Understand the F structure
Some visual tracking surveys have proved that the visual route of users browsing websites is similar to the letter F. The top position can always be seen, only half of the middle area can be seen, and only the left part can be seen down. When you don’t know what to place a content block in the club when designing, you can consider this factor.
5. Understand what users ignore
Users are blind to advertisements. They are used to ignoring image and text ads. Avoid designs looking like advertisements, and users will also ignore large text areas. No one has the time (more patient!) to read the text of the blockbusters, they just understand the general meaning of the page article.
6. Text and pictures
An interesting fact is. Text gets more attention than those wonderful pictures! If you want to convey information to your users, I suggest you use large slogan text instead of those dazzling head pictures...
7. Use design elements to attract attention
The good elements to attract attention are text slogans, buttons for action programs (usually in bright tones), divided into levels 1-2-3, or just a normal list...
If you are writing a very long article, one very important thing is that you are looking for a subtitle. Subtitles are easier to gain attention than other content. Use the appropriate title to explain the topic of this article to the user in these simple steps.
8. Text format
The appropriate text formatting is more interesting to read. Don't worry about using too many paragraphs, bold, italics, quotes, underlines, or letters... they can all make the text blocks more visually impactful. Of course, you also need to use formatting to emphasize some text or sentences that you think are important, which can guide your readers to read the complete text.
9. Use simple pictures
I have mentioned earlier that users turn a blind eye to ads. When you use pictures during the design process, make sure they are not messy, annoying, or unintelligible. Most people feel that it is difficult to see messy and fancy pictures. The pictures should be concise and easy to understand.
You use pictures of people's faces to attract users' attention, especially when the eyes of the characters in the picture are staring at the user. Of course, you can also use the direction of your eyes to guide users to pay attention to a certain direction.
10. Use white space
Using blank space can give some elements more visual space. If an element is too close to the margin or other elements, it is easy to be confused, so it needs to leave some room for breathing. Especially between text and text content.
Original Chinese: 10 tips on how to do web design
Original English: 10 short 'n ' sweet tips on how to design for web