Web Design tips: Tips and exercises for focus setting

Article Description: for web designers, focus setting is a technique to better convey information and retain users, a bit like magic. It also requires practice and skill. Hope that these suggestions can help you, I wish your Web page can attract users faster! Try it on your next project.

Creating focus: The center of gravity in Web design

In Shakespeare's time, the audience is very not face, taste is not very high, in short, the audience at that time is a group of impatient, do not understand the literature of the masses.

After a day of hard work, they came to the theatre to have fun and excitement, and, yes, they wanted entertainment.

Shakespeare's former playwrights were often out of sight, and sometimes the audience even booed and smashed the scene, because they thought the play was so rotten that they could not make them feel the shred, nor could they hold their hearts.

Shakespeare's rise in such a large environment, although with a high artistic self-restraint, but can get the hymn of the slums, his strategy is: the plot, with the drama to seize the audience's attention.
His works are short, gorgeous costumes, beautiful music, dialogue humorous, sophisticated ideas.

Today, scientific and technological innovation and rapid development of civilization, however, now the audience, still have no patience, just as the audience in Shakespeare's time.

A few tips for building focus

Attention is a very abstract noun, and capture attention is like "Tiger Eat Day" like, no way, like other media, users browsing web design , the user's attention is very difficult to capture.

Users are very strict, very ruthless, they jump from one page to another page, just to find the information they need, if your Web page can not attract them, within 1 seconds will be their closure, they will feel that your Web page is useless, but waste of time wasting traffic.

In this article, I suggest that designers use Shakespeare's means to please the audience, to add some attractive elements, this is what I said: Web Design in the "focus."

The so-called focus, worthy of the Web design of the most outstanding part, can quickly arouse the attention of users, to guide the next step of the user. Focus on the eye, in many elements stand out.

The focus is an irresistible fascination for web browsers, and the focus contains important information. Set the focus in the Web design , this sentence still sounds very abstract, feeling very difficult.

But take a look at the following tips, I promise you will get something.

Layout (Hot Zone)

Web Design , elements and spatial arrangement of a game. For focus, location is critical. Some websites try to create focus, but the layout is wrong, which leads to the focus is no longer the focus.

It is obvious that the focus should be in the most conspicuous position (or where the user is browsing the most frequently). So how do you lay out the focus correctly? The easiest way to do this is for the designer to focus on "where the user is most likely to notice".

However, not all designers are experienced and can directly determine where users browse hotspots. Therefore, a more scientific and more visual approach to testing, such as usability testing, is needed. Before running the website, if the designer can test a group of users, then he will know exactly what the users think of the site, and get a general idea of the user's browsing hot zone.

It is recommended to use the test method, because intuition is sometimes not allowed.

How often the focus appears

According to the hot zone, after completing the layout, another question surfaced: How much focus does a website need?

If you go back a few years ago and ask the Web designer This question, they often answer: one focus is enough. Because then the length of the Web page is limited, unlike now, a variety of vertical parallax scrolling, horizontal scrolling, resulting in a page near the "infinite" long.

It would be a bit absurd to set a focus now. And, not only is the main page to have the focus, the child page also has the focus.

The number of focus depends on the content and site type.

For example, a page consists of a large picture, a large paragraph of text, to illustrate the intent of the site. However, I recommend the use of at least three visual focus, interspersed among them, to ensure the efficiency of content delivery.

More than one visual focus can better explain the content, the larger image is used to impact the visual, text is used to explain in detail.

Elements needed to build focus

Knowing the general direction of the proposal, let's look at some specific details--elements

1, Text and font

Text and font elements are a big factor in capturing the user's attention. If you want to attract users, text fonts must be innovative and different.

Use the appropriate font, with the appropriate color, size, leaving white, so that the text becomes the visual focus, the user opened the page will notice the font, see the above picture effect.

2, pictures, images and illustrations

A picture wins thousand words, the information of the image is huge. Buttons and animations with a "call to action" effect are also well worth using.

Illustrations and icons can also be used to explain the theme of the site, so that the picture has a humane texture, the user could not help but touch operation.

3, leaving White

Minimalism is the trend, the surrounding "no" foil the middle of the "there", users will naturally notice "there." Let the user notice the focus element directly. As for white, how to do? Learn more with Apple, Apple's design is very concise, Apple is familiar with the way to stay white.

Focused web design case

After reading the above several suggestions and details, is not a lot of feelings? Feel like after eating, need to order dessert, the final aftertaste? Well, here are some small collections, all of which are focused on web design .

They show you the diversity of focus settings and the possibilities. Whether it is to stay white or image, font or color, they are reasonable use of elements, delicate setting focus, so that users have recognized the site.

KOA WATER

Ipolecat

RIDE FOUR EVER

Wrist

Grind Spaces

The PETE design

Mosne

JEREMY LEVINE

Caramel BUDGIE

FK AGENCY

Summarize

For web Designers , focus setting is a technique to better convey information and retain users, a bit like magic. It also requires practice and skill.
Hope that these suggestions can help you, I wish your Web page can attract users faster! Try it on your next project.

Original address: Onextrapixel excellent network translation: @MartinRGB